@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,p,blockquote{margin:0}button,textarea{color:inherit;font:inherit}button{border:0}}@layer base{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{color:#243028;background:#f5f1e8;min-width:320px}button,[role=button]{-webkit-tap-highlight-color:transparent}button:focus-visible,[role=button]:focus-visible,textarea:focus-visible,h2:focus-visible{outline-offset:3px;outline:2px solid #d76b47}::selection{background:#e59b5a57}}@layer components{.zeeds-app{--page:#f5f1e8;--page-deep:#eee7da;--surface:#fbf8f1;--surface-raised:#fffdf8;--ink:#233028;--ink-soft:#516158;--muted:#7a847c;--line:#29392f21;--line-strong:#29392f3b;--brand:#315b49;--brand-deep:#25483a;--brand-soft:#dfe8df;--accent:#d96e49;--accent-soft:#f1d8c7;--heat-1:#ecd38233;--heat-2:#ecba5b47;--heat-3:#e88f5157;--heat-4:#da634763;--reader-serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;background:radial-gradient(circle at 8% 15%, #5672560d, transparent 22rem), radial-gradient(circle at 92% 42%, #c5894f0d, transparent 24rem), var(--page);color:var(--ink);min-height:100vh;transition:background .24s,color .24s;overflow-x:clip}.zeeds-app.theme-sepia{--page:#eee3cf;--page-deep:#e5d7bd;--surface:#f6ebd6;--surface-raised:#fbf2df;--ink:#382d23;--ink-soft:#695a4a;--muted:#887967;--line:#43302024;--line-strong:#43302040;--brand:#44634c;--brand-deep:#304a37;--brand-soft:#d8dfcd}.zeeds-app.theme-night{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#18201d;--page-deep:#121815;--surface:#202a26;--surface-raised:#26312d;--ink:#e7e4da;--ink-soft:#aeb9b1;--muted:#85938a;--line:#e0eae21f;--line-strong:#e0eae238;--brand:#8db9a0;--brand-deep:#b4d5c1;--brand-soft:#2f4439;--accent:#f09a72;--accent-soft:#51392f;--heat-1:#ecd38224;--heat-2:#ecba5b33;--heat-3:#e88f5140;--heat-4:#da63474f;background:radial-gradient(circle at 10% 18%, #62977614, transparent 24rem), radial-gradient(circle at 92% 42%, #c5894f0f, transparent 25rem), var(--page)}.reader-header{background:color-mix(in srgb, var(--page) 86%, transparent);border-bottom:1px solid var(--line);z-index:40;-webkit-backdrop-filter:blur(18px)saturate(120%);backdrop-filter:blur(18px)saturate(120%);grid-template-columns:1fr minmax(220px,auto) 1fr;align-items:center;height:68px;padding:0 32px;transition:background .2s,border .2s;display:grid;position:fixed;top:0;left:0;right:0}.header-progress{background:var(--accent);height:2px;transform:scaleX(calc(var(--progress) / 100%));transform-origin:0;width:100%;transition:transform .1s linear;position:absolute;top:0;left:0}.brand{color:var(--brand-deep);cursor:pointer;background:0 0;justify-self:start;align-items:center;gap:9px;padding:5px 3px;display:inline-flex}.brand-mark{background:var(--brand);color:var(--surface);border-radius:50% 50% 48% 52%/55% 49% 51% 45%;justify-content:center;align-items:center;width:31px;height:31px;display:inline-flex;transform:rotate(-5deg)}.brand-mark svg{transform:rotate(5deg)}.brand-word{font-family:var(--reader-serif);letter-spacing:-.035em;font-size:23px;font-weight:700}.header-story{flex-direction:column;justify-self:center;align-items:center;gap:2px;min-width:0;max-width:300px;display:flex}.header-story-title{font-family:var(--reader-serif);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;font-weight:600;overflow:hidden}.header-story-progress{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:700}.header-actions{justify-self:end;align-items:center;gap:8px;display:flex}.live-readers{color:var(--muted);cursor:pointer;background:0 0;align-items:center;gap:7px;margin-right:5px;padding:8px;font-size:11px;display:flex}.live-readers strong{color:var(--ink-soft)}.live-dot{border:2px solid color-mix(in srgb, #55a873 20%, var(--surface));background:#55a873;border-radius:50%;width:8px;height:8px;display:inline-block}.live-dot.offline{border-color:color-mix(in srgb, #9a9a93 20%, var(--surface));background:#9a9a93}.header-icon-button{color:var(--ink-soft);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 13px;font-size:11px;font-weight:650;transition:background .15s,border .15s,color .15s;display:inline-flex}.header-icon-button:hover,.header-icon-button.active{background:var(--surface);border-color:var(--line);color:var(--brand-deep)}.header-icon-button.compact{width:38px;padding:0}.user-avatar{background:var(--brand);border:2px solid var(--page);box-shadow:0 0 0 1px var(--line-strong);color:var(--surface);cursor:pointer;font-family:var(--reader-serif);border-radius:50%;width:32px;height:32px;margin-left:2px;font-size:13px;font-weight:700}.settings-wrap{position:relative}.reader-settings{background:var(--surface-raised);border:1px solid var(--line);border-radius:16px;min-width:284px;padding:17px;position:absolute;top:48px;right:0;box-shadow:0 18px 55px #21292329}.settings-heading{font-family:var(--reader-serif);justify-content:space-between;align-items:center;margin-bottom:18px;font-size:17px;font-weight:700;display:flex}.settings-heading button{color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.settings-heading button:hover{background:var(--page-deep)}.settings-row{border-top:1px solid var(--line);color:var(--ink-soft);justify-content:space-between;align-items:center;padding:13px 0;font-size:11px;display:flex}.font-controls{background:var(--page);border:1px solid var(--line);border-radius:999px;align-items:center;display:flex;overflow:hidden}.font-controls button{cursor:pointer;background:0 0;width:35px;height:30px;font-size:11px;font-weight:700}.font-controls button:hover:not(:disabled){background:var(--brand-soft)}.font-controls button:disabled{color:var(--line-strong);cursor:default}.font-controls span{color:var(--muted);text-align:center;min-width:35px;font-size:9px}.theme-options{gap:8px;display:flex}.theme-swatch{cursor:pointer;border:1px solid #191e1b2e;border-radius:50%;width:24px;height:24px;position:relative}.theme-swatch.selected:after{border:2px solid var(--accent);content:"";border-radius:50%;position:absolute;inset:-4px}.swatch-paper{background:#f5f1e8}.swatch-sepia{background:#e9dbc1}.swatch-night{background:#19211e}.reset-button{border-top:1px solid var(--line);color:var(--accent);cursor:pointer;text-align:left;background:0 0;width:100%;padding:13px 0 0;font-size:10px}.reading-stage{min-height:100vh;padding:1px 24px 140px;transition:transform .42s cubic-bezier(.22,1,.36,1)}.story-article{max-width:760px;margin:0 auto}.story-intro{text-align:center;flex-direction:column;align-items:center;min-height:min(820px,93vh);padding:160px 20px 80px;display:flex}.story-sigil{color:var(--brand);justify-content:center;align-items:center;width:82px;height:82px;margin-bottom:30px;display:flex;position:relative}.sigil-orbit{border:1px solid color-mix(in srgb, var(--brand) 26%, transparent);border-radius:50%;position:absolute}.orbit-one{width:68px;height:68px;transform:rotate(23deg)scaleX(.72)}.orbit-two{width:78px;height:78px;transform:rotate(-35deg)scaleX(.46)}.story-sigil:after{background:var(--accent);content:"";border-radius:50%;width:4px;height:4px;position:absolute;bottom:6px}.story-kicker{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin-bottom:22px;font-size:10px;font-weight:750}.story-intro h1{color:var(--ink);font-family:var(--reader-serif);letter-spacing:-.045em;text-wrap:balance;max-width:730px;font-size:clamp(45px,6.2vw,70px);font-weight:500;line-height:.98}.story-dek{color:var(--ink-soft);font-family:var(--reader-serif);text-wrap:balance;max-width:560px;margin:29px auto 0;font-size:17px;font-style:italic;line-height:1.55}.story-byline{color:var(--muted);letter-spacing:.035em;align-items:center;gap:12px;margin-top:26px;font-size:10px;font-weight:650;display:flex}.story-byline span:first-child{color:var(--ink-soft)}.metadata-separator{background:var(--line-strong);border-radius:50%;width:3px;height:3px}.story-community{border-top:1px solid var(--line);align-items:center;gap:12px;margin-top:34px;padding-top:20px;display:flex}.avatar-stack{padding-left:8px;display:flex}.avatar-stack span{border:2px solid var(--page);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;margin-left:-8px;font-size:8px;font-weight:750;display:flex}.story-community p{color:var(--muted);font-size:10px}.story-community strong{color:var(--ink-soft);font-weight:700}.start-reading{border-bottom:1px solid var(--line-strong);color:var(--brand-deep);cursor:pointer;font-family:var(--reader-serif);background:0 0;align-items:center;gap:8px;margin-top:32px;padding:8px 2px 7px;font-size:12px;transition:border .15s,gap .15s;display:flex}.start-reading:hover{border-color:var(--accent);gap:11px}.chapter-divider{color:var(--brand);opacity:.62;justify-content:center;align-items:center;gap:15px;width:190px;margin:28px auto 75px;display:flex}.chapter-divider span{background:var(--line-strong);width:65px;height:1px}.social-legend{background:color-mix(in srgb, var(--surface) 76%, transparent);border:1px solid var(--line);border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;max-width:640px;margin:0 auto 66px;padding:16px 18px;display:grid}.legend-icon{background:var(--brand-soft);color:var(--brand-deep);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.social-legend strong{font-family:var(--reader-serif);margin-bottom:3px;font-size:13px;display:block}.social-legend p{color:var(--muted);font-size:9px;line-height:1.45}.heat-scale{align-items:flex-end;gap:4px;display:flex}.scale-dot{border-radius:50%;width:7px;height:7px;display:block}.scale-1{opacity:.45;background:#ecd382}.scale-2{opacity:.65;background:#ecba5b}.scale-3{opacity:.8;background:#e88f51}.scale-4{background:#da6347}.story-body{font-family:var(--reader-serif);font-size:calc(20px * var(--reader-scale));letter-spacing:.003em;max-width:650px;margin:0 auto;line-height:1.87;position:relative}.selection-hint{background:var(--brand);color:var(--surface);white-space:nowrap;z-index:3;border-radius:999px;align-items:center;gap:8px;padding:9px 11px 9px 13px;font-family:Inter,ui-sans-serif,sans-serif;font-size:10px;display:flex;position:absolute;top:-44px;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #25483a36}.selection-hint button{color:inherit;cursor:pointer;background:#ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:21px;height:21px;margin-left:3px;display:flex}.story-paragraph-wrap{margin:0 0 1.58em;position:relative}.story-paragraph{color:var(--ink);hanging-punctuation:first last;position:relative}.story-paragraph-wrap:first-of-type .story-paragraph:first-letter{color:var(--brand-deep);float:left;margin:.13em .1em 0 0;font-size:4.05em;font-weight:500;line-height:.77}.social-highlight{color:inherit;cursor:pointer;text-underline-offset:4px;background:0 0;border-radius:3px;margin:0 -2px;padding:1px 2px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px;transition:background .6s,box-shadow .18s,text-decoration-color .18s}.social-highlight:hover{box-shadow:inset 0 -1px var(--accent);-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 55%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 55%, transparent)}.heat-0{background:0 0}.heat-1{background:var(--heat-1)}.heat-2{background:var(--heat-2)}.heat-3{background:var(--heat-3)}.heat-4{background:var(--heat-4)}.heat-rail{color:var(--muted);cursor:pointer;opacity:.76;background:0 0;align-items:center;gap:7px;padding:7px 4px;transition:opacity .15s,transform .15s;display:flex;position:absolute;top:.28em;left:calc(100% + 25px)}.heat-rail:hover{opacity:1;transform:translate(2px)}.heat-rail-bar{border-radius:999px;width:3px;height:22px;display:block}.heat-rail-1 .heat-rail-bar{background:#dcc779}.heat-rail-2 .heat-rail-bar{background:#dfab4c}.heat-rail-3 .heat-rail-bar{background:#db8148}.heat-rail-4 .heat-rail-bar{background:#ca593d}.heat-rail-count{font-family:Inter,ui-sans-serif,sans-serif;font-size:8px;font-weight:700}.story-ending{text-align:center;flex-direction:column;align-items:center;margin:115px auto 20px;display:flex}.ending-mark{color:var(--brand);margin-bottom:11px}.story-ending>p{color:var(--muted);font-family:var(--reader-serif);font-size:11px;font-style:italic}.ending-conversation{border-top:1px solid var(--line);flex-direction:column;align-items:center;width:min(100%,560px);margin-top:55px;padding-top:35px;display:flex}.ending-conversation>span{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-weight:700}.ending-conversation>div{grid-template-columns:auto auto auto auto;align-items:baseline;gap:8px;margin:22px 0;display:grid}.ending-conversation strong{font-family:var(--reader-serif);font-size:26px;font-weight:500}.ending-conversation small{color:var(--muted);margin-right:12px;font-size:9px}.ending-conversation button{background:var(--brand);color:var(--surface);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-size:10px;font-weight:700;transition:background .15s,transform .15s;display:flex}.ending-conversation button:hover{background:var(--brand-deep);transform:translateY(-1px)}.selection-toolbar{color:#f9f6ee;z-index:70;background:#24332c;border:1px solid #ffffff1a;border-radius:12px;align-items:center;padding:6px;animation:.18s ease-out toolbar-in;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 40px #171e1a4d}.selection-toolbar:after{content:"";border-top:6px solid #24332c;border-left:6px solid #0000;border-right:6px solid #0000;margin-left:-6px;position:absolute;bottom:-6px;left:50%}@keyframes toolbar-in{0%{opacity:0;transform:translate(-50%,5px)scale(.97)}to{opacity:1;transform:translate(-50%)scale(1)}}.toolbar-reactions{display:flex}.toolbar-reactions button{cursor:pointer;background:0 0;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:background .12s,transform .12s;display:flex}.toolbar-reactions button:hover{background:#ffffff1a;transform:translateY(-2px)scale(1.08)}.toolbar-divider{background:#ffffff24;width:1px;height:24px;margin:0 5px}.toolbar-comment{color:#f9f6ee;cursor:pointer;background:0 0;border-radius:7px;align-items:center;gap:6px;height:32px;padding:0 9px;font-size:10px;font-weight:700;display:flex}.toolbar-comment:hover{background:#ffffff1a}.activity-fab{background:var(--surface-raised);border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;z-index:34;border-radius:999px;align-items:center;gap:8px;padding:7px 9px 7px 7px;font-size:10px;font-weight:700;transition:transform .16s,opacity .16s;display:flex;position:fixed;bottom:24px;right:28px;box-shadow:0 10px 35px #222d2626}.activity-fab:hover{transform:translateY(-2px)}.has-panel .activity-fab{opacity:0;pointer-events:none}.activity-fab-icon{background:var(--brand);color:var(--surface);border-radius:50%;justify-content:center;align-items:center;width:31px;height:31px;display:flex}.activity-fab strong{background:var(--accent-soft);color:var(--accent);border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:9px;display:flex}.panel-scrim{opacity:0;pointer-events:none;z-index:44;background:#131b1733;transition:opacity .3s;position:fixed;inset:0}.panel-scrim.visible{opacity:1;pointer-events:auto}.conversation-panel{background:var(--surface-raised);border-left:1px solid var(--line);visibility:hidden;z-index:50;flex-direction:column;width:430px;max-width:100%;transition:transform .42s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;transform:translate(104%);box-shadow:-18px 0 70px #1b261f21}.conversation-panel.open{visibility:visible;transform:translate(0)}.panel-grabber{display:none}.panel-header{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;height:79px;padding:14px 22px;display:flex}.panel-eyebrow{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:6px;font-size:8px;font-weight:750;display:flex}.panel-eyebrow .live-dot{border-width:1px;width:6px;height:6px}.panel-header h2{font-family:var(--reader-serif);letter-spacing:-.025em;outline:0;margin-top:3px;font-size:20px;font-weight:600}.panel-close{background:var(--page);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s,color .15s;display:flex}.panel-close:hover{background:var(--page-deep);color:var(--ink)}.quote-card{background:var(--page);border-bottom:1px solid var(--line);flex:none;padding:20px 25px 18px 31px;position:relative}.quote-heat{border-radius:999px;width:3px;position:absolute;top:20px;bottom:19px;left:20px}.quote-card blockquote{color:var(--ink);font-family:var(--reader-serif);font-size:14px;font-style:italic;line-height:1.55}.quote-card>span{color:var(--muted);margin-top:9px;font-size:8px;display:block}.panel-reactions{border-bottom:1px solid var(--line);flex-wrap:wrap;flex:none;align-items:center;gap:6px;padding:12px 20px;display:flex}.panel-reactions button{background:var(--page);border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:5px;min-width:48px;height:29px;padding:0 9px;font-size:9px;font-weight:650;transition:border .14s,background .14s,transform .14s;display:flex}.panel-reactions button span{font-size:14px}.panel-reactions button:hover{border-color:var(--line-strong);transform:translateY(-1px)}.panel-reactions button.reacted{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 28%, transparent);color:var(--accent)}.panel-reactions button.add-reaction{color:var(--muted);width:29px;min-width:29px;padding:0;font-size:13px}.conversation-heading{letter-spacing:.03em;flex:none;justify-content:space-between;align-items:center;padding:17px 22px 7px;font-size:9px;font-weight:750;display:flex}.conversation-sort{color:var(--muted);font-size:8px;font-weight:500}.comment-list{overscroll-behavior:contain;scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin;flex:auto;min-height:0;padding:4px 22px 25px;overflow-y:auto}.comment{gap:10px;padding:15px 0;display:flex}.comment+.comment{border-top:1px solid var(--line)}.comment-avatar{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:8px;font-weight:750;display:flex}.comment-avatar.small{width:25px;height:25px;font-size:7px}.comment-content{width:100%;min-width:0}.comment-meta{align-items:baseline;gap:7px;display:flex}.comment-meta strong{font-size:10px;font-weight:750}.comment-meta span{color:var(--muted);font-size:8px}.comment-content>p{color:var(--ink-soft);font-family:var(--reader-serif);margin-top:5px;font-size:12px;line-height:1.5}.comment-actions{align-items:center;gap:12px;margin-top:8px;display:flex}.comment-actions button{color:var(--muted);cursor:pointer;background:0 0;align-items:center;gap:4px;padding:2px 0;font-size:8px;display:flex}.comment-actions button:hover,.comment-actions button[aria-pressed=true]{color:var(--accent)}.comment-actions button:last-child{margin-left:auto}.comment.reply{border-left:1px solid var(--line-strong);margin-top:10px;padding:9px 0 4px 11px}.comment.reply+.comment.reply{border-top:0;margin-top:4px}.empty-conversation{color:var(--muted);text-align:center;flex-direction:column;align-items:center;padding:50px 20px;display:flex}.empty-conversation>span{background:var(--brand-soft);color:var(--brand-deep);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:13px;display:flex}.empty-conversation strong{color:var(--ink);font-family:var(--reader-serif);font-size:15px}.empty-conversation p{max-width:230px;margin-top:5px;font-size:9px;line-height:1.5}.comment-composer{background:var(--surface-raised);border-top:1px solid var(--line);box-shadow:0 -12px 28px color-mix(in srgb, var(--surface-raised) 90%, transparent);flex:none;padding:12px 18px 14px}.replying-to{color:var(--muted);justify-content:space-between;align-items:center;padding:0 3px 8px 39px;font-size:8px;display:flex}.replying-to button{color:var(--muted);cursor:pointer;background:0 0;align-items:center;display:flex}.composer-row{align-items:flex-start;gap:9px;display:flex}.composer-avatar{background:var(--brand);color:var(--surface);font-family:var(--reader-serif);border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;margin-top:2px;font-size:10px;font-weight:700;display:flex}.composer-row textarea{background:var(--page);border:1px solid var(--line);color:var(--ink);font-family:var(--reader-serif);resize:none;border-radius:11px;width:100%;min-height:54px;padding:9px 11px;font-size:11px;line-height:1.45}.composer-row textarea::placeholder{color:var(--muted)}.composer-row textarea:disabled{cursor:not-allowed;opacity:.6}.composer-footer{justify-content:space-between;align-items:center;padding:8px 0 0 39px;display:flex}.composer-footer span{color:var(--muted);font-size:7px}.composer-footer button{background:var(--brand);color:var(--surface);cursor:pointer;border-radius:999px;padding:8px 13px;font-size:9px;font-weight:750}.composer-footer button:disabled{background:var(--page-deep);color:var(--muted);cursor:default}.toast{color:#f8f5ed;opacity:0;pointer-events:none;white-space:nowrap;z-index:90;background:#26352e;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:8px 14px 8px 8px;font-size:10px;font-weight:650;transition:opacity .18s,transform .18s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%,12px);box-shadow:0 12px 40px #161f1a40}.toast.visible{opacity:1;transform:translate(-50%)}.toast-mark{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.is-immersive .reader-header{background:0 0;border-bottom-color:#0000}.is-immersive .header-story,.is-immersive .brand-word{opacity:.45}.is-immersive .story-intro{min-height:86vh}}@layer responsive{@media (min-width:1181px){.has-panel .reading-stage{transform:translate(-175px)}.panel-scrim.visible{opacity:0;pointer-events:none}}@media (max-width:900px){.reader-header{grid-template-columns:auto 1fr auto;padding:0 18px}.header-story{max-width:260px}.live-readers-copy,.desktop-action-label{display:none}.live-readers{margin:0;padding:7px 2px}.header-icon-button{width:38px;padding:0}.story-body{max-width:620px}.heat-rail{left:auto;right:-43px}}@media (max-width:700px){.reader-header{height:59px;padding:0 14px}.brand{gap:0}.brand-mark{width:29px;height:29px}.brand-word,.header-story-title{display:none}.header-story{justify-self:stretch;align-items:stretch;max-width:none;padding:0 18px}.header-story-progress{text-align:center}.header-actions{gap:3px}.live-readers,.settings-wrap,.user-avatar{display:none}.reading-stage{padding-left:20px;padding-right:20px}.story-intro{min-height:min(760px,92vh);padding:125px 0 60px}.story-sigil{width:68px;height:68px;margin-bottom:23px}.orbit-one{width:56px;height:56px}.orbit-two{width:65px;height:65px}.story-intro h1{font-size:clamp(39px,12.5vw,55px);line-height:1}.story-dek{margin-top:24px;font-size:16px}.story-byline{flex-direction:column;gap:4px;line-height:1.4}.metadata-separator{display:none}.story-community{margin-top:25px;padding-top:17px}.chapter-divider{margin-bottom:48px}.social-legend{grid-template-columns:auto 1fr;align-items:start;margin-bottom:47px;padding:14px}.heat-scale{display:none}.story-body{font-size:calc(19px * var(--reader-scale));line-height:1.82}.story-paragraph-wrap{margin-bottom:1.52em;padding-right:4px}.heat-rail{gap:0;padding:5px 0 5px 8px;left:auto;right:-18px}.heat-rail-count{display:none}.heat-rail-bar{width:2px;height:25px}.selection-hint{top:-41px}.selection-toolbar{max-width:calc(100vw - 16px)}.toolbar-reactions button{width:30px;height:31px;font-size:15px}.toolbar-comment{padding:0 8px;font-size:0}.activity-fab{bottom:16px;right:14px}.panel-scrim.visible{opacity:1}.conversation-panel{border-left:0;border-radius:22px 22px 0 0;width:100%;height:min(86dvh,790px);max-height:calc(100dvh - 28px);top:auto;transform:translateY(104%);box-shadow:0 -20px 70px #18201b3d}.conversation-panel.open{transform:translateY(0)}.panel-grabber{background:var(--line-strong);border-radius:999px;flex:none;width:34px;height:4px;margin:8px auto 0;display:block}.panel-header{height:64px;padding:9px 18px 11px}.panel-header h2{font-size:18px}.quote-card{padding:16px 21px 15px 28px}.quote-heat{top:16px;bottom:16px;left:17px}.quote-card blockquote{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.comment-list{padding-left:18px;padding-right:18px}.comment-composer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.toast{text-overflow:ellipsis;bottom:76px;overflow:hidden}}@media (max-width:390px){.reading-stage{padding-left:17px;padding-right:17px}.story-intro h1{font-size:39px}.story-dek{font-size:15px}.story-community{flex-direction:column;gap:7px}.toolbar-reactions button{width:28px}.toolbar-divider{margin:0 2px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}