@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,p,ol,ul,menu{margin-block:0;margin-inline:0}ol,ul,menu{padding-block:0;padding-inline:0}}@layer base{:root{background:var(--color-surface);color:var(--color-text);font-family:var(--typo-body-family);font-synthesis:none;letter-spacing:var(--typo-letter-spacing);line-height:var(--typo-line-height);text-rendering:optimizelegibility}body{font-size:var(--text-base);min-block-size:100dvh}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:var(--size-1) solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-weight-medium);background:0 0;min-block-size:2.25rem;padding-block:.375rem;padding-inline:.625rem}button:disabled{cursor:not-allowed;opacity:.55}button:hover:not(:disabled){background:var(--color-surface-sunken);border-color:var(--color-text)}a{color:var(--color-primary);text-underline-offset:.18em}a:hover{color:var(--color-primary-hover)}:focus-visible{outline:.2rem solid var(--color-focus-ring);outline-offset:var(--size-4)}img{block-size:auto;max-inline-size:100%;display:block}}@layer components{.app-loading{background:linear-gradient(135deg, var(--color-surface-overlay), transparent 55%), var(--color-surface);min-block-size:100dvh;padding-block:var(--size-32);padding-inline:var(--size-20);text-align:center;align-content:center;justify-items:center;display:grid}.app-loading-mark{background:var(--color-primary);border:var(--size-1) solid var(--color-primary-active);border-radius:var(--radius-md);box-shadow:var(--size-8) var(--size-8) 0 var(--color-accent);color:var(--color-text-inverted);font-family:var(--typo-heading-family);font-size:var(--text-xl);font-weight:var(--font-weight-medium);inline-size:var(--size-64);letter-spacing:-.06em;min-block-size:var(--size-64);justify-content:center;align-items:center;line-height:1;display:inline-flex}.app-loading-title{font-family:var(--typo-heading-family);font-size:var(--text-2xl);margin-block-start:var(--size-32);line-height:1.1}.app-loading-message{color:var(--color-text-muted);font-size:var(--text-sm);margin-block-start:var(--size-8)}.app-loading-dots{gap:var(--size-8);margin-block-start:var(--size-24);display:flex}.app-loading-dots span{background:var(--color-primary);border-radius:var(--radius-full);block-size:var(--size-8);inline-size:var(--size-8)}@media (prefers-reduced-motion:no-preference){.app-loading-dots span{animation:1.2s ease-in-out infinite loading-dot}.app-loading-dots span:nth-child(2){animation-delay:.15s}.app-loading-dots span:nth-child(3){animation-delay:.3s}}@keyframes loading-dot{50%{opacity:.35;transform:translateY(calc(var(--size-4) * -1))}}.reader-app{min-block-size:100dvh}.app-topbar{background:var(--color-surface-raised);border-block-end:var(--size-1) solid var(--color-border);min-block-size:3.5rem;z-index:var(--layer-dropdown);justify-content:space-between;align-items:center;padding-inline-start:clamp(var(--size-16), 3vw, var(--size-32));padding-inline-end:clamp(var(--size-20), 5vw, var(--size-64));display:flex;position:sticky;inset-block-start:0}.topbar-brand,.topbar-refresh{align-items:center;gap:var(--size-8);display:inline-flex}.topbar-brand{color:var(--color-text);font-family:var(--typo-heading-family);font-size:var(--text-xl);font-weight:var(--font-weight-regular);text-decoration:none}.topbar-brand:hover{color:var(--color-primary)}.topbar-brand svg,.topbar-refresh svg{block-size:var(--size-16);inline-size:var(--size-16)}.topbar-refresh{min-block-size:var(--size-32)}.reader-shell{min-block-size:calc(100dvh - 3.5rem);display:grid}.reader-sidebar{background:var(--color-surface-sunken);border-inline-end:var(--size-1) solid var(--color-border);gap:var(--size-20);overflow-wrap:anywhere;padding-block:var(--size-20);padding-block-start:var(--size-20);padding-inline:var(--size-20);flex-direction:column;display:flex}.sidebar-overview,.subscriptions{gap:var(--size-12);display:grid}.sidebar-overview nav{gap:var(--size-8);display:grid}.subscriptions{border-block-start:var(--size-1) solid var(--color-border);padding-block-start:var(--size-20)}.view-header>p,.article-card-meta,.empty-note{color:var(--color-text-muted);font-size:var(--text-sm)}.view-list,.feed-list,.feed-choices ul,.article-list,.article-actions{list-style:none}.view-list,.feed-list{gap:var(--size-4);display:grid}.feed-list .nav-link{padding-inline-start:0}.nav-link{color:var(--color-text);font-weight:var(--font-weight-regular);padding-block:var(--size-8);padding-inline:var(--size-12);text-decoration:none;display:block}.nav-link:hover,.nav-link-active{color:var(--color-primary-active)}.view-list .nav-link{border-inline-start:var(--size-4) solid transparent;border-radius:var(--radius-sm);align-items:center;gap:var(--size-8);padding-block:var(--size-8);padding-inline:var(--size-12);display:flex}.view-list .nav-link-active{background:var(--color-surface-raised);border-inline-start-color:var(--color-primary);color:var(--color-text);text-decoration:none}.sidebar-heading{align-items:center;gap:var(--size-12);justify-content:space-between;display:flex}.sidebar-heading-label,.eyebrow{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--typo-letter-spacing);text-transform:uppercase}.sidebar-heading-label{align-items:center;gap:var(--size-8);display:inline-flex}.sidebar-heading-label svg,.view-list .nav-link svg{block-size:var(--size-16);inline-size:var(--size-16);flex:none}.feed-item{border-block-end:var(--size-1) solid var(--color-border);gap:var(--size-8);padding-block-end:var(--size-12);display:grid}.feed-item-actions,.article-actions{gap:var(--size-8);flex-wrap:wrap;display:flex}.feed-item-actions button,.sidebar-heading button,.article-actions button{font-size:var(--text-sm);min-block-size:var(--size-32);padding-block:var(--size-4);padding-inline:var(--size-8)}.icon-button{inline-size:var(--size-32);justify-content:center;align-items:center;padding-block:0;padding-inline:0;display:inline-flex}.icon-button svg,.add-feed button svg{block-size:var(--size-16);inline-size:var(--size-16)}.add-feed{gap:var(--size-8);display:grid}.add-feed>label,.feed-choices legend{font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.add-feed-controls{gap:var(--size-8);display:grid}.add-feed input{background:var(--color-surface);border:var(--size-1) solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);min-block-size:var(--size-40);min-inline-size:0;padding-block:var(--size-8);padding-inline:var(--size-12)}.feed-choices{border:var(--size-1) solid var(--color-border);border-radius:var(--radius-md);padding-block:var(--size-12);padding-inline:var(--size-12)}.feed-choices ul{gap:var(--size-8);margin-block-start:var(--size-8);display:grid}.feed-choices button{text-align:start;inline-size:100%}.add-feed button[type=submit]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverted);align-items:center;gap:var(--size-8);min-block-size:var(--size-40);padding-inline:var(--size-16);justify-content:center;display:inline-flex}.add-feed button[type=submit]:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.reader-main{min-inline-size:0}.subscription-composer{background:var(--color-surface);border-block-end:var(--size-1) solid var(--color-border);padding-block:var(--size-20);padding-inline:clamp(var(--size-20), 5vw, var(--size-64))}.subscription-composer .add-feed{align-items:center;column-gap:var(--size-24);grid-template-columns:minmax(0,1fr)}.subscription-composer .add-feed-controls{grid-column:1;grid-template-columns:minmax(0,1fr) auto}.subscription-composer .feed-choices,.subscription-composer .message{grid-column:1}.reader-content{inline-size:min(100%,75rem);padding-block:clamp(var(--size-32), 6vw, var(--size-80));padding-inline:clamp(var(--size-20), 5vw, var(--size-64));view-transition-name:reader-content}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}::view-transition-old(reader-content){animation:.12s ease-out both reader-content-exit}::view-transition-new(reader-content){animation:.18s ease-out both reader-content-enter}@keyframes reader-content-exit{to{opacity:0;transform:translateY(-.25rem)}}@keyframes reader-content-enter{0%{opacity:0;transform:translateY(.35rem)}}.view-header{border-block-end:var(--size-1) solid var(--color-border);gap:var(--size-8);margin-block-end:var(--size-24);padding-block-end:var(--size-24);display:grid}.view-header h1,.article-view h1,.empty-state h1{font-family:var(--typo-heading-family);font-size:var(--text-display);font-weight:var(--font-weight-regular);overflow-wrap:anywhere;max-inline-size:24ch;line-height:1.1}.article-list{gap:var(--size-16);display:grid}.article-card{background:var(--color-surface-raised);border:var(--size-1) solid var(--color-border);border-radius:var(--radius-lg);gap:var(--size-16);padding-block:var(--size-24);padding-inline:var(--size-24);display:grid}.article-card-read{background:var(--color-surface-sunken);border-color:var(--color-border)}.article-card-meta{gap:var(--size-8);flex-wrap:wrap;justify-content:space-between;display:flex}.article-card h2{font-family:var(--typo-heading-family);font-size:var(--text-xl);font-weight:var(--font-weight-regular);overflow-wrap:anywhere;line-height:1.3}.article-card h2 a{color:var(--color-text);text-decoration-thickness:var(--size-1)}.article-card h2 a:hover{color:var(--color-primary)}.article-card>p,.article-content{color:var(--color-slate-body)}.article-actions{margin-block-start:var(--size-4)}.article-view{font-size:var(--text-lg);gap:var(--size-24);max-inline-size:46rem;margin-inline:auto;display:grid}.article-view>header{gap:var(--size-12);display:grid}.back-link{font-size:var(--text-sm);inline-size:fit-content}.article-content{gap:var(--size-16);overflow-wrap:anywhere;display:grid}.article-content :is(h2,h3,h4){color:var(--color-text);font-family:var(--typo-heading-family);font-weight:var(--font-weight-regular);margin-block-start:var(--size-16);line-height:1.25}.article-content :is(ul,ol){padding-inline-start:var(--size-24)}.article-content :is(pre,code){font-family:var(--font-family-mono)}.article-content pre{background:var(--color-surface-sunken);border:var(--size-1) solid var(--color-border);border-radius:var(--radius-md);padding-block:var(--size-16);padding-inline:var(--size-16);overflow-x:auto}.article-content blockquote{border-inline-start:var(--size-4) solid var(--color-primary);margin-inline:0;padding-inline-start:var(--size-20)}.publisher-link{border-block-start:var(--size-1) solid var(--color-border);padding-block-start:var(--size-20)}.empty-state{border-block-end:var(--size-1) solid var(--color-border);gap:var(--size-12);padding-block:var(--size-32);background:0 0;border-radius:0;display:grid}.message{font-size:var(--text-sm)}.message-error{color:var(--color-error)}.skip-link{background:var(--color-primary-active);border-radius:var(--radius-md);color:var(--color-text-inverted);padding-block:var(--size-8);padding-inline:var(--size-12);z-index:var(--layer-bring-to-front);position:fixed;inset-block-start:var(--size-8);inset-inline-start:var(--size-8);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}}@layer utilities{.visually-hidden{block-size:var(--size-1);clip-path:inset(50%);inline-size:var(--size-1);margin-block:calc(var(--size-1) * -1);margin-inline:calc(var(--size-1) * -1);white-space:nowrap;border:0;padding-block:0;padding-inline:0;position:absolute;overflow:hidden}}:root{--font-family-base:inter, "Helvetica Neue", helvetica, arial, sans-serif;--font-family-display:"Iowan Old Style", iowanold, "Source Serif 4", "Source Serif Pro", georgia, serif;--font-family-mono:ui-monospace, "SF Mono", "Cascadia Code", "Segoe UI Mono", "Liberation Mono", menlo, monaco, consolas, monospace;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:500;--font-weight-bold:500;--typescale-ratio:1.2;--typo-body-family:var(--font-family-base);--typo-heading-family:var(--font-family-display);--typo-body-weight-default:var(--font-weight-regular);--typo-heading-weight-default:var(--font-weight-regular);--typo-line-height:1.5;--typo-letter-spacing:0;--typo-size-xs:clamp(.607rem, .549rem + .29vw, .781rem);--typo-size-small:clamp(.729rem, .659rem + .35vw, .937rem);--typo-size-default:clamp(.875rem, .792rem + .42vw, 1.125rem);--typo-size-sm-md:clamp(1.05rem, .95rem + .5vw, 1.35rem);--typo-size-md:clamp(1.26rem, 1.14rem + .6vw, 1.62rem);--typo-size-lg:clamp(1.512rem, 1.368rem + .72vw, 1.944rem);--typo-size-xl:clamp(1.815rem, 1.642rem + .86vw, 2.333rem);--typo-size-xxl:clamp(2.177rem, 1.97rem + 1.04vw, 2.799rem);--typo-size-display:clamp(2.613rem, 2.364rem + 1.24vw, 3.359rem);--text-xs:var(--typo-size-xs);--text-sm:var(--typo-size-small);--text-base:var(--typo-size-default);--text-lg:var(--typo-size-sm-md);--text-xl:var(--typo-size-md);--text-2xl:var(--typo-size-lg);--text-3xl:var(--typo-size-xl);--text-4xl:var(--typo-size-xxl);--text-display:var(--typo-size-display);--size-1:.0625rem;--size-4:.25rem;--size-8:.5rem;--size-12:.75rem;--size-16:1rem;--size-20:1.25rem;--size-24:1.5rem;--size-32:2rem;--size-40:2.5rem;--size-48:3rem;--size-64:4rem;--size-80:5rem;--size-96:6rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:.625rem;--radius-xl:.625rem;--radius-full:999rem;--layer-send-to-back:-1;--layer-dropdown:100;--layer-modal:300;--layer-toast:400;--layer-bring-to-front:9999;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--color-surface:#f8f9fa;--color-surface-raised:#f8f9fa;--color-surface-sunken:#e9ecef;--color-surface-overlay:#ffffffb8;--color-surface-overlay-subtle:#ffffff61;--color-text:#212529;--color-text-muted:#495057;--color-text-inverted:#f8f9fa;--color-slate-body:#495057;--color-smoke:#6c757d;--color-logo-maker:#212529;--color-logo-bench:#343a40;--color-primary:#343a40;--color-primary-hover:#212529;--color-primary-active:#212529;--color-accent:#adb5bd;--color-accent-hover:#6c757d;--color-ink-violet:#495057;--color-forest-ink:#343a40;--color-oxblood:#343a40;--color-border:#dee2e6;--color-border-strong:#ced4da;--color-success:#343a40;--color-error:#343a40;--color-warning:#495057;--color-info:#495057;--color-focus-ring:#212529}@media (width<52rem){.reader-shell{grid-template-columns:minmax(0,1fr);align-content:start}.reader-sidebar{border-block-end:var(--size-1) solid var(--color-border);border-inline-end:0;gap:0;padding-block:0;padding-inline:0}.sidebar-overview{gap:var(--size-12);padding-block:var(--size-12);padding-inline:var(--size-20)}.subscriptions{gap:var(--size-12);padding-block:var(--size-16) var(--size-20);padding-inline:var(--size-20)}.view-list{gap:var(--size-8);grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.view-list>li+li{border-inline-start:0}.view-list .nav-link{background:var(--color-surface-overlay-subtle);font-size:var(--text-sm);gap:var(--size-4);min-block-size:3.5rem;padding-block:var(--size-8);padding-inline:var(--size-8);flex-direction:column;justify-content:center}.view-list .nav-link-active{background:var(--color-surface-raised);border-inline-start-color:#0000}.feed-list{gap:var(--size-8)}.feed-item{background:var(--color-surface-overlay);border-radius:var(--radius-sm);align-items:center;gap:var(--size-12);padding-block:var(--size-12);padding-inline:var(--size-12);border-block-end:0;grid-template-columns:minmax(0,1fr) auto}.feed-item>.nav-link{min-inline-size:0;padding-inline:0}.feed-item-actions{flex-wrap:nowrap;justify-content:flex-end}.feed-item .message{grid-column:1/-1}.subscription-composer .add-feed{grid-template-columns:minmax(0,1fr)}.subscription-composer .add-feed>label,.subscription-composer .add-feed-controls,.subscription-composer .feed-choices,.subscription-composer .message{grid-column:1}.subscription-composer .add-feed-controls{grid-template-columns:minmax(0,1fr) auto}.subscription-composer{padding-block:var(--size-16);padding-inline:var(--size-20)}.reader-content{padding-block:var(--size-32);padding-inline:var(--size-20)}}@media (width<23rem){.feed-item,.subscription-composer .add-feed-controls{grid-template-columns:minmax(0,1fr)}.feed-item-actions{justify-content:flex-start}}@media (width>=52rem){.reader-shell{grid-template-columns:minmax(17rem,22rem) minmax(0,1fr)}.reader-sidebar{gap:0;block-size:calc(100dvh - 3.5rem);position:sticky;inset-block-start:0;overflow-y:auto}.sidebar-overview{gap:var(--size-12);padding-block-end:var(--size-20)}}@media (prefers-contrast:more){button,input,.article-card{border-color:currentColor}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}::view-transition-old(reader-content){animation-duration:.01ms!important}::view-transition-new(reader-content){animation-duration:.01ms!important}}