:root{--bg: #14110e;--paper: #f3ecdf;--paper-2: #e7dccb;--ink: #1c1612;--ink-soft: #5e5146;--muted: #b3a292;--accent: #e08a45;--accent-ink: #2a160c;--leaf: #7f9a78;--line: rgba(224, 168, 120, .35);--up: #1f7a45;--down: #a33b32;--serif: "Literata", "Iowan Old Style", Palatino, Georgia, serif;--sans: "Manrope", "Segoe UI", sans-serif;--header: 68px;--card-h: 268px;--card-w: 256px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--sans);color:var(--paper);background:radial-gradient(900px 480px at 0% -10%,rgba(224,138,69,.18),transparent 55%),radial-gradient(700px 420px at 100% 0%,rgba(127,154,120,.14),transparent 50%),var(--bg)}button,input,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,.excerpt,.block-text,.full-text,.lede{font-family:var(--serif)}h1,h2,h3{font-weight:650;letter-spacing:-.03em}p{line-height:1.5}.app{min-height:100vh}.top{position:sticky;top:0;z-index:10;height:var(--header);display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#14110ee6;border-bottom:1px solid rgba(243,236,223,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand,.text-btn,.tools button,.vote,.view,.primary,.seg button,.mode-card,.story-tile{border-radius:999px}.brand{display:inline-flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--paper);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:14px}.mark{width:28px;height:28px;fill:none;stroke:var(--accent);stroke-width:1.7;stroke-linecap:round}.mark path:nth-child(2){stroke:var(--paper)}.mark path:nth-child(4){stroke:var(--leaf)}.header-stories{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.header-actions,.row-actions,.modal-actions,.compose-head,.reader-bar,.counter-row,.block-top,.block-foot,.read-meta{display:flex;align-items:center;gap:10px}.text-btn,.tools button{border:1px solid rgba(243,236,223,.22);background:transparent;color:var(--paper);padding:8px 14px}.primary{border:0;background:var(--accent);color:var(--accent-ink);padding:10px 16px;font-weight:700}.primary:disabled,button:disabled{opacity:.5;cursor:not-allowed}.user-menu{position:relative}.user-chip{border:0;color:var(--paper);padding:6px 12px;border-radius:999px;background:#f3ecdf14}.user-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:30;width:min(380px,calc(100vw - 24px));max-height:min(70vh,520px);overflow:auto;display:grid;gap:8px;padding:12px;border-radius:16px;background:#241c16;border:1px solid rgba(243,236,223,.16);box-shadow:0 18px 40px #00000073}.user-note{margin:0;color:var(--muted);font-size:13px;line-height:1.4}.user-fold{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:0;border-radius:12px;background:#f3ecdf14;color:var(--paper);padding:10px 12px;font-weight:700;text-align:left}.user-fold small{color:var(--muted);font-weight:600}.user-label{margin:6px 0 0;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.user-row{display:flex;gap:8px;align-items:flex-start}.user-link{flex:1;min-width:0;display:grid;gap:2px;text-align:left;border:0;border-radius:12px;background:transparent;color:var(--paper);padding:8px 10px}.user-link:hover,.user-quiet:hover{background:#f3ecdf14}.user-link span,.user-link small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.user-link.wrap span{overflow:visible;white-space:normal;text-overflow:unset;line-height:1.35}.user-link small,.user-empty{color:var(--muted)}.user-empty{margin:0;font-size:14px}.user-quiet{border:0;background:transparent;color:var(--muted);border-radius:999px;padding:6px 8px;margin-top:4px;font-size:13px;flex:none}.user-logout{justify-self:start;margin-top:4px}main{padding:28px 22px 40px}.app-home{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.app-home .top{flex:none}.app-home main{flex:1 1 auto;min-height:0;overflow:auto}.site-foot{flex:none;width:100%;display:flex;align-items:center;justify-content:flex-start;gap:16px;min-height:26px;margin:0;padding:3px 8px;background:#14110ef0;border-top:1px solid rgba(224,168,120,.35)}.site-foot button{border:0;background:transparent;color:var(--muted);padding:0;font-size:12px;line-height:1}.site-foot button:hover{color:var(--paper)}.legal{max-width:720px;margin:0 auto}.legal h1{font-size:clamp(28px,4vw,42px);line-height:1.1;margin:0 0 18px}.legal h2{font-size:22px;margin:28px 0 8px}.legal p{margin:0 0 12px;color:var(--paper-2)}.legal .stack{margin-top:18px}.legal .field-note{color:var(--muted)}.consent{display:flex;gap:10px;align-items:flex-start;color:var(--ink-soft);font-size:14px;line-height:1.4}.consent input{width:auto;margin-top:3px;flex:none}.consent a{color:inherit}.home,.story-page{max-width:1180px;margin:0 auto}.story-page{display:flex;flex-direction:column;min-height:calc(100vh - var(--header) - 8px);margin-top:-36px;margin-bottom:-64px}.hero{max-width:760px;padding:18px 0 8px;display:grid;gap:18px;justify-items:start}.hero h1{font-size:clamp(24px,4vw,45px);line-height:1.15;margin:0;max-width:16em}.hero h1 .info-dot{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-left:8px;position:relative;top:-1px}.info-dot{width:18px;height:18px;flex:0 0 18px;border-radius:50%;border:1px solid rgba(243,236,223,.7);background:transparent;color:var(--paper);font-family:var(--serif);font-size:11px;line-height:1;padding:0}.eyebrow,.quiet,.reason,.tile-meta,.score{color:var(--muted);font-size:13px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px}.story-head h1{font-size:clamp(21px,3.33vw,35px);line-height:1.05;margin:0}.shelf{margin-top:36px}.story-grid,.mode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.story-tile,.mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;border-radius:18px;padding:16px;background:#f3ecdf0a;color:var(--paper);border:1px solid rgba(243,236,223,.12);min-height:180px}.story-tile strong,.mode-card strong{font-family:var(--serif);font-size:22px}.story-tile .tile-meta{margin-top:auto}.excerpt{color:#e6dccb;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.mode-card span,.mode-card em{color:var(--ink-soft)}.mode-card{background:#fffaf3;color:var(--ink);border-radius:18px}.mode-card em{font-style:normal;font-size:13px}.story-head{display:grid;gap:8px;margin-bottom:10px}.tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tool-fold{display:contents}.tool-toggle{display:none}.back{padding-left:0;border:0}.tree-shell{display:grid;grid-template-columns:232px minmax(0,1fr);gap:18px;align-items:stretch;flex:1;min-height:0}.rail{list-style:none;margin:0;padding:0;display:grid;align-content:start;grid-auto-rows:max-content;gap:8px;position:sticky;top:calc(var(--header) + 12px);max-height:calc(100vh - var(--header) - 28px);overflow:auto}.rail-btn{width:100%;display:flex;gap:10px;align-items:center;text-align:left;border:0;background:transparent;color:var(--paper);padding:0}.bead{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:#1b1612;position:relative;z-index:1}.rail-btn.on .bead{background:var(--accent);color:var(--accent-ink);border-color:transparent}.rail li{position:relative}.rail li:not(:last-child):before{content:"";position:absolute;left:15px;top:32px;bottom:-8px;width:2px;background:linear-gradient(var(--accent),var(--leaf))}.rail-copy{display:grid;min-width:0}.rail-level{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.rail-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:170px;font-size:14px}.desktop-tree{min-width:0;display:flex;flex-direction:column;min-height:100%}.desktop-tree.settling{pointer-events:none}.desktop-tree.settling .banner,.desktop-tree.settling .twigs,.desktop-tree.settling .nudge,.desktop-tree.settling .empty-copy,.desktop-tree.settling .card{opacity:0}.desktop-tree.arrive .banner,.desktop-tree.arrive .nudge,.desktop-tree.arrive .empty-copy{opacity:1;transition:opacity .3s ease}.desktop-tree.arrive .twigs{opacity:1;transition:opacity .45s ease .2s}.climb-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;overflow:hidden}.climb-layer .climb-ghost{position:absolute;margin:0;z-index:1;pointer-events:none}.climb-ghost.banner{z-index:2}.climb-ghost.chosen,.climb-ghost.returning{z-index:3}.banner,.card,.mobile-card{display:flex;flex-direction:column;background:var(--paper);color:var(--ink);border-radius:18px;padding:14px 14px 12px;overflow:hidden;box-shadow:0 16px 40px #00000038}.banner,.card{height:var(--card-h)}.card{width:var(--card-w);flex:0 0 var(--card-w);scroll-snap-align:start;cursor:pointer;position:relative;z-index:1}.banner{cursor:pointer;position:relative;z-index:1;scroll-margin-top:84px}.banner.at-root{cursor:default}.card.fresh{box-shadow:0 0 0 2px var(--leaf),0 16px 40px #00000038}.block-top,.reader-step header{justify-content:space-between;gap:8px;min-width:0}.score-corner{flex:0 0 auto;font-size:13px;color:#8a4b16;white-space:nowrap}.badge{font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:#efe4d4;color:var(--ink-soft)}.kind-ending{background:#f0d2cc;color:var(--down)}.kind-chapter{background:#e3eadc;color:#31543a}.kind-start{background:#f3ddc8;color:#8a4b16}.who{font-size:13px;color:var(--ink-soft);margin-left:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 1 auto}.block-top .badge{flex:0 0 auto}.kicker{display:flex;align-items:baseline;gap:8px;margin:8px 0;height:1.3em;overflow:hidden;white-space:nowrap;color:#8a4b16;font-size:14px}.kicker-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.branch-count{flex:0 0 auto;font-size:12px;line-height:1.3}.kicker-title+.branch-count{margin-left:auto}.block-text{flex:1;min-height:0;margin:0;overflow:hidden;line-height:1.45;font-size:16px}.prose{text-align:justify;hyphens:auto;-webkit-hyphens:auto}.prose p{margin:0 0 .55em;text-align:justify;text-indent:1.5em;hyphens:auto;-webkit-hyphens:auto}.prose p:last-child{margin-bottom:0}.block-text.prose p{margin-bottom:.35em}.ending-mark{display:flex;align-items:center;justify-content:center;font-size:28px;letter-spacing:.06em}.ending-label{margin:4px 0 8px;text-align:center;font-family:var(--serif);font-size:32px;color:var(--ink)}.block-foot{margin-top:10px;flex-wrap:nowrap;min-width:0}.votes{display:inline-flex;flex:1 1 auto;min-width:0;align-items:center;gap:4px;overflow:hidden}.block-foot:has(.revise){gap:4px}.block-foot:has(.revise) .vote{padding:5px 7px}.block-tools{flex:0 0 auto}.vote,.view{border-radius:999px;padding:6px 10px}.vote{border:1px solid #ddcbb6;background:transparent;color:var(--ink-soft);flex:0 0 auto}.vote.on-up{background:#e5f3ea;color:var(--up);border-color:transparent}.vote.on-down{background:#fdeceb;color:var(--down);border-color:transparent}.block-tools{margin-left:0;display:inline-flex;align-items:center;gap:6px}.view{border:1px solid #ddcbb6;background:transparent;color:var(--ink);width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center}.view svg,.mark-node svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mark-node{width:30px;height:30px;padding:0;border-radius:999px;border:1px solid #ddcbb6;background:transparent;color:var(--ink-soft);display:inline-flex;align-items:center;justify-content:center}.mark-node svg{width:14px;height:14px}.mark-node.on{background:var(--accent);color:var(--accent-ink);border-color:transparent}.mark-node.on svg{fill:currentColor}.revise{border:0;background:transparent;color:var(--ink-soft);font-size:12px;line-height:1.2;padding:0;white-space:nowrap;flex:0 0 auto}.fork-wrap{display:flex;align-items:stretch;gap:8px;margin-top:0;flex:1;min-height:0}.fork{flex:1;min-width:0;position:relative;display:flex;flex-direction:column}.twigs{position:absolute;left:0;top:0;pointer-events:none;overflow:hidden;z-index:4}.twigs path{fill:none;stroke:#a86b3c;stroke-linecap:round}.twigs .limb{stroke-width:3.1}.twigs .sprout{stroke-width:1.5;stroke:#c49262}.twigs .sprout.tiny{stroke-width:1.05}.twigs .leaf path{fill:#6f9464;stroke:#4d7346;stroke-width:.6}.nudge{width:40px;height:40px;flex:0 0 40px;border-radius:50%;border:1px solid rgba(243,236,223,.35);background:#14110ea6;color:var(--paper);font-size:20px;line-height:1;padding:0}.nudge:disabled{opacity:.28;cursor:default}.nudge{align-self:flex-start;margin-top:calc(96px + (var(--card-h) - 40px) / 2)}.card-scroll{overflow-x:auto;display:flex;justify-content:safe center;cursor:grab;flex:1;min-height:0}.card-scroll.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.card-scroll.dragging .card{cursor:grabbing}.card-row{position:relative;display:flex;gap:20px;width:max-content;margin:0 auto;padding:96px 2px 18px}.row-place{margin:0;padding:0 8px 6px;text-align:center;color:var(--muted);font-size:13px}.card-scroll::-webkit-scrollbar{height:8px}.card-scroll::-webkit-scrollbar-thumb{background:#f3ecdf40;border-radius:99px}.empty-copy,.status{color:var(--muted)}.compose,.modal,.reader-step{background:var(--paper);color:var(--ink);border-radius:22px}.compose{margin-top:18px;padding:18px}.modal .compose{margin:0;padding:0;background:transparent;box-shadow:none}.compose-head,.modal-head,.reader-step header{justify-content:space-between}.modal-head{display:flex;align-items:baseline;gap:16px}.auth-switch{margin-left:auto;border:0;background:transparent;color:var(--ink-soft);font-size:14px;text-decoration:underline;text-underline-offset:3px;padding:0;flex:none}.field-note{color:var(--ink-soft);font-size:13px;line-height:1.4}.compose h2,.modal h2,.reader-bar h2{margin:0}.compose .text-btn,.modal .text-btn,.reader-step .text-btn{color:var(--ink-soft);border-color:#ddcbb6}.modal .text-btn.danger{color:var(--down);border-color:#e3b2ad}.compose .quiet,.modal .quiet{color:var(--ink-soft)}.stack{display:grid;gap:12px}label{display:grid;gap:6px;font-size:14px}input,textarea{width:100%;border-radius:12px;border:1px solid #ddcbb6;background:#fffdf8;color:var(--ink);padding:10px 12px}input[readonly]{cursor:default}.auth-actions{justify-content:space-between;width:100%}.auth-reset{margin-left:auto;flex:none;width:auto;border:0;background:transparent;padding:0;color:var(--ink-soft);font-size:calc(1em / 1.5);line-height:1.2;white-space:nowrap;text-decoration:underline;text-underline-offset:2px}.modal .auth-reset{border:0;padding:0}.tool-caret{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;transition:transform .15s ease}.tool-toggle[aria-expanded=true] .tool-caret{transform:rotate(180deg)}.seg{display:flex;flex-wrap:wrap;gap:6px}.seg button{border:1px solid #ddcbb6;background:transparent;color:var(--ink);padding:8px 12px}.seg button.on{background:var(--ink);color:var(--paper)}.counter{font-variant-numeric:tabular-nums}.counter.hot{color:var(--down)}.bad{margin:0;color:#8d2f2f;background:#fdeceb;border-radius:12px;padding:8px 10px}.spell{display:grid;gap:8px;background:#fffaf3;border-radius:14px;padding:12px}.spell ul{margin:0;padding-left:18px}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0c09079e;display:grid;place-items:center;padding:24px}.modal{width:min(680px,100%);max-height:min(86vh,900px);overflow:auto;padding:22px;box-shadow:0 30px 80px #00000059;position:relative}.modal.wide{width:min(860px,100%)}.modal.bare,.modal.corner-close{padding-top:52px}.modal.corner-close .modal-head{margin-bottom:12px}.modal-x{position:absolute;top:14px;right:14px;border:1px solid #ddcbb6;background:transparent;color:var(--ink-soft);border-radius:999px;padding:6px 12px}.modal-head,.chapter-line{margin-bottom:8px}.chapter-line{margin-top:0}.full-text{white-space:pre-wrap;font-size:18px;line-height:1.55}.full-text.prose{white-space:normal}.full-text.prose p{font-size:18px;line-height:1.55}.modal-who{margin-top:0}.modal-actions{justify-content:space-between;margin-top:16px}.modal .vote{color:var(--ink-soft)}.fly-shade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#0c09079e}.fly-panel{position:fixed;z-index:46;overflow:hidden;background:var(--paper);color:var(--ink);box-shadow:0 30px 80px #00000059;padding:52px 22px 22px}.fly-panel .modal-who{margin-top:0}.fly-panel .vote{color:var(--ink-soft)}.reader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;display:flex;flex-direction:column;background:#100e0c}.reader-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;justify-content:stretch;gap:16px;padding:16px 22px;border-bottom:1px solid rgba(243,236,223,.08);flex-wrap:nowrap;position:relative;z-index:4}.reader-brand{justify-self:start}.reader-tools{display:flex;align-items:center;gap:10px;margin-left:0;flex-wrap:wrap;justify-content:flex-end}.reader-bar h2{font-size:22px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-bar .text-btn{color:var(--paper)}.reader-frame{flex:1;min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr)}.reader-rail-slot{min-height:0;overflow:auto}.reader-rail{position:static;top:auto;max-height:none;height:auto;padding:16px 8px 16px 18px;align-content:start}.reader-rail .rail-btn{width:auto}.reader-rail .rail-copy{display:none}.rail-btn.mark .bead:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--leaf);right:-2px;top:-2px;box-shadow:0 0 0 2px #14110e}.reader-body{min-height:0;overflow:auto;padding:22px;display:grid;gap:14px;justify-items:center;align-content:start}.reader-step{width:min(720px,100%);padding:20px;margin:0}.reader-step .reader-copy p{font-family:var(--serif);font-size:18px;line-height:1.55}.reader-step .ending-label{color:var(--ink)}.reader-open{display:flex;justify-content:flex-end;margin-top:10px}.saved-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.saved-row{display:flex;gap:8px;align-items:center}.saved-row .text-btn{flex:1;text-align:left}.reader-open .text-btn{font-size:11px;line-height:1.2;padding:5px 9px;color:var(--ink-soft);border-color:#ddcbb6}.score{margin-left:auto;color:var(--ink-soft);font-size:13px}.toast{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:80;width:max-content;max-width:min(420px,calc(100vw - 32px));margin:0;padding:10px 16px;border-radius:14px;border:1px solid rgba(224,138,69,.45);background:#2a2118;color:var(--paper);box-shadow:0 16px 40px #00000059;cursor:pointer}.mobile-tree{display:none}.mobile-stage{min-height:62vh;display:grid;place-items:center;overflow:auto;touch-action:none}.mobile-card{width:min(100%,420px);height:min(68vh,520px);transform-origin:center center}.status{padding:24px 0}@media(max-width:820px){main:has(.story-page){padding:0}main:not(:has(.story-page)){padding:16px 12px 40px}.story-page{max-width:none;height:calc(100dvh - var(--header));min-height:0;margin:0;overflow:hidden;overscroll-behavior:none}.story-head{position:relative;z-index:6;padding:12px 12px 8px}.story-head h1{font-size:22px;line-height:1.25}.tree-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:0;min-height:0}.desktop-tree{display:grid;grid-template-rows:minmax(0,1fr) 42px minmax(0,1fr);grid-row:1;height:100%;min-height:0;box-sizing:border-box;padding-inline:12px;touch-action:pan-x}.desktop-tree>.banner{grid-row:1;height:auto;min-height:0;touch-action:pan-x}.fork-wrap{grid-row:2 / span 2;min-height:0;height:100%}.rail{grid-row:2;display:flex;flex-direction:row;align-items:center;gap:10px;position:static;max-height:none;overflow-x:auto;overflow-y:hidden;padding:8px 12px 10px}.rail li:not(:last-child):before{display:none}.rail-btn{width:auto}.rail-copy,.nudge{display:none}.fork{container-type:inline-size;min-height:0;height:100%;padding-top:42px;box-sizing:border-box;touch-action:pan-x}.card-scroll{scroll-snap-type:x mandatory;justify-content:flex-start;touch-action:pan-x;overflow-y:clip;scrollbar-width:none}.card-scroll::-webkit-scrollbar{height:0}.card-row{height:100%;box-sizing:border-box;align-items:stretch;padding:0;gap:12px}.card{width:100cqw;height:100%;min-height:0;flex:0 0 100cqw;scroll-snap-align:start;scroll-snap-stop:always}.top{padding:0 12px}.hero h1{font-size:calc(40px / 1.5)}.tools{position:relative}.tools button,.primary,.text-btn{padding:8px 10px}.header-stories{display:none}.tool-toggle{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;white-space:nowrap}.tool-fold{display:none}.reader-frame{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.reader-rail-slot{grid-row:2;min-width:0;overflow:visible}.reader-rail{width:100%;min-width:0}.reader-bar{padding:12px;gap:10px}.reader-bar h2{font-size:18px}.reader-brand span{display:none}.tools.more-open .tool-fold{display:flex;position:absolute;z-index:7;top:calc(100% + 8px);left:0;right:0;width:auto;flex-wrap:wrap;gap:8px;padding:10px;border-radius:16px;background:#241c16;border:1px solid rgba(243,236,223,.16);box-shadow:0 18px 40px #00000073}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}