:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:dark;background:#1a1410;color:#e7d9c5}*{box-sizing:border-box}body{margin:0;min-height:100vh}.app{max-width:1100px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.app-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3a2e22;padding-bottom:.75rem;margin-bottom:1.25rem}.app-header h1{margin:0;font-size:1.4rem;letter-spacing:.02em;color:#f5d28b}button{background:#7b1d1d;color:#fff;border:1px solid #a93a3a;border-radius:4px;padding:.55rem 1rem;font-size:.95rem;cursor:pointer}button:hover:not(:disabled){background:#952424}button:disabled{opacity:.5;cursor:not-allowed}.signout{background:transparent;border-color:#4a3a2a;color:#b9a78a;padding:.35rem .75rem}.back{background:transparent;border:1px solid #4a3a2a;color:#b9a78a;margin-bottom:1rem}.summary{background:#221a13;border:1px solid #3a2e22;border-radius:6px;padding:1rem 1.25rem;margin-bottom:.75rem}.summary .big{font-size:1.8rem;font-weight:600;color:#f5d28b;margin-right:.5rem}.summary .pct{color:#b9a78a}.summary .meta{color:#8a7c66;font-size:.85rem;margin-top:.4rem}.actions{display:flex;align-items:center;gap:1rem;margin:.5rem 0 1rem;flex-wrap:wrap}.actions .toggle{color:#b9a78a;font-size:.9rem;display:flex;align-items:center;gap:.4rem;cursor:pointer}.actions button.secondary{background:transparent;border-color:#4a3a2a;color:#b9a78a}.actions button.secondary:hover:not(:disabled){background:#2a2117;color:#e7d9c5;border-color:#6a5a4a}.error{color:#ff9b8c;background:#2a1818;border:1px solid #6a2a2a;padding:.5rem .75rem;border-radius:4px}.hint{color:#8a7c66;font-size:.85rem}.setup-options{display:flex;flex-direction:column;gap:.5rem;max-width:380px;margin:.75rem 0}.setup-options button.secondary{background:transparent;border-color:#4a3a2a;color:#b9a78a}.setup-options button.secondary:hover{background:#2a2117;color:#e7d9c5}.rows{display:flex;flex-direction:column;gap:.4rem}.group{background:#1f1812;border:1px solid #3a2e22;border-radius:5px;overflow:hidden}.group.open{background:#221a13}.group-header{width:100%;display:flex;align-items:center;gap:.6rem;background:transparent;border:none;padding:.7rem 1rem;color:#f0e2cc;text-align:left;font-size:1rem}.group-header .group-name{flex:1}.group-header:hover{background:#2a2117}.group-name{font-weight:500}.group-count{color:#b9a78a;font-variant-numeric:tabular-nums;font-size:.9rem}.chevron{color:#8a7c66;width:1.2em;text-align:right}.group-body{padding:.2rem 0 .4rem;border-top:1px solid #3a2e22}.depth-1{background:transparent;border:none;border-radius:0}.depth-1>.group-header{padding-left:2rem;font-size:.95rem;color:#d9c8af}.depth-1.open{background:#1c1610}.depth-2{background:transparent;border:none}.depth-2>.group-header{padding-left:3rem;font-size:.9rem;color:#b9a78a;text-transform:uppercase;letter-spacing:.04em}.depth-2>.group-header .group-name{font-weight:600;color:#f5d28b}.depth-3>.group-header{padding-left:4rem;font-size:.85rem;color:#a89478}.entries{list-style:none;padding:0;margin:0}.entries li{border-bottom:1px solid #221a13}.entries li:last-child{border-bottom:none}.entry{width:100%;background:transparent;border:none;padding:.4rem 1rem .4rem 3.5rem;color:#e7d9c5;text-align:left;font-size:.95rem;cursor:pointer;display:flex;align-items:center;gap:.5rem}.entry:hover{background:#2a2117}.entries li.undisc .entry{color:#5e5341}.entries li.read .entry{color:#8a7c66}.entries li.unread .entry{color:#f0e2cc;font-weight:500}.unread-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:#f5d28b;flex:0 0 auto}.reader-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.mark-unread,.mark-read{background:transparent;border:1px solid #4a3a2a;color:#b9a78a;padding:.35rem .75rem;font-size:.85rem}.mark-unread:hover,.mark-read:hover{background:#2a2117;border-color:#6a5a4a;color:#e7d9c5}.hidden-section{margin-top:2.5rem;padding-top:1.5rem;border-top:1px dashed #4a3a2a}.hidden-section-title{color:#a89478;font-size:1.1rem;margin:0 0 .25rem;letter-spacing:.05em}.hidden-section .hint{margin:0 0 .75rem}.reader{background:#221a13;border:1px solid #3a2e22;border-radius:6px;padding:1.5rem 1.75rem;display:flow-root}.reader-image{display:block;float:right;clear:right;width:220px;height:220px;margin:0 0 1rem 1.5rem;border-radius:6px;border:1px solid #3a2e22;background:#1a1410;object-fit:cover}@media (max-width: 640px){.reader-image{float:none;width:100%;height:auto;max-width:320px;margin:0 0 1rem}}.reader h2{margin-top:0;color:#f5d28b}.reader p{line-height:1.65;color:#e7d9c5}.reader p+p{margin-top:1rem;padding-top:1rem;border-top:1px dashed #3a2e22}.reader .empty{color:#6a5e4e;font-style:italic}.tier-tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin:0 0 1rem;padding:0 0 .75rem;border-bottom:1px solid #3a2e22}.tier-tab{display:inline-flex;align-items:center;gap:.35rem;background:transparent;border:1px solid #3a2e22;color:#b9a78a;padding:.3rem .7rem;font-size:.85rem;min-width:3rem;justify-content:center}.tier-tab:hover:not(:disabled){background:#2a2117;border-color:#6a5a4a;color:#e7d9c5}.tier-tab.selected{background:#2a2117;border-color:#a78a5a;color:#f5d28b}.tier-tab.locked{opacity:.5;cursor:not-allowed}.tier-tab.read{color:#8a7c66}.tier-tab.unread{color:#f0e2cc}