@font-face{font-family:Geist;src:url(/fonts/Geist-Variable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{color-scheme:light dark;--bg: #f7f5f0;--surface: #ffffff;--ink: #1e2430;--muted: #5a6270;--line: #e2ded4;--accent: #2b5fa8;--on-accent: #ffffff;--hl: #f4e3a1;--hl-strong: #ecd067;--danger: #b3261e;--shadow: 0 10px 32px rgb(20 24 31 / .16);--backdrop: rgb(15 18 24 / .45);--header-h: 3.5rem;--ui: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--prose: "Iowan Old Style", "Palatino Linotype", Charter, Georgia, serif}@media(prefers-color-scheme:dark){:root{--bg: #14171c;--surface: #1b2027;--ink: #e7e4dc;--muted: #a0a7b3;--line: #2b313a;--accent: #8db4ee;--on-accent: #0d1521;--hl: rgb(250 204 21 / .26);--hl-strong: rgb(250 204 21 / .5);--danger: #f2a5a0;--shadow: 0 10px 32px rgb(0 0 0 / .55);--backdrop: rgb(0 0 0 / .6)}}*{box-sizing:border-box}html{scroll-padding-top:calc(var(--header-h) + 1rem)}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--ui);font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{margin:0;letter-spacing:-.01em;text-wrap:balance}p{margin:0;text-wrap:pretty}button,input,textarea{font:inherit;color:inherit}[hidden]{display:none!important}.muted{color:var(--muted)}.fine{font-size:.8125rem}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.icon{width:1.125rem;height:1.125rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{animation:fade-in .1s ease-out}@media(prefers-reduced-motion:reduce){.fade-in{animation:none}}button:not(:disabled):active{transform:scale(.98)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.5rem;padding:.5rem 1rem;border:1px solid var(--line);border-radius:.5rem;background:var(--surface);cursor:pointer;font-weight:500}.btn:hover{border-color:var(--muted)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{background:transparent}.btn:disabled{opacity:.6;cursor:default}.icon-btn{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;border:0;border-radius:.5rem;background:transparent;cursor:pointer}.icon-btn:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}.link{padding:0;border:0;background:none;cursor:pointer;color:var(--accent);font-size:.8125rem;font-weight:500;text-decoration:underline;text-underline-offset:2px}.link.danger{color:var(--danger)}label{font-size:.875rem;font-weight:500}input[type=text],input[type=password],textarea{width:100%;padding:.625rem .75rem;border:1px solid var(--line);border-radius:.5rem;background:var(--surface);font-size:1rem}input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:0}textarea{resize:vertical;min-height:7rem;line-height:1.5}.stack{display:grid;gap:.75rem}.stack.tight{gap:.375rem}.row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.actions{display:flex;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.error{color:var(--danger);font-size:.875rem}.screen{min-height:100dvh;display:grid;place-items:center;padding:1.5rem 1rem}.screen-card{width:100%;max-width:26rem;display:grid;gap:1rem}.screen-card h1{font-size:1.5rem;line-height:1.25}.screen-card .actions{justify-content:flex-start}.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.5rem;height:var(--header-h);padding:0 .75rem 0 .5rem;padding-top:env(safe-area-inset-top);background:var(--bg);border-bottom:1px solid var(--line)}.top-title{display:grid;min-width:0;flex:1;line-height:1.2}.top-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eyebrow{font-size:.75rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.name-btn{display:inline-flex;align-items:baseline;gap:.375rem;max-width:45%;min-height:2.5rem;padding:0 .75rem;align-items:center;border:1px solid var(--line);border-radius:999px;background:var(--surface);cursor:pointer;font-size:.875rem}.name-btn:hover{border-color:var(--muted)}.name-value{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layout{display:block}.sidebar{display:none}.menu-btn{display:inline-grid}@media(min-width:960px){.menu-btn{display:none}.layout{display:grid;grid-template-columns:17rem minmax(0,1fr)}.sidebar{display:grid;align-content:start;gap:1rem;position:sticky;top:var(--header-h);height:calc(100dvh - var(--header-h));overflow-y:auto;padding:1.25rem .75rem 2rem 1rem;border-right:1px solid var(--line)}}.nav{list-style:none;margin:0;padding:0;display:grid;gap:.125rem}.nav-item{display:grid;grid-template-columns:1.75rem minmax(0,1fr) auto;align-items:baseline;gap:.25rem;width:100%;padding:.5rem;border:0;border-radius:.5rem;background:transparent;text-align:left;cursor:pointer;font-size:.9375rem;line-height:1.3}.nav-item:hover{background:color-mix(in srgb,var(--ink) 7%,transparent)}.nav-item[aria-current=true]{background:color-mix(in srgb,var(--accent) 14%,transparent);font-weight:600}.nav-num{color:var(--muted);font-size:.8125rem;font-variant-numeric:tabular-nums}.nav-title{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.badge:not(:empty){min-width:1.375rem;padding:0 .375rem;border-radius:999px;text-align:center;background:var(--accent);color:var(--on-accent);font-size:.75rem;font-weight:600;line-height:1.375rem}.drawer{margin:0;padding:0;width:min(20rem,88vw);height:100dvh;max-height:none;border:0;background:var(--bg);color:var(--ink);box-shadow:var(--shadow)}.drawer::backdrop,.sheet::backdrop{background:var(--backdrop)}.drawer-inner{display:grid;gap:.5rem;padding:.5rem .75rem 2rem;padding-top:calc(.5rem + env(safe-area-inset-top))}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding-left:.5rem}.reading{width:100%;max-width:42rem;margin:0 auto;padding:2.5rem 1.25rem 7rem}@media(min-width:960px){.reading{padding:3.5rem 2.5rem 8rem}}.title-block{display:grid;gap:.5rem;padding-bottom:2.5rem;border-bottom:1px solid var(--line)}.hint{display:flex;align-items:center;gap:.625rem;width:fit-content;max-width:100%;margin-top:.5rem;padding:.5rem .875rem;border:1px solid var(--line);border-radius:.625rem;background:var(--surface);font-size:.9375rem;color:var(--ink)}.hint .icon{color:var(--accent)}.title-block h1{font-size:clamp(1.75rem,5vw,2.5rem);line-height:1.15;font-family:var(--prose);font-weight:600}.scene{padding-top:2.5rem}.scene+.scene{margin-top:1rem;border-top:1px solid var(--line)}.scene-head{display:grid;gap:.25rem;margin-bottom:1.25rem}.scene-head h2{font-family:var(--prose);font-size:1.5rem;line-height:1.25;font-weight:600}.scene-body{font-family:var(--prose);font-size:clamp(1.0625rem,.98rem + .35vw,1.1875rem);line-height:1.75;white-space:pre-wrap;tab-size:3;overflow-wrap:anywhere}.scene-body.empty{color:var(--muted);font-style:italic}.scene-body ::selection,.scene-body::selection{background:color-mix(in srgb,var(--accent) 35%,transparent)}mark.hl{background:var(--hl);color:inherit;border-radius:2px;cursor:pointer;box-decoration-break:clone;-webkit-box-decoration-break:clone}mark.hl:hover,mark.hl.flash{background:var(--hl-strong)}mark.hl mark.hl{background:var(--hl-strong)}.scene-comments{margin-top:2rem;padding:1rem;border:1px solid var(--line);border-radius:.75rem;background:var(--surface);display:grid;gap:.75rem}.scene-comments h3{font-size:.9375rem;font-weight:600}.cards{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.cards li+li{padding-top:.75rem;border-top:1px solid var(--line)}.card{display:grid;gap:.375rem;font-size:.9375rem}.card-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem}.card-meta time{color:var(--muted);font-size:.8125rem}.card-body{white-space:pre-wrap;overflow-wrap:anywhere}.card-actions{display:flex;align-items:center;gap:.75rem;min-height:1.25rem;font-size:.8125rem}.tag{padding:0 .5rem;border-radius:999px;border:1px solid var(--line);color:var(--muted);font-size:.75rem;line-height:1.25rem}.tag.you{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.quote{margin:0;padding:.375rem .625rem;border-radius:.375rem;background:color-mix(in srgb,var(--hl) 60%,transparent);font-family:var(--prose);font-style:italic;color:var(--muted);font-size:.9375rem;overflow-wrap:anywhere}.sheet{width:min(32rem,calc(100vw - 2rem));max-height:90dvh;padding:0;border:1px solid var(--line);border-radius:1rem;background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.sheet-inner{display:grid;gap:1rem;padding:1.25rem}.sheet h2{font-size:1.25rem;line-height:1.3}.as-row{margin:0}@media(max-width:640px){.sheet{width:100%;max-width:none;margin:auto 0 0;border-radius:1rem 1rem 0 0;border-bottom:0}.sheet-inner{padding-bottom:calc(1.25rem + env(safe-area-inset-bottom))}}.sel-btn{position:fixed;z-index:30;display:inline-flex;align-items:center;gap:.5rem;min-height:2.5rem;padding:0 1rem;border:0;border-radius:999px;cursor:pointer;background:var(--accent);color:var(--on-accent);font-weight:600;font-size:.9375rem;box-shadow:var(--shadow)}.sel-btn:disabled{background:var(--surface);color:var(--muted);border:1px solid var(--line);cursor:default}@media(pointer:coarse){.sel-btn{top:auto!important;left:50%!important;bottom:calc(1rem + env(safe-area-inset-bottom));transform:translate(-50%);min-height:3rem}.sel-btn:active{transform:translate(-50%) scale(.98)}}.popover{position:absolute;z-index:40;width:min(24rem,calc(100vw - 1.5rem));max-height:60dvh;overflow-y:auto;display:grid;gap:.75rem;padding:.75rem 1rem 1rem;border:1px solid var(--line);border-radius:.75rem;background:var(--surface);box-shadow:var(--shadow)}.popover:focus{outline:none}.popover-head{display:flex;align-items:center;justify-content:space-between;margin-right:-.5rem}.popover .card+.card{padding-top:.75rem;border-top:1px solid var(--line)}@media(max-width:640px){.popover{position:fixed;inset:auto 0 0;width:auto;max-height:55dvh;border-radius:1rem 1rem 0 0;padding-bottom:calc(1rem + env(safe-area-inset-bottom))}}#toast{position:fixed;z-index:60;left:0;right:0;bottom:calc(1rem + env(safe-area-inset-bottom));display:grid;justify-items:center;pointer-events:none}.toast{padding:.625rem 1rem;border-radius:999px;background:var(--ink);color:var(--bg);font-size:.875rem;font-weight:500;box-shadow:var(--shadow)}.turnstile-host{display:grid;justify-items:center}
