:root{--brand-ink:#1a1a1a;--brand-paper:#f3ecdc;--brand-paper-light:#faf5e9;--brand-vermillion:#a32a1f;--brand-vermillion-deep:#7a1f17;--brand-vermillion-tint:#f5e3df;--brand-rule:#cdc3a8;--ink-900:#1a1a1a;--ink-700:#2e2924;--ink-500:#5c5447;--ink-300:#978d78;--ink-200:#cdc3a8;--ink-100:#ebe1c4;--ink-050:#f7f1e2;--surface:#faf5e9;--surface-warm:#ebe1c48c;--fg:var(--ink-500);--fg-strong:var(--ink-900);--fg-muted:var(--ink-300);--bg:var(--brand-paper);--bg-muted:var(--ink-050);--border:var(--brand-rule);--code-bg:var(--ink-100);--accent:var(--brand-vermillion);--accent-bg:#a32a1f1a;--accent-border:#a32a1f73;--accent-fg-on:var(--brand-paper);--danger:#a32a1f;--danger-hover:#7a1f17;--warning-fg:#6b4a12;--warning-bg:#f4e6b8;--success:#2f6e3a;--shadow-sm:0 1px 2px #1a16120f;--shadow-md:0 4px 12px #1a161214;--shadow-lg:#1a16121a 0 10px 15px -3px, #1a16120d 0 4px 6px -2px;--shadow-glow:0 0 0 3px #a32a1f38;--radius-xs:2px;--radius-sm:2px;--radius-md:3px;--radius-lg:4px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--container-max:1126px;--feed-max:720px;--font-sans:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-heading:"Newsreader", "Source Serif 4", Georgia, "Times New Roman", serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-display:64px;--fs-h1:40px;--fs-h2:28px;--fs-h3:20px;--fs-body:17px;--fs-body-sm:15.5px;--fs-meta:13px;--fs-micro:11.5px;--fs-code:14px;--fs-kicker:11.5px;--lh-tight:102%;--lh-snug:125%;--lh-body:155%;--tracking-display:-.02em;--tracking-h2:-.005em;--tracking-body:0;--tracking-kicker:.22em;--ease:cubic-bezier(.2, .8, .2, 1);--t-fast:.12s;--t-med:.18s;--t-slow:.28s}@media (prefers-color-scheme:dark){:root{--ink-900:#f1ead4;--ink-700:#d8d1bb;--ink-500:#a39c84;--ink-300:#6c6754;--ink-200:#3a352a;--ink-100:#26221b;--ink-050:#1c1915;--surface:#1c1915;--surface-warm:#3a352a80;--bg:#141210;--brand-paper:#141210;--brand-paper-light:#1c1915;--brand-rule:#3a352a;--accent:#d8513f;--accent-bg:#d8513f26;--accent-border:#d8513f80;--accent-fg-on:#141210;--danger:#d8513f;--danger-hover:#b83b2a;--shadow-sm:0 1px 2px #00000073;--shadow-md:0 4px 12px #0000008c;--shadow-lg:#0000008c 0 10px 15px -3px, #0000004d 0 4px 6px -2px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--fg);font:var(--fs-body)/var(--lh-body) var(--font-heading);letter-spacing:var(--tracking-body);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-synthesis:none}@media (width<=1024px){html,body{font-size:var(--fs-body-sm)}}#root{width:var(--container-max);box-sizing:border-box;flex-direction:column;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--fg-strong);font-optical-sizing:auto;margin:0;font-weight:700}h1{font-size:var(--fs-display);letter-spacing:var(--tracking-display);line-height:var(--lh-tight);font-weight:800}h2{font-size:var(--fs-h2);letter-spacing:var(--tracking-h2);line-height:110%}h3{font-size:var(--fs-h3);line-height:var(--lh-snug);font-weight:600}p{margin:0}a{color:var(--accent);border-bottom:1px solid var(--accent-border);text-decoration:none}a:hover{border-bottom-color:var(--accent)}code,.mono{font-family:var(--font-mono);font-size:var(--fs-code);line-height:var(--lh-snug);color:var(--fg-strong);background:var(--code-bg);border-radius:var(--radius-xs);padding:1px 6px;display:inline-flex}.kicker,.dateline,.byline{font-family:var(--font-mono);font-size:var(--fs-kicker);letter-spacing:var(--tracking-kicker);text-transform:uppercase;color:var(--fg-strong)}.kicker{color:var(--accent)}.rule{background:var(--ink-200);border:0;height:1px;margin:0}.rule-strong{background:var(--ink-900);border:0;height:1px;margin:0}.rule-double{border-top:1px solid var(--ink-900);border-bottom:3px solid var(--ink-900);background:0 0;height:5px;margin:0}::selection{background:var(--accent-bg);color:var(--fg-strong)}.auth-page{min-height:100vh;padding:var(--space-4);flex-direction:column;justify-content:center;align-items:center;display:flex}.auth-brand{margin-bottom:var(--space-2);align-items:center;gap:12px;display:flex}.auth-brand img{width:40px;height:38px}.auth-page h1{letter-spacing:-.02em;color:var(--fg-strong);margin:0 0 var(--space-2);font-size:36px;font-weight:600;line-height:var(--lh-tight)}.auth-tagline{font-size:var(--fs-meta);color:var(--fg-muted);margin:0 0 var(--space-5);font-style:italic}.auth-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);gap:var(--space-4);flex-direction:column;width:100%;max-width:360px;padding:28px;display:flex}.auth-form h2{font-size:var(--fs-h3);color:var(--fg-strong);letter-spacing:var(--tracking-h2);margin:0;font-weight:600}.auth-form label{gap:var(--space-1);font-family:var(--font-sans);font-size:var(--fs-meta);color:var(--fg-strong);flex-direction:column;font-weight:500;display:flex}.auth-form input{border:1px solid var(--border);border-radius:var(--radius-xs);font:16px/1.5 var(--font-sans);color:var(--fg-strong);background:var(--surface);transition:border-color var(--t-fast) var(--ease), outline-color var(--t-fast) var(--ease);padding:.55rem .75rem}.auth-form input:focus{outline:2px solid var(--accent);border-color:#0000}.auth-form p{font-size:var(--fs-meta);color:var(--fg)}button{border-radius:var(--radius-xs);background:var(--accent);color:var(--accent-fg-on);font:600 var(--fs-meta)/1 var(--font-sans);cursor:pointer;transition:background var(--t-fast) var(--ease);border:none;padding:.5rem 1rem}button:hover:not(:disabled){background:var(--brand-vermillion-deep)}button:disabled{opacity:.6;cursor:not-allowed}button.ghost{color:var(--ink-500);background:0 0;font-weight:500}button.ghost:hover:not(:disabled){background:var(--ink-100);color:var(--fg-strong)}button.danger{background:var(--danger);width:fit-content}button.danger:hover:not(:disabled){background:var(--danger-hover)}button.icon-button{color:var(--ink-500);border-radius:var(--radius-xs);background:0 0;justify-content:center;align-items:center;padding:6px;display:inline-flex}button.icon-button:hover:not(:disabled){background:var(--ink-100);color:var(--fg-strong)}button.icon-button:disabled{opacity:.35;cursor:not-allowed}.error{color:var(--danger);font-size:var(--fs-meta)}.feed-page{max-width:var(--feed-max);min-width:var(--feed-max);padding:0 var(--space-4) var(--space-6);margin:0 auto}.feed-header{padding:var(--space-4) 0;border-bottom:1px solid var(--border);margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.feed-brand{align-items:center;gap:10px;display:flex}.feed-brand img{width:28px;height:27px}.feed-brand-text{flex-direction:column;gap:2px;display:flex}.feed-header h1{color:var(--fg-strong);letter-spacing:-.02em;margin:0;font-size:22px;font-weight:600;line-height:1}.feed-subcopy{font-size:var(--fs-micro);color:var(--fg-muted);font-style:italic;line-height:1;font-family:var(--font-sans);margin:0}.header-actions{align-items:center;gap:var(--space-3);display:flex}.header-actions .who{font-size:var(--fs-meta);color:var(--ink-500);font-family:var(--font-sans)}.hamburger-menu{position:relative}.menu-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:160px;padding:var(--space-2) 0;z-index:100;flex-direction:column;display:flex;position:absolute;top:calc(100% + 6px);right:0}.menu-divider{background:var(--border);height:1px;margin:var(--space-2) 0}.menu-item{text-align:left;width:100%;padding:var(--space-2) var(--space-4);font-size:var(--fs-meta);border-radius:0;display:block}.layout-toggle{gap:var(--space-2);padding:var(--space-3) var(--space-4);justify-content:center;display:flex}.layout-option{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-radius:var(--radius-xs);font-size:var(--fs-micro);color:var(--fg-muted);font-weight:500;font-family:var(--font-sans);transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);background:0 0;flex-direction:column;display:flex}.layout-option:hover:not(:disabled){background:var(--ink-100);color:var(--fg-strong)}.layout-option--active{color:var(--accent);background:var(--accent-bg)}.layout-option--active:hover:not(:disabled){background:var(--accent-bg);color:var(--accent)}.push-toggle{align-items:center;gap:var(--space-2);font-size:var(--fs-micro);font-family:var(--font-sans);color:var(--fg-muted);padding:4px var(--space-2);font-weight:500;display:inline-flex}.push-toggle--active{color:var(--accent)}.push-error{font-size:var(--fs-micro)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.feed-list{gap:var(--space-4);flex-direction:column;display:flex}.feed-list>*{animation:.25s both fadeInUp}.feed-list>:nth-child(2){animation-delay:30ms}.feed-list>:nth-child(3){animation-delay:60ms}.feed-list>:nth-child(4){animation-delay:90ms}.feed-list>:nth-child(5){animation-delay:.12s}.feed-list>:nth-child(6){animation-delay:.15s}.feed-list>:nth-child(7){animation-delay:.18s}.feed-list>:nth-child(8){animation-delay:.21s}.feed-page--tile{max-width:var(--container-max);min-width:min(100%, var(--container-max));padding:0 34px var(--space-6)}.fp-masthead{flex:none}.fp-dateline{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-500);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.fp-dateline-date{flex:none}.fp-dateline-actions{align-items:center;gap:var(--space-3);flex:none;display:flex}.fp-dateline-actions .who{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--ink-500);letter-spacing:.16em;text-transform:uppercase}.fp-nameplate{font-family:var(--font-heading);letter-spacing:-.022em;text-align:center;color:var(--ink-900);margin:2px 0 16px;font-size:66px;font-weight:800;line-height:1}.fp-rule{margin:0}.fp-tabs{flex-wrap:wrap;justify-content:center;gap:26px;padding:15px 0 13px;display:flex}.fp-tab{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-500);cursor:pointer;transition:color var(--t-fast) var(--ease);background:0 0;border:0;padding:3px 1px;font-size:12px;position:relative}.fp-tab:hover,.fp-tab.is-active{color:var(--ink-900);background:0 0}.fp-tab.is-active:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-1px;left:0;right:0}.fp-statusbar{border-top:1px solid var(--border);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-300);margin-bottom:var(--space-4);justify-content:space-between;align-items:center;padding-top:9px;font-size:11px;display:flex}.fp-lead-band{border:1px solid var(--border);grid-template-columns:1.95fr 1fr;animation:.3s both fadeInUp;display:grid}.fp-lead-band--solo{grid-template-columns:1fr}.fp-lead-band .td-tile--lead{padding:24px}.fp-lead-band:not(.fp-lead-band--solo) .td-tile--lead{border-right:1px solid var(--border)}.fp-rail{flex-direction:column;justify-content:space-between;display:flex}.fp-rail .td-tile--rail{padding:20px}.fp-rail .td-tile--rail+.td-tile--rail{border-top:1px solid var(--border)}.fp-secondary{background:var(--border);border:1px solid var(--border);border-top:0;grid-template-columns:repeat(3,1fr);gap:1px;animation:.3s .1s both fadeInUp;display:grid}.fp-secondary .td-tile--standard{background:var(--bg);padding:20px}.fp-secondary .td-thumb{margin-bottom:14px}.fp-cell-filler{background:var(--bg)}.td-tile{position:relative}.td-tile--lead,.td-tile--standard,.td-tile--rail{flex-direction:column;display:flex}.td-thumb{aspect-ratio:3/2;background:var(--ink-100);border-radius:2px;width:100%;position:relative;overflow:hidden}.td-thumb img{object-fit:cover;width:100%;height:100%;transition:transform var(--t-slow) var(--ease);display:block}.td-tile:hover .td-thumb img{transform:scale(1.035)}.td-thumb-placeholder{width:100%;height:100%;color:var(--ink-300);justify-content:center;align-items:center;display:flex}.td-tile--lead .td-thumb{aspect-ratio:16/9;margin-bottom:18px}.td-tile--lead .td-title{letter-spacing:-.018em;margin-bottom:12px;font-size:40px;line-height:1.04}.td-tile--lead .td-summary{margin-bottom:15px;font-size:17px;line-height:1.5}.td-tile--rail .td-title{font-size:19px;line-height:1.16}.td-tile--rail .td-summary{font-size:14px;line-height:1.46}.td-tile--standard .td-title{letter-spacing:-.008em;font-size:23px;line-height:1.13}.td-tile--standard .td-summary{font-size:15px;line-height:1.5}.td-kickline{align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.td-kicker{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:11px}.td-time{font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-300);white-space:nowrap;flex:none;margin-left:auto;font-size:10.5px}.td-title{font-family:var(--font-heading);letter-spacing:-.008em;color:var(--ink-900);text-wrap:balance;transition:color var(--t-fast) var(--ease);margin:0 0 9px;font-size:23px;font-weight:700;line-height:1.13}.td-tile:hover .td-title{color:var(--accent)}.td-summary{font-family:var(--font-sans);color:var(--ink-500);margin:0 0 13px;font-size:15px;line-height:1.5}.td-meta{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-300);align-items:center;gap:8px;margin-top:auto;font-size:10.5px;display:flex}.td-dot{opacity:.6}.td-actions{z-index:3;opacity:0;transition:opacity var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);gap:4px;display:flex;position:absolute;top:12px;right:12px;transform:translateY(-3px)}.td-tile:hover .td-actions{opacity:1;transform:none}.td-act{border:1px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--ink-500);cursor:pointer;transition:color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease);border-radius:2px;place-items:center;padding:0;display:grid}.td-act:hover{color:var(--accent);border-color:var(--accent-border);background:var(--surface)}.td-tile-link{color:inherit;border-bottom:none;text-decoration:none;display:block}.td-tile-link:hover{border-bottom:none}@media (width<=768px){.fp-lead-band{grid-template-columns:1fr}.fp-lead-band:not(.fp-lead-band--solo) .td-tile--lead{border-right:none;border-bottom:1px solid var(--border)}.fp-secondary{grid-template-columns:repeat(2,1fr)}.fp-nameplate{font-size:48px}.fp-tabs{gap:16px}}@media (width<=480px){.fp-secondary{grid-template-columns:1fr}.fp-nameplate{font-size:36px}.feed-page--tile{padding:0 var(--space-4) var(--space-6)}}@media (prefers-reduced-motion:reduce){.fp-lead-band,.fp-secondary,.feed-list>*{animation:none}}.empty-state{color:var(--fg-muted);text-align:center;padding:var(--space-7) 0;font-size:var(--fs-body-sm)}.notification-link{color:inherit;border-bottom:none;text-decoration:none;display:block}.notification-link:hover{border-bottom:none}.notification-card{gap:var(--space-4);padding:var(--space-4);background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);display:flex}.notification-link:hover .notification-card,.notification-card:hover{border-color:var(--ink-900);box-shadow:var(--shadow-sm)}.notification-thumbnail{object-fit:cover;border-radius:var(--radius-sm);background:var(--ink-100);width:80px;height:80px;color:var(--fg-strong);font:600 var(--fs-meta) var(--font-sans);flex-shrink:0;justify-content:center;align-items:center;display:flex}.notification-thumbnail--placeholder{color:var(--ink-300)}.notification-body{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.notification-title{font:600 var(--fs-body)/var(--lh-snug) var(--font-heading);color:var(--fg-strong)}.notification-summary{font-size:var(--fs-meta);color:var(--fg);line-height:var(--lh-body)}.notification-time{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--fg-muted);letter-spacing:.04em;margin-top:auto}.tag-filter-bar{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.tag-filter-btn{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--tracking-kicker);text-transform:uppercase;color:var(--fg-muted);border:1px solid var(--border);border-radius:var(--radius-xs);cursor:pointer;transition:color var(--t-fast) var(--ease), background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);background:0 0;padding:3px 10px;font-weight:500;line-height:1.6}.tag-filter-btn:hover:not(:disabled){color:var(--fg-strong);background:var(--ink-100);border-color:var(--ink-300)}.tag-filter-btn--active,.tag-filter-btn--active:hover:not(:disabled){color:var(--accent);background:var(--accent-bg);border-color:var(--accent-border)}.notification-tag{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--tracking-kicker);text-transform:uppercase;color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:var(--radius-xs);width:fit-content;padding:1px 6px;font-weight:500;line-height:1.6;display:inline-block}.settings-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-5)}.settings-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.settings-header h2{font:600 18px/1 var(--font-sans);letter-spacing:var(--tracking-h2);color:var(--fg-strong);margin:0}.settings-header button{color:var(--ink-500);padding:var(--space-1) var(--space-2);background:0 0;font-size:16px}.settings-section{gap:var(--space-3);flex-direction:column;display:flex}.settings-section h3{font-family:var(--font-mono);font-size:var(--fs-kicker);text-transform:uppercase;letter-spacing:var(--tracking-kicker);color:var(--ink-500);margin:0;font-weight:500;line-height:1}.settings-section p{font-size:var(--fs-meta);color:var(--fg);line-height:var(--lh-body)}.api-key-row{gap:var(--space-2);align-items:center;display:flex}.api-key-display{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);font:var(--fs-code)/var(--lh-snug) var(--font-mono);color:var(--fg-strong);word-break:break-all;flex:1;padding:10px 12px;display:block}.api-key-hint{font-size:var(--fs-micro);color:var(--ink-500)}.warning{font-size:var(--fs-micro);color:var(--warning-fg);background:var(--warning-bg);border-radius:var(--radius-xs);padding:var(--space-2) var(--space-3);line-height:var(--lh-body)}