@import "https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,300..800;1,6..72,300..800&family=Geist:wght@300..800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--paper:oklch(95.5% .012 80);--paper-deep:oklch(92% .015 80);--paper-tint:oklch(97.5% .008 80);--rule:oklch(80% .012 80);--rule-soft:oklch(88% .012 80);--ink:oklch(18% .015 260);--ink-2:oklch(35% .014 260);--ink-3:oklch(52% .012 260);--ink-4:oklch(68% .01 260);--accent:oklch(45% .16 255);--accent-hover:oklch(38% .18 255);--accent-soft:oklch(92% .04 255);--accent-ink:oklch(28% .14 255);--success:oklch(48% .1 150);--warning:oklch(60% .12 70);--danger:oklch(50% .16 25);--font-display:"Newsreader", "Source Serif 4", Georgia, serif;--font-sans:"Geist", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--t-caption:11px;--t-small:13px;--t-body:16px;--t-body-lg:18px;--t-h6:20px;--t-h5:24px;--t-h4:30px;--t-h3:38px;--t-h2:50px;--t-h1:68px;--t-display:96px;--lh-tight:1.05;--lh-snug:1.2;--lh-normal:1.45;--lh-relaxed:1.6;--lh-reading:1.7;--ls-tight:-.02em;--ls-normal:0;--ls-eyebrow:.14em;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-10:128px;--measure:62ch;--container:1240px;--gutter:24px;--r-0:0px;--r-1:2px;--r-2:4px;--r-3:8px;--r-pill:999px;--shadow-1:0 1px 0 #14161e0a;--shadow-2:0 1px 2px #14161e0f, 0 4px 12px #14161e0a;--shadow-3:0 8px 28px #14161e1a;--duration-1:.12s;--duration-2:.22s;--ease:cubic-bezier(.2,.7,.2,1)}[data-theme=dark]{--paper:oklch(16% .012 260);--paper-deep:oklch(13% .012 260);--paper-tint:oklch(20% .012 260);--rule:oklch(32% .012 260);--rule-soft:oklch(26% .012 260);--ink:oklch(95% .01 80);--ink-2:oklch(80% .01 80);--ink-3:oklch(65% .01 80);--ink-4:oklch(50% .01 80);--accent:oklch(72% .13 250);--accent-hover:oklch(80% .13 250);--accent-soft:oklch(28% .06 255);--accent-ink:oklch(85% .13 250);--shadow-1:0 1px 0 #00000059;--shadow-2:0 1px 2px #00000080, 0 6px 18px #00000059;--shadow-3:0 12px 36px #0000008c}:root{--bg:var(--paper);--muted:var(--ink-3);--ok:var(--success)}*{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:var(--t-body);line-height:var(--lh-normal);text-rendering:optimizelegibility}html.native-shell,html.native-shell body{overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;min-height:100%}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-underline-offset:2px;text-decoration:underline}img{max-width:100%;display:block}::selection{background:var(--accent);color:var(--paper)}.wordmark{color:var(--ink);align-items:center;gap:10px;display:inline-flex}.wordmark .mark{border:1.25px solid;border-radius:999px;place-items:center;width:24px;height:24px;display:grid;position:relative}.wordmark .mark:before{content:"";background:linear-gradient(currentColor,currentColor) 0/5px 1.25px no-repeat,linear-gradient(currentColor,currentColor) 100%/5px 1.25px no-repeat,linear-gradient(currentColor,currentColor) 50%/1.25px 7px no-repeat;width:12px;height:7px}.wordmark .mark:after{content:"";background:var(--accent);border-radius:999px;width:4px;height:4px;position:absolute;top:3px;right:2px}.wordmark .name{font-family:var(--font-display);letter-spacing:-.01em;font-size:19px;font-style:italic;font-weight:500;line-height:1}.app{max-width:40rem;padding:env(safe-area-inset-top,0) var(--gutter) env(safe-area-inset-bottom,var(--s-7));flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}header.topbar{padding:var(--s-4) 0 var(--s-3);border-bottom:1px solid var(--rule);background:color-mix(in oklch, var(--paper) 90%, transparent);-webkit-backdrop-filter:saturate(140%)blur(8px);backdrop-filter:saturate(140%)blur(8px);z-index:50;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}header.topbar nav{gap:var(--s-5);font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;font-size:13px;display:flex}header.topbar nav a,header.topbar nav button.nav-ghost{color:var(--ink-3);padding-bottom:4px}header.topbar nav button.nav-ghost{cursor:pointer;font:inherit;letter-spacing:.06em;text-transform:uppercase;background:0 0;border:none;padding:0 0 4px;font-size:13px}header.topbar nav a:hover,header.topbar nav button.nav-ghost:hover:not(:disabled){color:var(--ink);text-decoration:none}header.topbar nav button.nav-ghost:disabled{opacity:.5;cursor:not-allowed}header.topbar nav a.active{color:var(--ink);border-bottom:2px solid var(--accent);font-weight:600}main.content{padding:var(--s-5) 0 var(--s-9);flex:1}html.native-shell main.content{padding-bottom:max(var(--s-9), calc(env(safe-area-inset-bottom,0px) + var(--s-8)))}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:var(--ls-tight);font-weight:400;line-height:var(--lh-tight);margin:0}h1{font-size:32px}h2{font-size:22px;font-weight:500}h3{font-size:18px;font-weight:500}em{font-style:italic}.eyebrow{font-family:var(--font-sans);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:600}.kicker{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:11px}.meta{color:var(--ink-3);font-size:13px;font-family:var(--font-sans)}.meta-mono{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.card{background:var(--paper-tint);border:1px solid var(--rule);border-radius:var(--r-3);padding:var(--s-4) var(--s-5);margin-bottom:var(--s-3)}.card h3{font-family:var(--font-display);letter-spacing:var(--ls-tight);margin:0 0 var(--s-1);font-size:18px;font-weight:500}.card .meta{color:var(--ink-3);font-size:13px}.card-flat{border:0;border-top:1px solid var(--rule-soft);padding:var(--s-4) 0;background:0 0;border-radius:0;margin:0}.card-flat:last-of-type{border-bottom:1px solid var(--rule-soft)}.book-row{gap:var(--s-4);grid-template-columns:56px 1fr;align-items:center;display:grid}.book-row img{object-fit:cover;border-radius:var(--r-2);background:var(--paper-deep);border:1px solid var(--rule-soft);width:56px;height:80px}.book-row h3{font-family:var(--font-display);letter-spacing:var(--ls-tight);margin:0 0 var(--s-1);font-size:18px;font-weight:500;line-height:1.2}.progress-bar{background:var(--rule-soft);border-radius:var(--r-pill);height:3px;margin:var(--s-2) 0;overflow:hidden}.progress-bar>span{background:var(--accent);height:100%;transition:width var(--duration-2) var(--ease);display:block}.button,button{background:var(--ink);color:var(--paper);border-radius:var(--r-3);font:600 13px/1 var(--font-sans);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;text-align:center;transition:background var(--duration-1) var(--ease), color var(--duration-1) var(--ease);border:0;padding:12px 18px;display:inline-block}.button:hover,button:hover{background:var(--accent-ink);color:var(--paper);text-decoration:none}.button.full,button.full{width:100%}.button.secondary,button.secondary{color:var(--ink);border:1px solid var(--rule);background:0 0}.button.secondary:hover,button.secondary:hover{background:var(--paper-tint);color:var(--ink);border-color:var(--ink-3)}input[type=text],input[type=email],input[type=number],input[type=search],input[type=password],textarea,select{background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-3);width:100%;font:400 16px/1.4 var(--font-sans);color:var(--ink);appearance:none;padding:12px 14px}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}textarea{resize:vertical;font-family:var(--font-sans)}label{font:600 11px/1 var(--font-sans);text-transform:uppercase;letter-spacing:var(--ls-eyebrow);color:var(--ink-3);margin-bottom:var(--s-2);display:block}.field{margin-bottom:var(--s-4)}.notice{background:var(--accent-soft);border:1px solid color-mix(in oklch, var(--accent) 35%, var(--rule));padding:var(--s-3) var(--s-4);border-radius:var(--r-3);color:var(--ink);font-size:13px;line-height:1.5}.notice.error{background:color-mix(in oklch, var(--danger) 12%, var(--paper));border-color:color-mix(in oklch, var(--danger) 50%, var(--rule));color:color-mix(in oklch, var(--danger) 80%, var(--ink))}.notice.ok{background:color-mix(in oklch, var(--success) 12%, var(--paper));border-color:color-mix(in oklch, var(--success) 50%, var(--rule));color:color-mix(in oklch, var(--success) 80%, var(--ink))}.row{gap:var(--s-2);align-items:center;display:flex}.spacer{flex:1}hr.rule{border:0;border-top:1px solid var(--rule);margin:var(--s-6) 0}hr.rule-soft{border:0;border-top:1px solid var(--rule-soft);margin:var(--s-4) 0}.theme-toggle{border:1px solid var(--rule);color:var(--ink-3);font:500 11px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;padding:7px 11px}.theme-toggle:hover{color:var(--ink);border-color:var(--ink-3);background:0 0}.topbar-end.svelte-12qhfyh{align-items:center;gap:14px;display:flex}@media (width<=420px){.topbar-end.svelte-12qhfyh{gap:10px}header.topbar nav{gap:14px}}