@media screen{.reader{--reader-gutter:clamp(18px, 2.5vw, 40px);isolation:isolate;width:100%;height:100dvh;min-height:0;padding:0 0 max(18px, env(safe-area-inset-bottom,0px));color:#fff;background:#151b1c;flex-direction:column;display:flex;position:relative;overflow:hidden}.reader-cinema:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#080c10a8 0%,#080c1020 28%,#0000 52%,#080c1033 70%,#080c10ad 100%);position:absolute;inset:0}.reader .reader-topbar{z-index:4;padding:max(24px, env(safe-area-inset-top,0px)) max(var(--reader-gutter), env(safe-area-inset-right,0px)) 16px max(var(--reader-gutter), env(safe-area-inset-left,0px));flex:none;justify-content:space-between;align-items:flex-start;gap:24px;display:flex;position:relative}.reader-heading{min-width:0}.reader-heading h1{-webkit-line-clamp:2;font:700 clamp(23px, 2.8vw, 38px)/1.3 var(--sans);letter-spacing:-.8px;word-break:keep-all;overflow-wrap:anywhere;text-shadow:0 2px 18px #0006;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.reader-actions{flex:none;align-items:center;gap:10px;padding-top:5px;display:flex;position:relative}.reader .reader-actions .icon-button,.reader-settings>summary,.reader .voice-button,.reader-language{color:#fff;-webkit-backdrop-filter:blur(12px);background:#ffffff12;border:1px solid #ffffff4d;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-height:44px;margin:0;transition:background .16s,border-color .16s,transform .16s;display:flex}.reader .reader-actions .icon-button,.reader-settings>summary{width:44px;height:44px;padding:0}.reader .voice-button,.reader-language{white-space:nowrap;gap:8px;padding:0 18px;font-size:12px;font-weight:600}.reader .voice-button.playing{color:#243b34;background:#fff}.reader-settings>summary{cursor:pointer;list-style:none}.reader-settings>summary::-webkit-details-marker{display:none}.reader .reader-actions button:hover,.reader .reader-exit:hover,.reader-settings>summary:hover{background:#ffffff2b;border-color:#fff9}.reader :focus-visible{outline-offset:4px;outline:2px solid #fff}.reader-settings{position:static}.reader-settings-panel{--settings-muted:#bac9c1;--settings-border:#ffffff26;--settings-accent:#cae5d3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;overscroll-behavior:contain;-webkit-backdrop-filter:blur(20px);background:#1c2426f5;border:1px solid #ffffff35;border-radius:16px;width:320px;max-width:calc(100vw - 36px);max-height:65dvh;padding:8px;position:absolute;top:calc(100% + 12px);right:0;overflow-y:auto;box-shadow:0 12px 40px #0004}.reader-settings-panel button{width:100%;min-height:46px;color:inherit;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:10px;font-size:13px;display:flex}.reader-settings-panel button>span{color:#b9c8bf;margin-left:auto;font-size:12px}.reader-appearance{border-bottom:1px solid var(--settings-border);gap:16px;margin-bottom:6px;padding:6px 8px 18px;display:grid}.reader-appearance-heading,.reader-appearance-label,.reader-range-labels{justify-content:space-between;align-items:center;gap:8px;display:flex}.reader-appearance-heading h2{margin:0;font-size:14px;font-weight:650}.reader-appearance .reader-appearance-reset{width:auto;min-height:44px;color:var(--settings-muted);gap:5px;padding:6px;font-size:12px}.reader-appearance-field{gap:5px;min-width:0;font-size:12px;display:grid}.reader-appearance output{color:var(--settings-accent);font-variant-numeric:tabular-nums}.reader-font-picker{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border:1px solid var(--settings-border);color:#243b34;background:#f5f7f1;border-radius:10px;min-width:0}.reader-font-picker>summary{cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;min-height:46px;padding:10px 12px;font-size:13px;list-style:none;display:flex}.reader-font-picker>summary::-webkit-details-marker{display:none}.reader-font-picker[open]>summary>svg{transform:rotate(180deg)}.reader-font-options{border:0;gap:4px;min-width:0;margin:0;padding:0 6px 6px;display:grid}.reader-font-options legend{color:#566b61;padding:2px 6px 8px;font-size:12px}.reader-font-option{cursor:pointer;border:1px solid #0000;border-radius:7px;align-items:flex-start;gap:9px;min-width:0;padding:10px 8px;display:flex}.reader-font-option:hover{background:#e7eee6}.reader-font-option:has(input:checked){background:#e0ecdf;border-color:#91b09c}.reader-font-option input{accent-color:#277563;flex:none;width:16px;height:16px;margin:2px 0 0}.reader-font-option-copy{overflow-wrap:anywhere;gap:2px;min-width:0;display:grid}.reader-font-option-name{font-size:12px;font-weight:650}.reader-font-option-description{color:#566b61;font-size:12px}.reader-font-option-sample{word-break:keep-all;margin-top:3px;font-size:20px;font-weight:400;line-height:1.5}.reader .reader-font-picker :focus-visible{outline-offset:2px;outline:2px solid #277563}.reader-font-preview{color:var(--settings-muted);overflow-wrap:anywhere;margin:4px 0 0;font-size:21px;font-weight:400;line-height:1.6}.reader-appearance input[type=range]{width:100%;height:32px;accent-color:var(--settings-accent);cursor:pointer;margin:0;padding:0;display:block}.reader-appearance input:disabled{opacity:.35;cursor:default}.reader-range-labels,.reader-appearance-note{color:var(--settings-muted);margin:0;font-size:12px;line-height:1.6}.reader-cinema .reader-stage{z-index:0;position:absolute;inset:0}.reader-cinema .reading-spread{width:100%;max-width:none;height:100%;min-height:0;box-shadow:none;background:0 0;border-radius:0;margin:0;animation:.4s ease-out reader-scene-in;display:block}.reader-cinema .reading-illustration{height:100%;min-height:0;position:absolute;inset:0;overflow:hidden}.reader-cinema .reading-illustration img,.reader-cinema .reading-video{object-fit:cover;object-position:center 65%;width:100%;height:100%}.reader .reading-text[hidden]{display:none}.reader-cinema.reader-night .reading-illustration img,.reader-cinema.reader-night .reading-video{filter:brightness(.65)}.reader .reader-controls{z-index:2;width:100%;padding:0 max(var(--reader-gutter), env(safe-area-inset-right,0px)) 0 max(var(--reader-gutter), env(safe-area-inset-left,0px));flex:none;grid-template-columns:84px minmax(0,1fr) 84px;align-items:center;gap:20px;margin:auto 0 0;display:grid;position:relative}.reader .reader-middle{flex-direction:column;gap:18px;min-width:0;max-width:none;display:flex}.reader-caption{overscroll-behavior:contain;color:#fff;text-align:center;word-break:keep-all;overflow-wrap:anywhere;white-space:pre-line;text-shadow:0 2px 8px #0006;scrollbar-width:thin;background:#080b0e73;border-radius:28px;width:100%;max-height:min(34dvh,330px);padding:20px 28px;font-weight:650;line-height:1.5;animation:.25s ease-out reader-caption-in;overflow-y:auto}.reader-progress{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;min-width:0;max-width:100%;display:flex}.reader .page-dots{flex-wrap:wrap;justify-content:center;gap:10px;min-width:0;max-width:100%}.reader .page-dots button{background:#ffffff60;flex-shrink:0}.reader .page-dots button.current{background:#fff}.reader .reader-position{color:#ffffffb3;font-variant-numeric:tabular-nums;font-size:12px}.reader .page-control{color:#fff;-webkit-backdrop-filter:blur(12px);background:#ffffff24;border:1px solid #fff6;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:84px;height:84px;margin-bottom:30px;font-size:13px;font-weight:600;transition:background .16s,transform .16s;display:flex}.reader .page-control svg{width:28px;height:28px}.reader .page-control:hover:not(:disabled){background:#ffffff40;transform:translate(3px)}.reader-cinema .page-control:disabled{visibility:hidden}.reader-cinema:has(.reading-video) .reader-controls{margin-bottom:48px}.reader .speech-message{z-index:2;color:#fff;flex:none;max-width:640px;min-height:0;margin:10px auto 0;padding:0 18px;font-size:12px;position:relative}.reader .speech-message:empty{display:none}.reader .reading-finished{z-index:2;flex:1;justify-content:center;max-width:760px;margin:0 auto;padding:24px;position:relative;overflow-y:auto}.reader .reading-finished>svg{color:#dfc594}.reader .reading-finished h1{font-family:var(--sans)}.reader .reading-finished blockquote{color:#f3e8d0;background:#ffffff12}.reader .reading-finished .finished-create{color:#f3e8d0}.reader.reader-book{color:#334b40;background:#eff0e6}.reader-book .reader-topbar{padding-top:max(16px, env(safe-area-inset-top,0px));padding-bottom:12px}.reader-book .reader-heading h1{text-shadow:none;font-size:21px}.reader.reader-book .reader-actions .icon-button,.reader-book .reader-settings>summary,.reader.reader-book .voice-button,.reader-book .reader-language,.reader.reader-book .page-control{color:#335748;background:#fff6;border-color:#b9c8b3}.reader-book .reader-settings-panel{--settings-muted:#65735d;--settings-border:#ccd7c4;--settings-accent:#246558;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#334b40;background:#fffffff5;border-color:#ccd7c4}.reader-book .reader-settings-panel button>span{color:#65735d}.reader-book :focus-visible{outline-color:#246558}.reader-book .reader-stage{min-width:0;min-height:180px;margin:0 var(--reader-gutter) 12px;flex:1 1 0;display:flex;position:relative}.reader-book .reading-spread{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;max-width:none;min-height:0;margin:0}.reader-book .reading-illustration{min-width:0;height:auto;min-height:0;overflow:hidden}.reader-book .reading-illustration img,.reader-book .reading-video{object-fit:contain}.reader-book .reading-text{overscroll-behavior:contain;justify-content:safe center;gap:20px;min-width:0;min-height:0;padding:24px clamp(24px,4vw,72px);overflow-y:auto}.reader-book .reading-text>p{flex-shrink:0;max-width:30em}.reader-book .page-number{flex-shrink:0;position:static}.reader-book .reading-bottom{grid-template-rows:minmax(0,3fr) minmax(0,2fr);grid-template-columns:minmax(0,1fr)}.reader-book .reading-full{grid-template-columns:minmax(0,1fr);align-items:end;display:grid}.reader-book .reading-full .reading-illustration{height:100%}.reader-book .reading-full .reading-illustration img,.reader-book .reading-full .reading-video{object-fit:cover}.reader-book .reading-full .reading-text{max-height:60%;margin:20px;padding:20px}.reader-book .reading-canvas{width:100%;min-width:0;max-width:none;min-height:0;margin:0}.reader-book .reading-canvas .canvas-container{max-width:none;height:100%;box-shadow:none;background:0 0;overflow:auto}.reader-book .reading-canvas .konvajs-content{margin:0 auto}.reader-book .canvas-loading{height:100%}.reader.reader-book .reader-controls{grid-template-columns:46px minmax(0,1fr) 46px;max-width:640px;margin:0 auto}.reader.reader-book .page-control{width:46px;height:46px;margin:0}.reader-book .page-control>span{display:none}.reader-book .page-dots button{background:#c5d0b8}.reader-book .page-dots button.current{background:#597447}.reader-book .reader-position,.reader-book .speech-message{color:#5e7157}.reader.reader-book.reader-night{color:#e1e8d9;background:#192b32}.reader-book .reading-finished blockquote{color:#546c4d;background:#faf7e9}.reader-book .reading-finished .finished-create{color:#246458}}@media screen and (max-width:1050px){.reader-language{display:none}.reader .reader-topbar{gap:16px}.reader .reader-controls{grid-template-columns:64px minmax(0,1fr) 64px;gap:12px}.reader .page-control{width:64px;height:64px}.reader-caption{border-radius:22px;padding:18px 22px}}@media screen and (orientation:portrait) and (max-width:1100px){.reader .reader-topbar{flex-wrap:wrap}.reader-heading{flex-basis:100%}.reader-actions{padding-top:0}.reader-cinema .reading-illustration img{object-position:center}.reader-book .reading-spread:not(.reading-full){grid-template-rows:minmax(0,3fr) minmax(0,2fr);grid-template-columns:minmax(0,1fr)}.reader-book .reading-text{border-top:1px solid #dddccb;border-left:0}}@media screen and (max-width:600px){.reader{--reader-gutter:16px}.reader .reader-topbar{padding-top:max(20px, env(safe-area-inset-top,0px));gap:14px}.reader-heading h1{font-size:24px}.reader-actions{gap:8px;width:100%}.reader .reader-actions .voice-button{margin-right:auto;padding:0 13px}.reader .reader-controls{grid-template-columns:48px minmax(0,1fr) 48px;gap:8px}.reader .reader-middle{display:contents}.reader-caption{border-radius:20px;grid-area:1/1/auto/-1;max-height:34dvh;padding:18px}.reader .page-control{grid-row:2;gap:0;width:48px;height:48px;margin:4px 0 0;font-size:12px}.reader .page-control svg{width:21px;height:21px}.reader .page-control:last-child{grid-column:3}.reader .reader-progress{grid-area:2/2;gap:10px}.reader .page-dots{gap:8px}.reader .reader-position{font-size:12px}.reader-settings-panel{max-height:50dvh}.reader-book .page-control,.reader-book .reader-progress{grid-row:1}.reader .reading-finished h1{font-size:23px}}@media screen and (max-height:600px) and (orientation:landscape){.reader{--reader-gutter:18px;padding-bottom:max(10px, env(safe-area-inset-bottom,0px))}.reader .reader-topbar{padding-top:max(12px, env(safe-area-inset-top,0px));gap:12px}.reader-heading h1{font-size:23px}.reader .voice-button>span{display:none}.reader .voice-button{width:44px;padding:0}.reader-caption{max-height:36dvh;padding:12px 18px}.reader .reader-middle{gap:12px}.reader .page-control{margin-bottom:24px}.reader-settings-panel{max-height:calc(100dvh - 90px)}}@keyframes reader-scene-in{0%{opacity:0}to{opacity:1}}@keyframes reader-caption-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.reader *,.reader :before,.reader :after{transition:none!important;animation:none!important}}@media screen{.reader-branching .reader-stage{outline:none}.reader-branching .reader-caption{text-align:left;font-weight:500;line-height:1.75}.reader-branching .reader-middle{flex-wrap:nowrap;gap:12px}.reader-options{border-bottom:1px solid var(--settings-border);margin-bottom:12px;padding:12px 8px 16px}.reader-options h2{margin:0 0 6px;font-size:14px}.reader-options p{color:var(--settings-muted);margin:4px 0 14px;font-size:12px;line-height:1.65}.reader-options p:last-child{margin-bottom:0}.reader-option{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:44px;font-size:13px;display:flex}.reader-option input{accent-color:#75c1a6;flex:0 0 20px;width:20px;height:20px}.reader-choosing .reader-stage{display:none}.reader.reader-choosing .reader-controls{flex:1 1 0;grid-template-rows:minmax(0,1fr) auto;max-width:none;min-height:0;margin:0;display:grid}.reader.reader-choosing .reader-middle{grid-area:1/1/auto/-1;justify-content:flex-start;align-items:stretch;height:100%;min-height:0;display:flex}.reader.reader-choosing .reader-controls>.page-control:first-child{grid-area:2/1;align-self:end;margin:0}.reader-choosing .reader-controls>.page-control:last-child,.reader-choosing .reader-progress{display:none}.reader-choice-panel{outline:none;flex-direction:column;flex:1;gap:16px;width:100%;min-width:0;min-height:0;display:flex}.choice-prompt{color:#fff1c9;text-shadow:0 2px 8px #0008;margin:0;font-size:18px;font-weight:700}.reader-choice-panel>.choice-prompt{text-align:center;font-size:clamp(20px,2vw,28px)}.reader-choice-scroll{flex:1;min-height:0}.reader-choice-scroll>.reader-scroll-viewport{flex:1 1 0}.reader-choice-scroll .reader-scroll-content{min-height:100%;display:flex}.story-choices{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,28px);min-height:0;padding:4px;display:grid}.story-choices[data-choice-count="3"],.story-choices[data-choice-count="4"]{grid-template-rows:repeat(2,minmax(160px,1fr))}.story-choice-select{color:#fff;text-align:left;word-break:keep-all;overflow-wrap:anywhere;background:#244e43;border:2px solid #ffffffb3;border-radius:28px;flex-direction:column;justify-content:flex-end;align-items:stretch;min-width:0;min-height:0;padding:0;transition:border-color .16s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 18px #0003}.story-choice-picture{position:absolute;inset:0}.story-choice-picture img{object-fit:cover;width:100%;height:100%}.story-choice-picture:after{content:"";background:linear-gradient(#071b1600 35%,#071b1633 60%,#071b16e6 100%);position:absolute;inset:0}.story-choice-number{z-index:1;color:#244e43;background:#fffaf0;border-radius:50%;place-items:center;width:48px;height:48px;font-size:25px;font-weight:750;display:grid;position:absolute;top:20px;left:20px;box-shadow:0 2px 12px #0003}.story-choice-label{z-index:1;text-shadow:0 2px 12px #0008;overscroll-behavior:contain;max-height:calc(100% - 56px);padding:32px 64px 32px 28px;font-size:clamp(24px,2.8vw,40px);font-weight:750;line-height:1.45;position:relative;overflow-y:auto}.story-choices[data-choice-count="3"] .story-choice-label,.story-choices[data-choice-count="4"] .story-choice-label{padding:18px 44px 18px 18px;font-size:clamp(18px,2.1vw,28px)}.story-choice-select>svg{z-index:1;width:28px;height:28px;position:absolute;bottom:42px;right:24px}.story-choice-select:hover{border-color:#eab952}.story-choice-select:focus-visible{outline-offset:-6px;outline:4px solid #eab952}.reader-book .choice-prompt{color:#49613e;text-shadow:none}.reader-book.reader-night .choice-prompt{color:#ebddb1}.reader-branching .finished-actions{flex-wrap:wrap;justify-content:center}.reader-preview-label{z-index:2;color:#fff;text-align:center;background:#31544b;flex-shrink:0;padding:8px 16px;font-size:12px;position:relative}}@media screen and (min-width:1200px){.story-choices[data-choice-count="3"]{grid-template-rows:minmax(160px,1fr);grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:600px){.reader.reader-branching .reader-middle{grid-area:1/1/auto/-1;display:flex}.reader-branching .reader-caption{padding:18px}.reader.reader-branching .page-control{grid-row:2}.reader-choice-panel{gap:12px}.story-choices{gap:10px}.story-choice-select{border-radius:20px}.story-choice-label{padding:18px 12px;font-size:clamp(20px,5.5vw,26px)}.story-choices[data-choice-count="3"] .story-choice-label,.story-choices[data-choice-count="4"] .story-choice-label{padding:12px;font-size:clamp(17px,4.6vw,22px)}.story-choice-number{width:36px;height:36px;font-size:20px;top:12px;left:12px}.story-choice-select>svg{display:none}}@media screen and (max-height:600px) and (orientation:landscape){.reader-choice-panel{gap:8px}.reader-choice-panel>.choice-prompt{font-size:18px}.story-choice-label{padding:18px 48px 18px 18px;font-size:22px}.story-choice-number{width:36px;height:36px;font-size:20px;top:12px;left:12px}.story-choice-select>svg{width:22px;height:22px;bottom:22px;right:16px}}@media screen{.reader .reader-scroll-area{flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.reader .reader-scroll-area[hidden]{display:none}.reader-scroll-viewport{overscroll-behavior-y:contain;scrollbar-width:none;border-radius:4px;flex:auto;width:100%;min-height:0;overflow:hidden auto}.reader-scroll-viewport::-webkit-scrollbar{display:none}.reader-scroll-content{width:100%;display:flow-root}.reader-scroll-area[data-more-below] .reader-scroll-viewport{-webkit-mask-image:linear-gradient(#000 calc(100% - 64px),#0000);mask-image:linear-gradient(#000 calc(100% - 64px),#0000)}.reader-scroll-rail{pointer-events:none;background:#ffffff30;border-radius:9px;width:5px;position:absolute;top:20px;bottom:20px;right:8px}.reader-scroll-rail>span{border-radius:inherit;background:#fffbdc;width:100%;position:absolute}.reader .reader-scroll-cue{color:#354a37;width:max-content;max-width:calc(100% - 24px);min-height:44px;font:700 14px/1.4 var(--sans);white-space:nowrap;cursor:pointer;background:#fff7dc;border:1px solid #ffffff6b;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 3px 16px #0003}.reader .reader-scroll-cue:hover{background:#fff}.reader .reader-scroll-cue:focus-visible{outline-offset:3px;outline:3px solid #e3bb59}.reader .reader-scroll-cue svg{flex-shrink:0;animation:1.6s ease-in-out 3 reader-scroll-nudge}.reader-book .reader-scroll-rail{background:#33574826}.reader-book .reader-scroll-rail>span{background:#527664}.reader-book .reading-text .reader-scroll-content{flex-direction:column;justify-content:safe center;align-items:center;gap:20px;min-height:100%;display:flex}.reader-book .reading-text .reader-scroll-content>p{width:100%;max-width:30em;font-family:var(--serif);word-break:keep-all;overflow-wrap:anywhere;white-space:pre-line;color:#425448;flex-shrink:0;font-weight:430;line-height:2}.reader-book.reader-night .reading-text .reader-scroll-content>p{color:#f3f3e6}.reader-book .reading-canvas .reader-scroll-area{overflow:hidden}@keyframes reader-scroll-nudge{0%,to{transform:translateY(-2px)}50%{transform:translateY(3px)}}}.subscriber-story-gate{max-width:980px;margin:0 auto;padding:40px 24px}.subscriber-story-gate-content{grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:center;gap:48px;min-height:75vh;display:grid}.subscriber-story-gate-content img{aspect-ratio:1;object-fit:cover;border-radius:20px;width:100%;height:auto}.subscriber-story-gate h1{overflow-wrap:anywhere;margin:12px 0 20px;font-size:clamp(28px,4vw,42px);line-height:1.35}.subscriber-story-gate p{line-height:1.9}.subscriber-story-gate-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.subscriber-story-gate-note{opacity:.7;font-size:13px}@media (max-width:640px){.subscriber-story-gate-content{grid-template-columns:minmax(0,1fr);gap:24px;min-height:auto;padding-top:28px}.subscriber-story-gate-content img{max-width:280px;margin:auto}.subscriber-story-gate-actions{flex-direction:column}}@media screen{.story-choice-option{flex-direction:column;gap:8px;min-width:0;min-height:0;display:flex}.story-choice-select{flex:1;width:100%}.story-choice-listen{color:#fff;background:#294e46;border:1px solid #ffffff70;border-radius:99px;justify-content:center;align-self:center;align-items:center;gap:8px;min-height:44px;padding:8px 18px;font-size:15px;display:flex}.story-choice-listen:focus-visible{outline-offset:2px;outline:3px solid #eab952}.reader{--reader-gutter:clamp(16px, 2.2vw, 32px);font-family:var(--sans);background:var(--teal-dark,#183b32)}.reader .reader-topbar{padding-top:max(16px, env(safe-area-inset-top,0px));align-items:center;gap:16px;padding-bottom:16px}.reader-heading h1{letter-spacing:-.035em;font-size:clamp(18px,1.65vw,24px);font-weight:700;line-height:1.4}.reader-actions{gap:8px;padding:0}.reader .reader-actions .icon-button,.reader-settings>summary,.reader .voice-button,.reader-language{background:#17372fe0;border-color:#ffffff4a;border-radius:14px}.reader .voice-button{font-size:14px}.reader .voice-button.playing{border-color:var(--butter,#f4d975);background:var(--butter,#f4d975);color:var(--ink,#214c40)}.reader-settings-panel{background:#18372ff7;border-radius:20px;width:352px;padding:12px}.reader-settings-panel button,.reader-font-picker>summary,.reader-option{font-size:14px}.reader-settings-panel button[aria-pressed=true]{background:#ffffff18}.reader-appearance input[type=range]{height:44px}.reader .page-control{background:#17372fd9;border-radius:24px}.reader .page-control:last-child:not(:disabled){background:var(--butter,#f4d975);color:var(--ink,#214c40);border-color:var(--butter,#f4d975)}.reader .page-control:last-child:hover:not(:disabled){background:#ffe49a}.reader-caption{border:1px solid #ffffff2b;border-radius:24px}.reader .reader-scroll-cue{background:var(--butter,#f4d975);color:var(--ink,#214c40)}.reader .reader-position{color:#fff9e4;font-size:12px}.reader .speech-message{font-size:12px}.reader.reader-book{background:var(--paper,#faf9f4);color:var(--ink,#214c40)}.reader-book .reader-topbar{border-bottom:1px solid var(--line,#dce1d5);margin-bottom:16px}.reader.reader-book .reader-actions .icon-button,.reader-book .reader-settings>summary,.reader.reader-book .voice-button,.reader-book .reader-language,.reader.reader-book .page-control{border-color:var(--line,#dce1d5);color:var(--ink,#214c40);background:#fffdf7}.reader-book .reader-actions button:hover,.reader-book .reader-exit:hover,.reader-book .reader-settings>summary:hover{background:var(--soft,#eef0e6)}.reader.reader-book .voice-button.playing,.reader.reader-book .page-control:last-child:not(:disabled){background:var(--butter,#f4d975);border-color:var(--butter,#f4d975)}.reader-book .reading-spread{border:1px solid var(--line,#dce1d5);border-radius:20px;box-shadow:0 12px 36px #214c400c}.reader-book .reader-settings-panel{border-color:var(--line,#dce1d5);background:#fffdf7}.reader-book .reader-settings-panel button[aria-pressed=true]{background:var(--soft,#eef0e6)}.reader-book .reader-position,.reader-book .speech-message{color:var(--muted,#61716a)}.reader-book .page-control{border-radius:14px}.reader.reader-book.reader-night{color:#f7f6e9;background:#142b25}.reader-book.reader-night .reader-topbar,.reader-book.reader-night .reading-spread{border-color:#ffffff26}.reader-book.reader-night .reader-position,.reader-book.reader-night .speech-message{color:#d9e3d8}.story-choice-select{border-radius:24px}.story-choice-number{background:var(--butter,#f4d975);color:var(--ink,#214c40);box-shadow:none}.story-choice-listen{background:#214e41;border-radius:14px}}@media screen and (max-width:600px){.reader .reader-topbar{padding-top:max(12px, env(safe-area-inset-top,0px));gap:10px;padding-bottom:12px}.reader-heading h1{-webkit-line-clamp:1;font-size:18px}.reader .reader-actions .voice-button{padding-inline:12px;font-size:13px}.reader .page-control{border-radius:16px;font-size:12px}.reader-book .reader-topbar{margin-bottom:12px}.reader-book .reading-text{padding:20px}.reader-caption,.story-choice-select{border-radius:20px}}@media screen and (max-height:600px) and (orientation:landscape){.reader .reader-topbar{padding-top:max(8px, env(safe-area-inset-top,0px));padding-bottom:8px}.reader-heading h1{font-size:18px}.reader-book .reader-topbar{margin-bottom:8px}}