:root{--felt:#b6c690;--felt-light:#c3d19f;--felt-deep:#a4b57e;--cream:#f8f1de;--ink:#24301f;--butter:#e7b843;--tomato:#c65a3e;--denim:#5e7fa0;--moss:#6e8c57;--blush:#ebb5a3;--oat:#e8d9b5;--red-thread:#b3261e;--red-text:#8e1f17;--line:#9daf7a;--secondary:#3c4a33;--tertiary:#44533a;--separator:#5c6b47;--eyebrow-paper:#7a5e1c;--eyebrow-felt:#503c10;--held:#4d6a3c;--labs:#c8d6a6;--denim-felt:#a9c1d6;--paper:#fbf8f2;--paper-ink:#1f1e1b;--paper-secondary:#56534b;--placeholder:#56653f;--sans:Gabarito, ui-sans-serif, system-ui, sans-serif;--serif:Literata, Georgia, serif;--r:22px;--r-sm:12px;--shadow:0 10px 24px #24301f24;--shadow-soft:0 6px 16px #24301f1a;--ease:cubic-bezier(.22, .8, .24, 1);--text-xs:11px;--text-caption:12px;--text-sm:13px;--text-label:14px;--text-control:15px;--text-body:16px;--text-lg:18px;--text-xl:20px;--text-title:24px;--text-section:28px;--text-display:clamp(30px, 5vw, 40px);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--control-height:44px;--page-gutter:clamp(20px, 4vw, 40px);--content-width:1120px;--reading-size:18px;--reading-leading:1.65}@font-face{font-family:Gabarito;src:url(/fonts/Gabarito-Regular.ttf);font-weight:400;font-display:swap}@font-face{font-family:Gabarito;src:url(/fonts/Gabarito-Medium.ttf);font-weight:500;font-display:swap}@font-face{font-family:Gabarito;src:url(/fonts/Gabarito-SemiBold.ttf);font-weight:600;font-display:swap}@font-face{font-family:Gabarito;src:url(/fonts/Gabarito-Bold.ttf);font-weight:700;font-display:swap}@font-face{font-family:Gabarito;src:url(/fonts/Gabarito-ExtraBold.ttf);font-weight:800;font-display:swap}@font-face{font-family:Gabarito;src:url(/fonts/Gabarito-Black.ttf);font-weight:900;font-display:swap}@font-face{font-family:Literata;src:url(/fonts/Literata-Regular.ttf);font-weight:400;font-display:swap}@font-face{font-family:Literata;src:url(/fonts/Literata-Medium.ttf);font-weight:500;font-display:swap}@font-face{font-family:Literata;src:url(/fonts/Literata-SemiBold.ttf);font-weight:600;font-display:swap}@font-face{font-family:Literata;src:url(/fonts/Literata-Italic.ttf);font-style:italic;font-display:swap}*{box-sizing:border-box}html,body,#root{height:100%}html{scroll-padding-block:calc(var(--topbar-height,76px) + 16px) 16px}body{background:var(--felt);color:var(--ink);font-family:var(--sans);font-size:var(--text-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,textarea{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:8px}::selection{background:var(--butter);color:var(--ink)}.eyebrow{font:700 11px/1.2 var(--sans);letter-spacing:1.6px;text-transform:uppercase;color:var(--eyebrow-felt)}.eyebrow.paper{color:var(--eyebrow-paper)}.display{font-family:var(--sans);letter-spacing:-.035em;overflow-wrap:anywhere;margin:0;font-weight:800;line-height:1.02}.serif{font-family:var(--serif)}.muted{color:var(--secondary)}.small{font-size:var(--text-sm)}.btn{min-height:46px;font-weight:700;font-size:var(--text-control);transition:transform .25s var(--ease), background .25s, box-shadow .25s;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;display:inline-flex}.btn.ink{background:var(--ink);color:var(--cream)}.btn.ink:hover{background:#34422c;transform:translateY(-1px)}.btn.soft{background:var(--felt-light);color:var(--ink);box-shadow:inset 0 0 0 1px #5c6b4759}.btn.soft:hover{background:#cdd9ab;transform:translateY(-1px)}.btn.cream{background:var(--cream);color:var(--ink);box-shadow:var(--shadow-soft)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default;transform:none}.link{text-underline-offset:4px;font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px}.chip{background:var(--felt-light);min-height:36px;font:600 13px var(--sans);border-radius:999px;align-items:center;gap:8px;padding:0 14px;transition:background .2s,color .2s;display:inline-flex}.chip.on{background:var(--ink);color:var(--cream)}.chip:hover:not(.on){background:#cdd9ab}.swatch{border-radius:3px;flex:none;width:10px;height:10px;display:inline-block}.card{background:var(--cream);border-radius:var(--r);box-shadow:var(--shadow-soft)}.stitched{position:relative}.stitched:after{content:"";border-radius:calc(var(--r) - 6px);pointer-events:none;border:1px dashed #24301f4d;position:absolute;inset:6px}.divider{background-image:linear-gradient(90deg, var(--separator) 55%, transparent 0);opacity:.8;background-size:11px 2px;height:2px}.field{background:var(--cream);border:1px solid var(--separator);border-radius:16px;outline:none;width:100%;padding:14px 18px;transition:border-color .2s,box-shadow .2s}.field:focus{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.field::placeholder{color:var(--placeholder)}.page{max-width:1312px;margin:0 auto;padding:28px 64px 80px}.fade-in{animation:fadeIn .6s var(--ease) both}@keyframes fadeIn{0%{transform:translateY(6px)}to{transform:none}}.scroll-x{scrollbar-width:none;gap:10px;display:flex;overflow-x:auto}.scroll-x::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:.01ms!important}}@media (width<=1100px){.page{padding:24px 32px 64px}}.row{align-items:center;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.tabular{font-variant-numeric:tabular-nums}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lede{font-size:var(--text-lg);color:var(--secondary);max-width:34em;margin:18px 0 0;font-weight:500;line-height:1.55}.quiet-link{font-weight:600;font-size:var(--text-control);color:var(--secondary);border-bottom:1.5px solid #24301f4d;padding:10px 0 6px;transition:color .2s,border-color .2s}.quiet-link:hover{color:var(--ink);border-color:var(--ink)}.link:disabled{opacity:.5;cursor:default}.btn.small-btn{min-height:40px;font-size:var(--text-label);padding:0 16px}.butter-btn{background:var(--butter);color:var(--ink);box-shadow:inset 0 0 0 1px #24301f1f}.butter-btn:hover{background:#edc459;transform:translateY(-1px)}.icon-btn{background:var(--felt-light);border-radius:999px;place-items:center;width:40px;height:40px;display:grid;box-shadow:inset 0 0 0 1px #5c6b4759}.icon-btn:hover{background:#cdd9ab}.dot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 .5px #24301f4d}.skip{z-index:100;background:var(--ink);color:var(--cream);border-radius:10px;max-width:calc(100% - 32px);padding:10px 16px;font-weight:700;position:fixed;top:12px;left:16px;transform:translateY(calc(-100% - 24px))}.skip:focus{transform:none}main:focus{outline:none}.empty{text-align:center;overflow-wrap:anywhere;grid-template-columns:minmax(0,1fr);justify-items:center;gap:14px;width:100%;min-width:0;max-width:560px;margin:12vh auto 0;display:grid}.paper-muted{color:var(--paper-secondary)}mark{color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#e7b8438c;border-radius:3px;padding:0 2px}.held-text{color:var(--held);font-weight:600}.app{flex-direction:column;min-height:100%;display:flex}.topbar{z-index:20;background:var(--felt);border-bottom:1px solid #5c6b4740;grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr);align-items:center;column-gap:clamp(12px,2vw,28px);min-height:76px;padding:12px clamp(16px,3vw,40px);display:grid;position:sticky;top:0}.wordmark{border-radius:12px;padding:6px 4px;text-decoration:none}.topbar>.wordmark{justify-self:start}.desktop-places{justify-self:center;min-width:0;margin:0}.topbar nav ul{flex-wrap:nowrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.place{min-height:44px;font-weight:600;font-size:var(--text-control);color:var(--secondary);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:12px 14px 14px;text-decoration:none;transition:color .2s,background .2s;display:inline-flex;position:relative}.place:hover{color:var(--ink);background:#c3d19fb3}.place.on{color:var(--ink);font-weight:800}.place[aria-disabled]{opacity:.55}.place-stitch{height:4px;position:absolute;bottom:2px;left:14px;right:14px}.place-stitch .stitch{width:100%}.stitch{display:block}.search-pill{background:var(--cream);min-height:44px;color:var(--secondary);font-weight:600;font-size:var(--text-label);transition:box-shadow .2s, transform .25s var(--ease);border-radius:999px;align-items:center;gap:10px;padding:10px 8px 10px 16px;display:inline-flex;box-shadow:inset 0 0 0 1px #5c6b4759}.search-pill:hover{box-shadow:inset 0 0 0 1px var(--ink);color:var(--ink)}.search-pill svg,.search-pill kbd{flex:none}.search-pill span{overflow-wrap:anywhere;min-width:0}kbd{font:700 11px var(--sans);background:var(--felt-light);color:var(--ink);letter-spacing:.02em;border-radius:8px;padding:5px 8px}main{flex:1}.scene-canvas{width:100%;height:100%;display:block}.welcome{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:56px;width:100%;min-height:calc(100vh - 76px);padding-top:12px;padding-bottom:40px;display:grid}.welcome-art{aspect-ratio:1559/1147;width:100%}.welcome-words{overflow-wrap:anywhere;min-width:0;max-width:540px}.welcome .chip{overflow-wrap:anywhere;text-align:start;min-width:0;max-width:100%;padding-block:8px}.welcome-actions{flex-wrap:wrap}.welcome .btn,.welcome .link,.empty .btn{white-space:normal;overflow-wrap:anywhere;max-width:100%}.welcome .btn,.empty .btn{padding-block:12px}.intention{border-color:var(--line);border-radius:18px;margin-top:12px;padding:16px 20px;font-size:21px}.home{grid-template-columns:minmax(330px,410px) minmax(0,1fr);align-items:center;gap:24px;max-width:1440px;min-height:calc(100vh - 76px);margin:0 auto;padding:28px 64px;display:grid;position:relative}.home-bleed{background:radial-gradient(520px at max(270px,50% - 450px) 200px,#ffe2a061,#ffe2a000);min-height:calc(100vh - 76px)}.home-words{padding-bottom:40px;position:relative}.home-title{letter-spacing:-.045em;margin-top:14px;font-size:clamp(40px,3.6vw,52px)}.home-sub{font-size:var(--text-lg);color:var(--secondary);margin:16px 0 0;font-weight:500}.home-book{font-size:var(--text-control);margin-top:34px}.home-scene{justify-self:end;width:min(100%,900px,108.96vh - 152.544px);position:relative}.progress{vertical-align:middle;background:#24301f1f;border-radius:3px;height:3px;display:inline-block;overflow:hidden}.progress>span{background:var(--ink);border-radius:3px;height:100%;display:block}.nook{aspect-ratio:900/826;width:100%;position:relative}.nook>*{position:absolute}.nook-frame{box-shadow:0 2.4% 5% #24301f52, 0 20px 44px #24301f47;background:#8a6a44;border-radius:50% 50% 4.4% 4.4%/59.5% 59.5% 5.2% 5.2%}.nook-glass{background:#1e2733;border-radius:50% 50% 2.2% 2.2%/60.4% 60.4% 2.6% 2.6%;overflow:hidden}.nook-wood{pointer-events:none;background:#8a6a44}.nook-room{pointer-events:none;-webkit-user-select:none;user-select:none}.patch{text-align:left;width:100%;height:100%;box-shadow:0 2px 0 #24301f1f, var(--shadow-soft);transition:transform .45s var(--ease), box-shadow .45s var(--ease);border-radius:18px;flex-direction:column;justify-content:space-between;padding:20px 20px 18px;display:flex;position:relative}.patch:after{content:"";opacity:.38;pointer-events:none;border:1.5px dashed;border-radius:12px;position:absolute;inset:7px}.patch:before{content:"";border-radius:inherit;pointer-events:none;opacity:.5;background-image:radial-gradient(#ffffff12 1px,#0000 1.2px);background-size:3px 3px;position:absolute;inset:0}button.patch:hover{transform:translateY(-3px);box-shadow:0 2px #24301f1f,0 16px 30px #24301f33}button.patch:active{transform:translateY(-1px)scale(.99)}.patch-title{letter-spacing:-.02em;font-size:19px;font-weight:800;line-height:1.12;position:relative}.patch-l .patch-title{font-size:27px}.patch-meta{font-size:var(--text-sm);font-weight:600;position:relative}.patch-s{border-radius:12px;flex:none;width:64px;height:84px;padding:0}.patch-s:after{border-radius:8px;inset:5px}.patch-s .patch-title{display:none}.book-head .patch-m{flex:none;width:108px;height:140px}.book-head .patch-m .patch-title{font-size:var(--text-sm)}.library{grid-template-columns:220px minmax(0,1fr);gap:56px;display:grid}.shelf-index{align-self:start;position:sticky;top:104px}.shelf-index ul{gap:2px;margin:14px 0 0;padding:0;list-style:none;display:grid}.shelf-index a{min-height:44px;color:var(--secondary);border-radius:12px;justify-content:space-between;align-items:center;padding:0 14px;font-weight:600;text-decoration:none;display:flex}.shelf-index a:hover{background:var(--felt-light);color:var(--ink)}.shelf-index a[aria-current]{background:var(--ink);color:var(--cream)}.shelf-index .count{font-variant-numeric:tabular-nums;font-size:var(--text-sm);opacity:.8}.library-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.find{background:var(--cream);width:280px;height:46px;color:var(--secondary);border-radius:999px;align-items:center;gap:10px;padding:0 18px;display:flex;box-shadow:inset 0 0 0 1px #5c6b4773}.find:focus-within{box-shadow:inset 0 0 0 1.5px var(--ink)}.find input{width:100%;font-size:var(--text-control);background:0 0;border:0;outline:none}.find input::placeholder{color:var(--placeholder)}.needle{margin-bottom:34px}.needle-row{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:14px;display:grid}.needle-card{text-align:left;transition:transform .4s var(--ease), box-shadow .4s;align-items:center;gap:16px;padding:14px;display:flex}.needle-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.needle-text{gap:6px;min-width:0;display:grid}.needle-text strong{font-size:var(--text-body);line-height:1.2}.quilt{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-auto-rows:150px;grid-auto-flow:dense;gap:16px;display:grid}.quilt-cell.big{grid-area:span 2/span 2}.quilt-cell.wide{grid-column:span 2}.scrim{z-index:50;animation:scrimIn .4s var(--ease) both;background:#24301f61;padding:40px 20px;display:grid;position:fixed;inset:0;overflow:auto}@keyframes scrimIn{0%{opacity:0}}.modal{width:100%;animation:modalIn .55s var(--ease) both;border-radius:26px;margin:auto;padding:40px 44px;position:relative;box-shadow:0 30px 80px #24301f59}.modal.cream{background:var(--cream)}.modal.butter{background:var(--butter)}.modal:after{content:"";pointer-events:none;border:1.5px dashed #24301f47;border-radius:20px;position:absolute;inset:8px}@keyframes modalIn{0%{opacity:0;transform:translateY(14px)scale(.985)}}.sewn-thread{height:6px;margin:26px 0 14px;position:relative}.sewn-thread svg{position:absolute;inset:0}.sewn-thread-red{transition:clip-path .6s var(--ease)}.sewn-near{gap:12px;margin:20px 0 0;padding:0;list-style:none;display:grid}.sewn-near li{grid-template-columns:auto 1fr auto;align-items:center;gap:0;display:grid}.sewn-near .patch-s{width:44px;height:56px}.sewn-join{background-image:linear-gradient(90deg, var(--red-thread) 60%, transparent 0);height:2px;animation:sew 1.2s var(--ease) both;background-repeat:repeat-x;background-size:12px 2.4px;place-items:center;margin:0 -4px;display:grid;position:relative}@keyframes sew{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.sewn-term{background:var(--cream);font-weight:700;font-size:var(--text-sm);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;padding:4px 12px;transform:translateY(-1px)}.chip-field{width:180px;height:36px;font-size:var(--text-sm);border-radius:999px;padding:0 14px}.dropzone{z-index:60;pointer-events:none;background:#b6c690db;place-items:center;animation:.25s both scrimIn;display:grid;position:fixed;inset:0}.dropzone-card{background:var(--cream);text-align:center;box-shadow:var(--shadow);border-radius:28px;gap:10px;padding:54px 70px;display:grid}.crumbs{font-weight:600;font-size:var(--text-label);color:var(--secondary);gap:10px;margin-bottom:22px;display:flex}.crumbs a{text-decoration:none}.crumbs a:hover{text-underline-offset:3px;text-decoration:underline}.book-head{align-items:center;gap:28px;margin-bottom:40px;display:flex}.book-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:48px;display:grid}.chapter-strip{gap:6px;height:54px;margin:14px 0 18px;display:flex}.chapter{background:var(--felt-light);min-width:34px;transition:transform .3s var(--ease), box-shadow .3s;border-radius:12px;flex-basis:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #5c6b4759}.chapter:hover{transform:translateY(-2px)}.chapter.on{box-shadow:inset 0 0 0 2px var(--ink)}.chapter-fill{background:var(--moss);opacity:.85;position:absolute;inset:0 auto 0 0}.chapter-n{font-weight:800;font-size:var(--text-sm);position:relative}.chapter-fill+.chapter-n{color:var(--ink)}.chapter-card{padding:30px 32px}.sections{margin:18px 0 0;padding:0;list-style:none;display:grid}.sections a{border-bottom:1px dashed #24301f33;justify-content:space-between;gap:16px;padding:12px 0;font-weight:600;text-decoration:none;display:flex}.sections a:hover span:first-child{text-underline-offset:3px;text-decoration:underline}.book-side{gap:30px;display:grid}.side-card{padding:26px}.left-off{color:var(--paper-ink);margin:12px 0 0;font-size:17px;line-height:1.55}.side-block ul{gap:6px;margin:10px 0;padding:0;list-style:none;display:grid}.side-block a{text-underline-offset:3px;font-weight:600}.reader{max-width:1480px;margin:0 auto;padding:18px 32px 0}.reader-bar{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-bottom:18px;display:grid}.reader-bar>:last-child{justify-self:end}.reader-back{align-items:center;gap:8px;max-width:360px;min-height:44px;padding-right:10px;font-weight:700;text-decoration:none;display:inline-flex}.reader-back span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.segmented{background:var(--felt-light);border-radius:999px;flex-wrap:wrap;max-width:100%;padding:4px;display:inline-flex;box-shadow:inset 0 0 0 1px #5c6b4759}.segmented button{max-width:100%;min-height:36px;font-weight:700;font-size:var(--text-sm);color:var(--secondary);overflow-wrap:anywhere;transition:background .3s var(--ease), color .3s;border-radius:999px;padding:8px 16px}.segmented button.on{background:var(--ink);color:var(--cream)}.segmented.on-paper{background:#efe6cc}.voice-notice{background:var(--cream);width:fit-content;max-width:520px;font-size:var(--text-label);box-shadow:var(--shadow-soft);border-radius:14px;margin:-6px 0 16px auto;padding:10px 16px;font-weight:500}.reader-grid{grid-template-columns:230px minmax(0,1fr) 290px;align-items:start;gap:32px;display:grid}.rail{scrollbar-width:thin;max-height:calc(100vh - 190px);padding-right:6px;position:sticky;top:96px;overflow:auto}.rail ol{margin:12px 0 0;padding:0;list-style:none}.rail a{font-size:var(--text-label);color:var(--secondary);border-radius:10px;justify-content:space-between;gap:10px;padding:8px 10px;font-weight:600;line-height:1.3;text-decoration:none;display:flex}.rail .depth-1 a{font-weight:500;font-size:var(--text-sm);padding-left:22px}.rail .depth-2 a{font-weight:500;font-size:var(--text-sm);padding-left:34px}.rail a:hover{background:var(--felt-light);color:var(--ink)}.rail a[aria-current]{background:var(--cream);color:var(--ink);box-shadow:inset 3px 0 0 var(--red-thread)}.reader-paper{background:var(--paper);color:var(--paper-ink);border-radius:6px;justify-self:center;width:100%;max-width:820px;min-height:70vh;padding:56px 72px 72px;position:relative;box-shadow:0 1px #24301f14,0 18px 40px #24301f29}.page-eyebrow{margin-bottom:26px}.prose{font-family:var(--serif);font-size:19px;line-height:1.7}.prose p{-webkit-hyphens:auto;hyphens:auto;text-wrap:pretty;margin:0 0 1.05em}.prose h2{font-family:var(--sans);letter-spacing:-.025em;font-weight:800;font-size:var(--text-section);color:var(--ink);margin:1.2em 0 .5em;line-height:1.15}.prose h2:first-child{margin-top:0}.prose ::selection{background:#e7b843a6}.original-page{border-radius:4px;max-width:100%;margin:0 auto;display:block;box-shadow:0 0 0 1px #24301f1a}.paper-loading{gap:14px;display:grid}.paper-loading i{background:#efe8d8;border-radius:7px;height:14px;animation:1.8s ease-in-out infinite breathe;display:block}.paper-loading i:nth-child(2){width:86%;animation-delay:.2s}.paper-loading i:nth-child(3){width:64%;animation-delay:.4s}@keyframes breathe{50%{opacity:.45}}.selection-menu{background:var(--ink);box-shadow:var(--shadow);z-index:5;animation:fadeIn .3s var(--ease) both;border-radius:999px;gap:2px;padding:4px;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 10px))}.selection-menu button{color:var(--cream);font-weight:700;font-size:var(--text-sm);white-space:nowrap;border-radius:999px;padding:9px 14px}.selection-menu button:hover{background:#f8f1de24}.margin{position:sticky;top:96px}.margin blockquote{color:var(--ink);margin:10px 0 8px;font-size:14.5px;font-style:italic;line-height:1.55}.margin-note{border-left:2.5px solid var(--red-thread);margin-top:14px;padding:12px 0 10px 14px}.margin-note p{margin:0 0 6px;font-size:14.5px;font-weight:500}.note-draft{margin-top:12px;padding:16px}.note-draft textarea{font-size:var(--text-control);resize:vertical;padding:10px 12px}.menu{z-index:30;min-width:240px;animation:fadeIn .3s var(--ease) both;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.menu button{text-align:left;font-size:var(--text-label);border-radius:10px;justify-content:space-between;align-items:baseline;gap:18px;padding:10px 12px;display:flex}.menu button:hover{background:#efe6cc}.menu button.on{background:var(--ink);color:var(--cream)}.menu button.on .muted{color:#dcd3bc}.explain-gist{margin-top:16px;font-size:19px;line-height:1.6}.terms{gap:10px;margin:10px 0 0;display:grid}.terms div{background:#f8f1de8c;border-radius:14px;padding:12px 16px}.terms dt{font-weight:800}.terms dd{font-size:var(--text-label);color:#3a3014;margin:4px 0 0;line-height:1.5}.original{font-size:var(--text-control);background:#f8f1de99;border-radius:14px;max-height:220px;margin:12px 0 0;padding:14px 18px;line-height:1.55;overflow:auto}.explain-note{color:#4a3a10;margin-top:18px;font-weight:500}.words-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:56px;display:grid}.words-globe{position:sticky;top:100px}.globe{cursor:grab}.globe-caption{text-align:center;color:var(--secondary);margin:6px 0 0;font-weight:600}.listening{margin:24px 0 16px;padding:18px 22px}.listening ol{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.listening li{color:var(--paper-secondary);align-items:center;gap:12px;font-weight:600;display:flex}.idea-dot{border:1.5px dashed var(--separator);border-radius:50%;flex:none;width:12px;height:12px;transition:background .6s,border-color .6s}.listening li.across{color:var(--ink)}.listening li.across .idea-dot{background:var(--butter);border:1.5px solid #b88a1a;box-shadow:0 0 0 4px #e7b84340}.listening li.loose .idea-dot{border-color:var(--tomato)}.explanation{font-size:var(--text-lg);resize:vertical;min-height:180px;line-height:1.6}.from-source{margin-top:24px}.from-source blockquote,.peek{background:var(--paper);font-size:var(--text-body);border-left:3px solid var(--tomato);border-radius:14px;margin:10px 0;padding:14px 18px;line-height:1.6}.peek{border-left-color:var(--line);white-space:pre-wrap;max-height:320px;margin-top:18px;overflow:auto}.study-sentence{max-width:1100px;margin-top:14px;font-size:clamp(38px,4vw,58px);line-height:1.32}.choice{display:inline-block;position:relative}.choice-patch{background:var(--cream);font:inherit;letter-spacing:inherit;box-shadow:0 2px 0 #24301f1f, var(--shadow-soft);transition:transform .35s var(--ease);border-radius:18px;align-items:center;gap:10px;margin:4px 0;padding:2px 18px 6px;display:inline-flex;position:relative}.choice-patch:after{content:"";pointer-events:none;border:1.5px dashed #24301f40;border-radius:13px;position:absolute;inset:5px}.choice-patch:hover{transform:translateY(-2px)}.choice-patch svg{opacity:.55}.choice-menu{font-size:var(--text-body);letter-spacing:0;min-width:260px;max-height:340px;font-weight:600;line-height:1.3;left:0;right:auto;overflow:auto}.study-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:40px;margin-top:44px;display:grid}.study-next{padding:30px 32px}.study-next ol{gap:14px;margin:16px 0 0;padding:0;list-style:none;display:grid}.study-next li{align-items:baseline;gap:14px;font-size:17px;line-height:1.5;display:flex}.step-n{background:var(--felt-light);width:28px;height:28px;font-weight:800;font-size:var(--text-sm);border-radius:50%;flex:none;place-items:center;display:inline-grid;transform:translateY(4px)}.memory-list{gap:10px;margin:12px 0;padding:0;font-weight:600;list-style:none;display:grid}.memory-list li{align-items:center;gap:10px;display:flex}.session-dots{gap:6px;margin:14px 0 22px;display:flex}.session-dots span{background:#24301f26;border-radius:3px;width:26px;height:6px;transition:background .4s}.session-dots .done{background:var(--moss)}.session-dots .on{background:var(--ink)}.recall{max-width:860px;padding:40px 44px}.recall-prompt{font-size:var(--text-title);color:var(--paper-ink);margin:16px 0 0;line-height:1.55}.blank{border-bottom:2.5px solid var(--red-thread);text-align:center;min-width:4em;padding:0 6px;font-weight:600;display:inline-block}.session-end{text-align:left}.notebook{filter:drop-shadow(0 22px 34px #24301f38);grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);max-width:1180px;margin:0 auto;display:grid}.notebook-page{overflow-wrap:anywhere;background:var(--paper);min-width:0;min-height:640px;color:var(--paper-ink);padding:48px 52px 56px}.notebook-page.left{background:linear-gradient(90deg, var(--paper) 88%, #f1ebdd);border-radius:22px 4px 4px 22px}.notebook-page.right{background:linear-gradient(270deg, var(--paper) 88%, #f1ebdd);border-radius:4px 22px 22px 4px}.notebook-spine{background:linear-gradient(90deg,#e5dcc6,#d6ccb2 50%,#e5dcc6)}.notebook-h{margin:30px 0 4px}.entry{border-bottom:1px dashed #1f1e1b2e;padding:16px 0 18px}.entry-place{color:var(--paper-secondary);align-items:center;gap:8px;margin:0;font-weight:700;display:flex}.entry blockquote{margin:10px 0 8px;font-size:17px;font-style:italic;line-height:1.55}.entry-note{margin:0 0 8px;font-weight:500}.concepts{margin:14px 0 30px;padding:4px 2px}.concepts .chip{white-space:nowrap;text-decoration:none}.idea-sentence{max-width:1050px;font-size:clamp(40px,4.4vw,64px);line-height:1.12}.idea-word{background:var(--butter);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.18em;padding:0 .18em}.idea-sentence em{font-family:var(--serif);letter-spacing:-.01em;font-weight:500}.passages{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;margin-top:14px;display:grid}.passage{flex-direction:column;gap:4px;padding:24px 26px;display:flex}.passage blockquote{color:var(--paper-ink);flex:1;margin:10px 0 14px;font-size:16.5px;line-height:1.6}.trails{grid-template-columns:250px minmax(0,1fr);gap:56px;display:grid}.trail-list ul{gap:6px;margin:14px 0 0;padding:0;list-style:none;display:grid}.trail-list a{border-radius:14px;gap:4px;padding:12px 14px;text-decoration:none;display:grid}.trail-list a:hover{background:var(--felt-light)}.trail-list a[aria-current]{background:var(--cream);box-shadow:inset 3px 0 0 var(--red-thread), var(--shadow-soft)}.walk-map{width:100%;margin:26px 0 10px;position:relative}.walk-thread{width:100%;height:100%;position:absolute;inset:0}.walk-map ol{margin:0;padding:0;list-style:none}.stop{width:22%;position:absolute;transform:translate(-50%,-50%)}.stop-patch{box-shadow:0 2px 0 #24301f1f, var(--shadow-soft);transition:transform .45s var(--ease);border-radius:16px;gap:4px;padding:16px 18px;text-decoration:none;display:grid;position:relative}.stop-patch:after{content:"";opacity:.35;pointer-events:none;border:1.5px dashed;border-radius:11px;position:absolute;inset:6px}.stop-patch:hover{transform:translateY(-3px)}.stop.walked .stop-patch{opacity:.8}.stop.here .stop-patch{outline:3px solid var(--ink);outline-offset:4px}.stop-n{font-size:var(--text-xs);letter-spacing:1.4px;text-transform:uppercase;font-weight:800}.stop-title{font-weight:800;font-size:var(--text-body);line-height:1.2}.stop-page{font-size:var(--text-sm);font-weight:600}.walk-foot{max-width:720px;padding:24px 28px}.search-scrim{place-items:start center;padding-top:10vh}.search{background:var(--cream);width:min(760px,100%);animation:modalIn .45s var(--ease) both;border-radius:26px;overflow:hidden;box-shadow:0 30px 80px #24301f59}.search-field{border-bottom:1px solid #5c6b4740;align-items:center;gap:14px;height:74px;padding:0 22px;display:flex}.search-field input{font:600 22px var(--sans);letter-spacing:-.01em;background:0 0;border:0;outline:none;flex:1}.search-field input::placeholder{color:var(--placeholder)}.search-close{width:36px;height:36px;color:var(--secondary);border-radius:50%;flex:none;place-items:center;transition:background .2s,color .2s;display:grid}.search-close:hover{color:var(--ink);background:#efe6cc}.search-results{max-height:62vh;padding:18px 22px 22px;overflow:auto}.search-hint{margin:6px 0 4px}.best{text-align:left;background:var(--paper);border-radius:18px;gap:10px;width:100%;margin-top:10px;padding:20px 22px;display:grid;box-shadow:inset 0 0 0 1px #24301f1a}.best-quote{font-size:19px;line-height:1.55}.best.active{box-shadow:inset 0 0 0 2px var(--ink)}.result{text-align:left;width:100%;font-size:var(--text-control);border-radius:14px;gap:6px;padding:14px 16px;line-height:1.5;display:grid}.result.active{background:#efe6cc}.result-place{color:var(--paper-secondary);align-items:center;gap:8px;font-weight:700;display:flex}.return-hint{font-size:var(--text-caption);color:var(--paper-secondary);opacity:.8;margin-left:auto;font-weight:700}@media (width<=1240px){.reader-grid{grid-template-columns:200px minmax(0,1fr) 250px;gap:22px}.reader-paper{padding:44px 48px 60px}}@media (width<=1100px){.topbar nav ul{justify-content:center;gap:0}.place{font-size:var(--text-label);padding:12px 9px 8px}.search-pill span,.search-pill kbd{display:none}.search-pill{justify-content:center;width:44px;height:44px;padding:0}.words-grid,.book-grid,.study-grid{grid-template-columns:1fr}.home{grid-template-columns:minmax(280px,340px) minmax(0,1fr);padding:28px 32px}.welcome{gap:32px}.words-globe{max-width:640px;position:static}.library,.trails{grid-template-columns:1fr;gap:28px}.shelf-index{position:static}.reader-grid{grid-template-columns:minmax(0,1fr)}.rail,.margin{max-height:none;position:static}.rail{order:2}.margin{order:3}.notebook{grid-template-columns:minmax(0,1fr)}.notebook-spine{display:none}.notebook-page.left,.notebook-page.right{border-radius:22px;min-height:0}.notebook-page.right{margin-top:12px}}@media (width<=900px){.home,.welcome{grid-template-columns:1fr}.home-scene{justify-self:center;width:100%;max-width:720px}.welcome-art{justify-self:center;max-width:560px}}@media (width<=720px){.topbar nav{display:none}.page{padding:20px 16px 56px}.reader{padding:12px 16px 0}.reader-paper{padding:32px 22px 44px}.reader-bar{grid-template-columns:1fr}.modal{padding:30px 24px}.stop{width:30%}.library-head{flex-direction:column;align-items:flex-start}}.prose-wrap{position:relative}.read-bands{pointer-events:none;z-index:0;position:absolute;inset:0}.read-band{opacity:0;will-change:transform, width;background:#f4e4b6;border-radius:7px;transition:transform .5s cubic-bezier(.3,.7,.2,1),width .5s cubic-bezier(.3,.7,.2,1),height .5s cubic-bezier(.3,.7,.2,1),opacity .4s;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1px #b88a1a24}.prose-wrap .prose{z-index:1;position:relative}.prose.reading .s{cursor:pointer}.prose.reading .s:hover{text-underline-offset:4px;-webkit-text-decoration:underline #1f1e1b40;text-decoration:underline #1f1e1b40;text-decoration-thickness:1px}.prose .s.marked{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#e7b84347;border-radius:4px;transition:background .8s;box-shadow:0 0 0 3px #e7b84347}@media (prefers-reduced-motion:reduce){.read-band{transition:opacity .2s}}.reader-foot{z-index:20;background:linear-gradient(#b6c69000, var(--felt) 40%);pointer-events:none;justify-content:center;margin-top:20px;padding:18px 0;display:flex;position:sticky;bottom:0}.dock{pointer-events:auto;background:var(--ink);width:min(980px,100%);color:var(--cream);border-radius:22px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;padding:10px 12px 10px 10px;display:grid;position:relative;box-shadow:0 18px 40px #24301f47,0 2px 6px #24301f33}.dock-line{background:0 0;border-radius:2px;height:2px;transition:background .4s;position:absolute;top:0;left:22px;right:22px;overflow:hidden}.dock.active .dock-line{background:#f8f1de24}.dock-line-fill{background:var(--butter);transform-origin:0;height:100%;transition:transform .25s linear;display:block;transform:scaleX(0)}.dock-voice{min-width:0;position:relative}.dock-chip{text-align:left;border-radius:14px;align-items:center;gap:12px;max-width:100%;padding:4px 10px 4px 4px;transition:background .2s;display:flex}.dock-chip:hover,.dock-chip[aria-expanded=true]{background:#f8f1de14}.dock-avatar{background:var(--butter);width:40px;height:40px;color:var(--ink);font-weight:900;font-size:var(--text-lg);border-radius:12px;flex:none;place-items:center;display:grid}.dock-who{min-width:0;line-height:1.3;display:grid}.dock-who strong{font-size:var(--text-label);align-items:center;gap:6px;display:inline-flex}.dock-who strong svg{opacity:.6}.dock-who span{color:#c9cfbe;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.dock-menu{min-width:260px;color:var(--ink);animation:fadeIn .3s var(--ease) both;padding:6px;display:grid;position:absolute;bottom:calc(100% + 12px);left:0}.dock-menu button{text-align:left;font-size:var(--text-label);border-radius:10px;justify-content:space-between;align-items:baseline;gap:18px;padding:10px 12px;display:flex}.dock-menu button:hover{background:#efe6cc}.dock-menu button.on{background:var(--ink);color:var(--cream)}.dock-menu button.on .muted{color:#dcd3bc}.dock-controls{align-items:center;gap:12px;display:flex}.dock-btn{color:#dce2d0;border-radius:50%;place-items:center;width:38px;height:38px;transition:color .2s,background .2s,opacity .3s;display:grid}.dock-btn:hover:not(:disabled){color:var(--cream);background:#f8f1de1a}.dock-btn:disabled{opacity:.3;cursor:default}.dock-play{background:var(--cream);width:48px;height:48px;color:var(--ink);transition:transform .25s var(--ease), opacity .3s;border-radius:50%;place-items:center;display:grid}.dock-play:hover:not(:disabled){transform:scale(1.05)}.dock-play:disabled{opacity:.4;cursor:default}.dock-spin{border:2.2px solid #24301f40;border-top-color:var(--ink);border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dock-pages{justify-content:flex-end;align-items:center;gap:6px;display:flex}.dock-speed{min-width:50px;height:32px;font-weight:800;font-size:var(--text-sm);color:var(--cream);font-variant-numeric:tabular-nums;border-radius:999px;box-shadow:inset 0 0 0 1.5px #f8f1de47}.dock-speed:hover{box-shadow:inset 0 0 0 1.5px var(--cream)}.dock-sep{background:#f8f1de29;width:1px;height:24px;margin:0 6px}.dock-range{font-weight:700;font-size:var(--text-sm);color:#dce2d0;align-items:center;gap:10px;display:flex}.dock-range input{appearance:none;background:linear-gradient(90deg, var(--cream) var(--p), #f8f1de33 var(--p));outline-offset:6px;border-radius:2px;width:120px;height:4px}.dock-range input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--cream);border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #0000004d}.dock-range input::-moz-range-thumb{background:var(--cream);border:0;border-radius:50%;width:14px;height:14px}.dock-range .tabular{text-align:center;min-width:38px}@media (width<=900px){.dock{grid-template-columns:1fr auto}.dock-voice{display:none}.dock-range input{width:80px}}.reader-grid{transition:grid-template-columns .6s var(--ease)}.reader-grid.explaining{grid-template-columns:210px minmax(0,1fr) 380px}.explain-panel{background:var(--cream);box-shadow:var(--shadow-soft);animation:panelIn .6s var(--ease) both;scrollbar-width:thin;border-radius:22px;max-height:calc(100vh - 130px);padding:22px 24px 20px;position:relative;overflow:auto}.explain-panel:focus{outline:none}.explain-panel:after{content:"";pointer-events:none;border:1.5px dashed #24301f33;border-radius:17px;position:absolute;inset:6px}@keyframes panelIn{0%{opacity:0;transform:translate(14px)}}.explain-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.explain-head .eyebrow{align-items:center;gap:8px;margin:0;display:flex}.icon-btn.small{width:32px;height:32px;box-shadow:none;background:0 0}.icon-btn.small:hover{background:#efe6cc}.explain-title{font:800 24px/1.1 var(--sans);letter-spacing:-.03em;margin:10px 0 0}.explain-gist{border-left:2.5px solid var(--butter);color:var(--paper-ink);margin-top:12px;padding-left:14px;font-size:16.5px;line-height:1.58}.explain-gist p{margin:0 0 .6em}.explain-gist p:last-child{margin:0}.explain-where{color:var(--paper-secondary);margin:10px 0 0}.explain-terms{margin-top:18px}.explain-terms ul{gap:2px;margin:8px 0 0;padding:0;list-style:none;display:grid}.explain-terms li>button{text-align:left;border-radius:10px;justify-content:space-between;align-items:baseline;width:100%;min-height:40px;padding:0 10px;font-weight:700;display:flex}.explain-terms li>button:hover,.explain-terms li>button[aria-expanded=true]{background:#efe6cc}.term-line{color:var(--paper-secondary);margin:4px 10px 10px;font-size:14.5px;line-height:1.55}.explain-actions{gap:8px;margin-top:20px;display:grid}.explain-actions .btn{width:100%}.explain-note{color:var(--paper-secondary);margin:14px 2px 0;line-height:1.45}.explain-lesson{color:var(--paper-ink);margin-top:16px}.explain-lesson>p:not(.explain-where){font:400 15.5px/1.65 var(--serif);margin:0 0 12px}.explain-lesson>.explain-meaning{font-size:17px;line-height:1.6}.explain-lesson h3{font:700 14px/1.4 var(--sans);color:var(--ink);margin:18px 0 6px}.explain-lesson .explain-caveat{border-left:2px solid var(--separator);padding-left:12px}.explain-state{color:var(--paper-ink);margin-top:16px;padding:14px 0}.explain-state p{font:500 15px/1.55 var(--sans);margin:0 0 12px}.explain-state p.small{font-size:var(--text-sm);color:var(--paper-secondary)}.explain-state .btn{white-space:normal;width:100%;margin:4px 0 10px}.explain-source{border-top:1px solid #24301f47;margin-top:16px;padding-top:12px}.explain-source summary{cursor:pointer;color:var(--secondary);font:700 13px/1.5 var(--sans)}.explain-source blockquote{color:var(--paper-ink);font:400 14px/1.65 var(--serif);white-space:pre-wrap;max-height:220px;margin:10px 0 0;overflow:auto}.btn.cream .dot{margin-right:2px}@media (width<=1240px){.reader-grid.explaining{grid-template-columns:0 minmax(0,1fr) 340px}.reader-grid.explaining .rail{visibility:hidden}}@media (width<=1100px){.reader-grid.explaining{grid-template-columns:minmax(0,1fr)}.reader-grid.explaining .margin{order:1}.reader-grid.explaining .rail{visibility:visible}.explain-panel{max-height:none}}.welcome-art{margin:0;position:relative}.welcome-art .scene-canvas{aspect-ratio:1559/1147;height:auto}.tug{text-align:center;font-size:var(--text-sm);color:var(--ink);pointer-events:none;font-weight:600;position:absolute;bottom:4%;left:0;right:0}.tug>span{background:var(--felt);border-radius:6px;padding:3px 8px}.tug-mobile{display:none}@media (pointer:coarse){.tug-desktop{display:none}.tug-mobile{display:inline}}.wordmark{align-items:baseline;min-width:0;max-width:100%;display:inline-flex}.wordmark-inner{align-items:baseline;min-width:0;display:inline-flex}.wm-word{font:900 31px/1 var(--sans);letter-spacing:-.06em;overflow-wrap:anywhere}.wm-stop{width:6.5px;height:6.5px;margin-left:2px;display:inline-block;position:relative}.wm-dot{background:var(--red-thread);transform-origin:50% 100%;border-radius:50%;position:absolute;inset:0}.wm-shadow{opacity:0;transform-origin:50%;background:#24301f47;border-radius:50%;height:2px;position:absolute;bottom:-2px;left:0;right:0}@media (prefers-reduced-motion:no-preference){.wm-dot{animation:6.5s cubic-bezier(.4,0,.2,1) 1.8s infinite wmHop}.wm-shadow{animation:6.5s cubic-bezier(.4,0,.2,1) 1.8s infinite wmShadow}}@keyframes wmHop{0%,70%{transform:translateY(0)scale(1)}73%{transform:translateY(0)scale(1.18,.8)}77%{animation-timing-function:cubic-bezier(.5,0,.9,.5);transform:translateY(-13px)scale(.9,1.12)}81%{transform:translateY(0)scale(1.2,.78)}84%{animation-timing-function:cubic-bezier(.5,0,.9,.5);transform:translateY(-5px)scale(.96,1.05)}87%{transform:translateY(0)scale(1.08,.92)}90%,to{transform:translateY(0)scale(1)}}@keyframes wmShadow{0%,72%{opacity:0;transform:scaleX(1)}73%{opacity:.9;transform:scaleX(1.1)}77%{opacity:.35;transform:scaleX(.55)}81%{opacity:.9;transform:scaleX(1.15)}84%{opacity:.55;transform:scaleX(.8)}87%{opacity:.8;transform:scaleX(1.05)}92%,to{opacity:0;transform:scaleX(1)}}@media (width<=720px){.dock{grid-template-columns:auto 1fr;gap:6px;padding:8px}.dock-controls{gap:4px}.dock-speed,.dock-sep,.dock-range input{display:none}.dock-pages{gap:2px}}.topbar-tools{justify-self:end;align-items:center;gap:10px;min-width:0;max-width:100%;margin-inline-start:0;display:flex}.mobile-places{display:none}.modal-close{z-index:2;background:#24301f12;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:16px;right:18px}.modal-close:hover{background:#24301f21}.sewn .display{overflow-wrap:anywhere}.sewn-actions{flex-wrap:wrap;gap:16px;margin-top:28px}.topbar.compact-nav{grid-template-columns:minmax(0,1fr) max-content;column-gap:12px}.topbar.compact-nav .desktop-places{display:none}.topbar.compact-nav .search-pill span,.topbar.compact-nav .search-pill kbd{display:none}.topbar.compact-nav .search-pill{justify-content:center;width:44px;height:44px;padding:0}@media (width>=701px) and (width<=1100px){.topbar .desktop-places .place{font-size:var(--text-sm);padding-inline:8px}}@media (width<=1280px){.topbar .search-pill span,.topbar .search-pill kbd{display:none}.topbar .search-pill{justify-content:center;width:44px;height:44px;padding:0}}@media (width>=701px) and (width<=900px){.topbar{column-gap:8px;padding-inline:12px}}@media (width<=700px){.topbar{padding:6px 16px;padding-inline:max(16px, env(safe-area-inset-left)) max(16px, env(safe-area-inset-right));grid-template-columns:minmax(0,1fr) max-content;column-gap:12px}.topbar .desktop-places{display:none}.mobile-places{display:block}.topbar .search-pill span,.topbar .search-pill kbd{display:none}.topbar .search-pill{justify-content:center;width:44px;height:44px;padding:0}}.topbar .reader-top-title{white-space:nowrap;align-items:center;gap:8px;max-width:220px;display:inline-flex}.topbar .reader-top-title span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (width>=701px) and (width<=1100px){.topbar .reader-top-title{max-width:clamp(94px,50vw - 300px,208px)}}.app[data-route=read] .topbar{min-height:56px;padding-block:6px}.app[data-route=read] .topbar .search-pill{justify-content:center;width:44px;height:44px;padding:0}.app[data-route=read] .topbar .search-pill span,.app[data-route=read] .topbar .search-pill kbd{display:none}.app[data-route=read] .topbar .place:hover,.app[data-route=read] .topbar .place:focus-visible{color:var(--cream);background:#f8f1de1f}.app[data-route=read] .topbar .place[aria-current=page]{color:var(--cream);font-weight:800}.app[data-route=read] .topbar .place:focus-visible{outline-color:var(--cream)}.topbar .mobile-places nav a:hover{background:var(--felt-light);color:var(--ink)}.mobile-places{position:relative}.mobile-menu-trigger{background:var(--cream);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:14px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #5c6b4759}.topbar .mobile-places nav[hidden]{display:none}.topbar .mobile-places nav{z-index:40;background:var(--cream);border:1px solid #5c6b4747;border-radius:20px;width:min(260px,100vw - 32px);max-height:min(70vh,520px);padding:10px;display:grid;position:absolute;top:calc(100% + 12px);right:-58px;overflow-y:auto;box-shadow:0 16px 50px #24301f45}.mobile-places nav a{min-height:44px;color:var(--secondary);border-radius:12px;align-items:center;padding:10px 16px;font-weight:650;text-decoration:none;display:flex}.mobile-places nav a[aria-current=page]{color:var(--ink);background:var(--felt-light)}@media (width<=720px){.scrim{padding:max(16px, env(safe-area-inset-top)) 12px max(16px, env(safe-area-inset-bottom))}.modal{border-radius:22px;max-height:calc(100dvh - 32px);padding:52px 22px 28px;overflow-y:auto}.sewn h2.display{padding-right:8px;line-height:1.06;font-size:clamp(26px,7vw,36px)!important}.sewn-actions{flex-direction:column;align-items:stretch;gap:12px}.sewn-actions>*{text-align:center;white-space:normal;justify-content:center;width:100%}.home{padding:24px 20px 40px}.home-book .row{flex-wrap:wrap}.home-book .row strong{overflow-wrap:anywhere}}.scrim{overscroll-behavior:contain}.note-compose-title{margin:14px 46px 14px 0;font-size:clamp(28px,4vw,38px);line-height:1.1}.note-quote{border-left:3px solid var(--red-thread);background:var(--paper);overflow-wrap:anywhere;border-radius:12px;max-height:min(26vh,200px);margin:12px 0 22px;padding:16px 20px;font-size:17px;line-height:1.55;overflow:auto}.note-label{font-size:var(--text-sm);color:var(--secondary);margin-bottom:10px;font-weight:700;display:block}.note-compose textarea{resize:vertical;font-size:var(--text-body)}.note-actions{flex-wrap:wrap;gap:18px;margin-top:22px}.original-selection-hint{text-align:center;margin:18px 0 0}.selection-menu{z-index:45;max-width:calc(100vw - 24px);position:fixed;transform:translate(-50%,calc(-100% - 12px))}.selection-menu button{min-height:44px}.selection-dismiss{font-size:var(--text-xl)!important;padding:6px 12px!important;font-weight:500!important}.import-error{color:#8e1f17;font-size:var(--text-label);max-width:520px;margin-top:14px;font-weight:650}.patch-title,.stop-title,.entry blockquote{overflow-wrap:anywhere}.search-field input{min-width:0}@media (width<=720px){html,body,#root,.app{max-width:100%}.reader,.page,.reader-grid,.reader-paper,.reader-bar{min-width:0}.reader .rail{order:2}.reader .margin{order:1;margin-top:6px}.reader-paper{padding:30px 20px 44px}.reader-back{max-width:calc(100vw - 56px)}.reader-foot{padding:14px 0 max(14px, env(safe-area-inset-bottom))}.dock-btn{min-width:44px;min-height:44px}.dock-play{min-width:48px;min-height:48px}.dock-pages{flex-shrink:0}.selection-menu{right:12px;bottom:calc(94px + env(safe-area-inset-bottom));border-radius:18px;justify-content:space-between;width:auto;max-width:none;padding:5px;transform:none;box-shadow:0 12px 30px #24301f4d;top:auto!important;left:12px!important}.selection-menu button{flex:1 1 0;padding:8px 5px;font-size:12.5px}.selection-menu .selection-dismiss{flex:none;width:38px}.modal .note-compose{max-height:calc(100dvh - 120px)}.note-actions{align-items:stretch}.note-actions .btn{min-width:140px}.note-quote{max-height:24vh}.book-head{flex-wrap:wrap;gap:14px;margin-bottom:28px}.book-head h1{overflow-wrap:anywhere}.book-head .patch-m{width:82px;height:108px}.book-head>div:last-child{flex:220px;min-width:0}.book-grid,.study-grid,.words-grid{gap:26px}.chapter-card,.study-next,.side-card,.recall{padding:22px 20px}.study-sentence{font-size:clamp(29px,7vw,42px);line-height:1.3}.choice-menu{top:auto;left:16px;right:16px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:60;min-width:0;max-height:min(55dvh,340px);position:fixed}.notebook-page{padding:28px 22px}.passages{grid-template-columns:minmax(0,1fr)}.passage{padding:20px}.needle-row{grid-template-columns:minmax(0,1fr)}.quilt{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:146px;gap:12px}.quilt-cell.wide,.quilt-cell.big{grid-column:span 2}.quilt-cell.big{grid-row:span 2}.quilt .patch{padding:18px 15px}.quilt .patch-title{font-size:17px}.quilt .patch-l .patch-title{font-size:22px}.walk-map{margin:18px 0;aspect-ratio:auto!important}.walk-map .walk-thread{display:none}.walk-map ol{gap:14px;display:grid}.walk-map .stop{width:100%;position:static;transform:none;top:auto!important;left:auto!important}.walk-map .stop-patch{gap:6px;min-height:96px;padding:16px 20px}.walk-foot{padding:20px}.walk-foot .row,.session .row,.study-next .row{flex-wrap:wrap}.session .recall .row>input{max-width:100%!important}.search-scrim{padding:max(16px, env(safe-area-inset-top)) 12px}.search{max-height:calc(100dvh - 32px);overflow-y:auto}.search-field{gap:10px;padding:0 16px}.search-field input{font-size:17px}.search-results{max-height:65dvh;padding:14px}.search .return-hint{display:none}}@keyframes readerPageEnter{0%{opacity:.7;transform:translateY(5px)scale(.995)}to{opacity:1;transform:none}}.reader-paper{animation:readerPageEnter .26s var(--ease) both}@media (prefers-reduced-motion:reduce){.reader-paper{animation:none}}@media (width<=900px){.dock{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"voice voice""controls pages";gap:6px 10px}.dock-voice{grid-area:voice;min-width:0;display:block}.dock-controls{grid-area:controls}.dock-pages{grid-area:pages}.dock-chip{width:100%;min-height:40px}.dock-menu{overscroll-behavior:contain;min-width:min(330px,100vw - 64px);max-height:min(52dvh,380px);overflow-y:auto}.dock-menu button{min-height:44px}}@media (width<=720px){.dock{grid-template-columns:minmax(0,1fr) auto;row-gap:7px;padding:10px 10px 8px}.dock-voice{display:block}.dock-avatar{width:30px;height:30px;font-size:var(--text-body);border-radius:10px}.dock-chip{gap:9px;min-height:36px;padding:3px 6px 3px 3px}.dock-who strong{font-size:var(--text-sm)}.dock-who span{font-size:var(--text-xs)}.dock-controls{gap:2px}.dock-controls .dock-btn{width:34px;min-width:34px;height:38px;min-height:38px}.dock-controls .dock-play{width:46px;min-width:46px;height:46px;min-height:46px}.dock-pages{gap:1px}.dock-pages .dock-btn{width:34px;min-width:34px;height:38px;min-height:38px}.dock-speed{width:42px;min-width:42px;height:36px;font-size:var(--text-caption);display:block}.dock-sep,.dock-range input{display:none}.dock-range{gap:0}.dock-range .tabular{min-width:34px}.reader-foot{padding:10px 0 max(10px, env(safe-area-inset-bottom))}.selection-menu{bottom:calc(122px + env(safe-area-inset-bottom))}}@media (width<=350px){.dock{column-gap:3px;padding:9px 7px 7px}.dock-pages .dock-btn{width:31px;min-width:31px}.dock-range .tabular{min-width:30px;font-size:var(--text-caption)}.dock-speed{width:39px;min-width:39px}.dock-menu{min-width:min(280px,100vw - 42px)}}.search-progress{background:var(--paper);font-size:var(--text-label);border:1px solid #5c6b473d;border-radius:14px;align-items:center;gap:12px;margin:8px 0 18px;padding:14px 16px;font-weight:600;line-height:1.45;display:flex}.search-progress-dot{background:var(--held);border-radius:50%;flex:none;width:9px;height:9px;animation:1.4s ease-in-out infinite breathe}.search-progress-count{font-size:var(--text-caption);color:var(--secondary);font-weight:500;display:block}.search-empty{justify-items:start;gap:12px;padding:4px 0 12px;display:grid}.search-empty .link{min-height:40px}.app .page,.app .reading-library{max-width:var(--content-width);padding:var(--space-8) var(--page-gutter) var(--space-12)}.app .empty .display,.app h1.display,.app .home-story h1,.app .reading-library-heading h1,.app .notebook-page h1{font-size:var(--text-display);letter-spacing:-.035em;line-height:1.06}.app .btn,.app .field,.app .segmented button,.app .chip{font-size:var(--text-control)}.app .btn,.app .field,.app .segmented button{min-height:var(--control-height)}.app .lede{font-size:var(--text-body);line-height:1.55}.app .idea-sentence{max-width:26em}.app .notebook-page{padding:var(--space-8)}.app[data-route=read]{background:var(--ink);height:100dvh;min-height:0;overflow:hidden}.app[data-route=read]>.topbar{flex:none}.app[data-route=read]>main{flex-direction:column;flex:1;min-height:0;display:flex}.app .reader:not(.reader-immersive){flex:1;height:auto;min-height:0}.app .reader:not(.reader-immersive) .reader-focus-toggle{width:var(--control-height);padding:0}.app .reader-focus-toggle span{display:none}.app .reader:not(.reader-immersive) .reader-view-controls{gap:var(--space-1)}.app .reader:not(.reader-immersive) .segmented{gap:var(--space-4)}.app .reader:not(.reader-immersive) .dock{grid-template-rows:44px 56px;grid-template-columns:44px minmax(0,1fr) 44px}.app .reader:not(.reader-immersive) .dock-speed{top:50px}@media (width<=720px){.app .page,.app .reading-library{padding-top:var(--space-6)}.app .notebook-page{padding:var(--space-6)}.app .reader:not(.reader-immersive) .reader-bar{padding-inline:var(--space-4);gap:var(--space-2)}.app .reader:not(.reader-immersive) .segmented{gap:var(--space-3)}.app .reader:not(.reader-immersive) .segmented button{font-size:var(--text-caption)}}.topbar{min-height:60px;padding-block:6px}.topbar>.wordmark{min-width:0}.topbar .reader-top-title{max-width:200px;font-weight:700;font-size:var(--text-sm);align-items:center;gap:7px;display:inline-flex}.topbar .reader-top-title svg{flex:none}.topbar .reader-top-title span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.topbar:not(.compact-nav) .desktop-places{display:block}.topbar:not(.compact-nav) .mobile-places,.topbar.compact-nav .desktop-places{display:none}.topbar.compact-nav .mobile-places{display:block}@media (width>=761px) and (width<=1100px){.topbar{min-height:56px;padding-block:4px}.topbar .reader-top-title{max-width:112px;font-size:12px}.topbar .place{font-size:var(--text-sm);padding:12px 9px 9px}}@media (width<=760px){.topbar{min-height:56px;padding-block:4px}.topbar .reader-top-title{max-width:calc(100vw - 152px)}}.topbar .topbar-tools{min-width:0}.topbar .search-pill{min-width:44px;max-width:100%;overflow:hidden}.topbar .search-pill span{text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal;min-width:0;overflow:hidden}.topbar .search-pill kbd{flex:none}@media (width>=1101px){.topbar:not(.compact-nav) .topbar-tools{width:min(100%,252px);min-width:0}.topbar:not(.compact-nav) .search-pill{width:100%;min-width:44px;max-width:100%;overflow:hidden}.topbar:not(.compact-nav) .search-pill span{overflow-wrap:normal;white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.topbar:not(.compact-nav) .search-pill kbd{flex:none}}.contents-trigger{min-width:44px;max-width:100%;min-height:44px;font-size:var(--text-sm);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 10px;font-weight:600;display:inline-flex}.contents-trigger svg{flex:none}.contents-trigger:hover{background:var(--felt-light)}.contents-location{font-size:var(--text-caption);font-variant-numeric:tabular-nums}.reader-contents{flex-direction:column;gap:12px;width:100%;min-width:0;max-width:100%;max-height:none;display:flex;overflow-x:clip}.reader-contents>:not(.contents-results){flex:none}.reader-contents h2,.reader-contents p{margin:0}.reader-contents h2{font-size:var(--text-title)}.contents-current{overflow-wrap:anywhere;font-size:var(--text-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.reader-contents input{flex:none;width:100%;min-width:0;min-height:44px}.contents-results{overscroll-behavior:contain;scrollbar-width:thin;flex:0 auto;width:100%;min-width:0;min-height:88px;max-height:min(48dvh,440px);overflow:hidden auto}.contents-results ol{width:100%;min-width:0;margin:0;padding:0;list-style:none}.contents-results li{min-width:0}.contents-results button{text-align:start;width:100%;min-width:0;max-width:100%;min-height:44px;font-size:var(--text-label);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:12px 10px;display:grid}.contents-results button:hover{background:var(--felt-light)}.contents-results button[aria-current]{box-shadow:inset 3px 0 0 var(--red-thread);background:var(--felt-light)}.contents-title{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-width:0;line-height:1.4;display:-webkit-box;overflow:hidden}.contents-page{white-space:nowrap;font-size:var(--text-caption)}.book-head>div{min-width:0}.book-head .display,.chapter-card h3{overflow-wrap:anywhere}.book .contents-trigger{background:var(--felt-light);margin-block:12px}.book-grid>section,.chapter-card,.chapter-card .sections,.chapter-card .row{min-width:0}.chapter-card h3,.sections a span:first-child{overflow-wrap:anywhere;min-width:0}.sections a span:last-child{flex:none}.chapter-card .row{flex-wrap:wrap}.reader:not(.reader-immersive) .contents-trigger{color:var(--cream)}.reader:not(.reader-immersive) .reader-bar .contents-trigger:hover{color:var(--cream);background:#f8f1de1f}.reader:not(.reader-immersive) .reader-grid{grid-template-columns:minmax(0,1fr) 290px}@media (width<=1100px){.reader:not(.reader-immersive) .reader-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=900px){.reader-immersive .reader-bar .contents-trigger{grid-area:2/1;justify-self:start}.reader-immersive .reader-bar .reader-back,.reader-immersive .contents-location{display:none}}@media (width<=380px){.reader:not(.reader-immersive) .reader-bar{gap:4px;padding-inline:12px}.reader:not(.reader-immersive) .segmented{gap:12px}.reader:not(.reader-immersive) .segmented button{font-size:12px}.reader-view-controls{gap:0}.reader:not(.reader-immersive) .contents-location{display:none}.reader-immersive .reader-bar .reader-zoom-controls{grid-area:3/1/auto/-1;justify-content:center;justify-self:stretch}.reader-immersive .reader-bar .contents-trigger{grid-column:1/-1}.reader:not(.reader-immersive) .contents-trigger>span{display:none}}.contents-heading{justify-content:space-between;align-items:center;gap:14px;min-width:0;display:flex}.contents-heading .display{min-width:0}.contents-appearance{background:var(--felt-light);min-height:44px;color:var(--ink);font-size:var(--text-label);border-radius:10px;flex:none;padding:0 12px;font-weight:650}.contents-appearance:hover{background:#cdd9ab}@media (width<=380px){.contents-heading{flex-direction:column;align-items:flex-start;gap:6px}}.app .topbar{border-bottom:0;min-height:64px;padding:8px clamp(20px,4vw,56px)}.app .topbar .wm-stop{transform-origin:0 100%;transform:scale(.8)}.app .mobile-menu-trigger,.app .search-pill{width:44px;height:44px;box-shadow:none;border:0}.app .mobile-menu-trigger{border-radius:14px}.app .mobile-places nav{border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 24px #24301f20}.app .topbar .reader-top-title{font-size:var(--text-control);align-items:center;gap:8px;min-width:0;font-weight:700;display:flex}.reader-top-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reader-top-title svg{flex:none}.reading-home{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,100px);max-width:1200px;margin:auto;padding:40px 40px 64px;display:grid}.home-story{min-width:0}.reading-home .nook{aspect-ratio:900/680}.home-story .eyebrow{color:var(--secondary);margin:0 0 16px}.home-story h1{letter-spacing:-.045em;line-height:1.03}.reading-home .home-scene{width:100%;max-width:620px;margin:18px 0 0}.home-resume{min-width:0;padding-top:32px}.home-resume>.eyebrow{color:var(--secondary);margin:0 0 16px;font-size:10px}.resume-book{grid-template-columns:98px minmax(0,1fr);align-items:center;gap:20px;display:grid}.book-cover{aspect-ratio:3/4;text-align:left;border-radius:4px 6px 6px 4px;width:100%;display:block;position:relative;overflow:hidden}.book-cover>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.book-cover-title{font-size:var(--text-lg);letter-spacing:-.02em;overflow-wrap:anywhere;padding:14% 10% 30% 13%;font-weight:700;line-height:1.15;display:block;position:relative}.resume-book .book-cover-title{font:500 12px/1.25 var(--serif)}.resume-details{min-width:0}.resume-details h2{letter-spacing:-.035em;overflow-wrap:anywhere;margin:0 0 12px;font-size:25px;line-height:1.06}.resume-details p{font-size:var(--text-control);margin:0 0 12px}.resume-details .progress{height:4px;width:100%!important}.resume-action{justify-content:space-between;width:100%;min-height:48px;margin-top:20px}.home-shortcuts{margin-top:12px}.home-shortcuts button{text-align:left;width:100%;min-height:58px;font-size:var(--text-control);border-bottom:1px solid #24301f35;grid-template-columns:24px minmax(0,1fr) 20px;align-items:center;gap:14px;display:grid}.home-shortcuts button:last-child{border-bottom:0}.home-shortcuts button:hover{color:var(--secondary)}.bottom-nav{display:none}.reading-library{max-width:1120px;margin:auto;padding:40px 40px 72px}.reading-library-heading p{font-size:var(--text-body);margin:10px 0 24px}.library-filters{scrollbar-width:thin;gap:8px;max-width:100%;padding:2px 2px 8px;display:flex;overflow-x:auto}.library-filters a{min-height:44px;font-size:var(--text-control);border:1px solid #24301f40;border-radius:999px;flex:none;align-items:center;gap:28px;padding:0 18px;font-weight:600;text-decoration:none;display:flex}.library-filters a[aria-current]{color:var(--cream);background:var(--ink);border-color:var(--ink)}.library-filters a:hover:not([aria-current]){background:var(--felt-light)}.reading-library .library-find{width:min(100%,480px);box-shadow:none;margin-top:16px}.library-find svg{flex:none}.reading-library .library-books{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));grid-auto-rows:auto;grid-auto-flow:row;gap:32px 24px;margin-top:32px;display:grid}.library-books .quilt-cell{grid-area:auto;min-width:0}.library-cover-slot{border-bottom:5px solid var(--ink);align-items:flex-end;padding:0 8px;display:flex}.library-cover-button{text-align:left;width:100%;transition:transform .18s var(--ease);border-radius:5px 5px 0 0;display:block}.library-cover-button:hover{transform:translateY(-3px)}.library-book .book-cover{border-bottom-right-radius:0;border-bottom-left-radius:0}.library-book h2{font-size:var(--text-body);letter-spacing:-.025em;overflow-wrap:anywhere;margin:14px 8px 6px;line-height:1.18}.library-book p{font-size:var(--text-sm);margin:0 8px}.library-continue{min-height:44px;font-size:var(--text-label);text-underline-offset:4px;text-align:left;align-items:center;gap:6px;margin:2px 8px 0;text-decoration:underline;display:inline-flex}.library-continue svg{flex:none}.library-import{aspect-ratio:3/4;width:100%;font-weight:600;font-size:var(--text-control);border:1px dashed #24301f55;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin-bottom:0;display:flex}.library-import:hover{background:var(--felt-light)}.library-empty{font-size:var(--text-control);padding:16px 0}.library-samples{background:var(--cream);text-align:left;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;width:100%;margin-top:32px;padding:18px 20px;font-size:17px;font-weight:700;display:flex}.library-samples:disabled{opacity:.6;cursor:wait}@media (width<=720px){.reading-home{padding:20px 22px 8px;display:block}.home-story .eyebrow{margin-bottom:14px;font-size:10px}.reading-home .home-scene{width:calc(100% + 24px);max-width:none;margin:10px -12px 0}.home-resume{padding-top:4px}.home-resume>.eyebrow{margin-bottom:8px;font-size:10px}.resume-book{grid-template-columns:80px minmax(0,1fr);gap:18px}.resume-details h2{margin-bottom:10px;font-size:clamp(20px,5.7vw,25px)}.resume-details p{margin-bottom:10px}.resume-book .book-cover-title{font-size:var(--text-xs)}.resume-action{margin-top:12px}.home-shortcuts{margin-top:8px}.home-shortcuts button{min-height:50px}.bottom-nav{min-height:68px;padding:6px 16px max(8px, env(safe-area-inset-bottom));background:var(--felt);border-top:1px solid #24301f25;flex:none;grid-template-columns:1fr 1fr;display:grid;position:relative}.bottom-nav a{min-height:48px;font-size:var(--text-caption);color:var(--secondary);flex-direction:column;justify-content:center;align-items:center;gap:3px;text-decoration:none;display:flex}.bottom-nav a[aria-current]{color:var(--ink);font-weight:700}.bottom-nav a[aria-current]:after{content:"";background:var(--red-thread);border-radius:50%;width:4px;height:4px}.reading-library{padding:28px 20px 32px}.reading-library-heading p{margin:8px 0 22px}.library-filters{gap:8px}.library-filters a{font-size:var(--text-label);gap:22px;padding-inline:16px}.reading-library .library-find{margin-top:12px}.reading-library .library-books{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px;margin-top:30px}.book-cover-title{font-size:clamp(16px,4.6vw,21px)}.library-samples{font-size:var(--text-body);margin-top:26px}}@media (prefers-reduced-motion:reduce){.library-cover-button{transition:none}}@media (width>=901px){.reading-home{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(48px,5vw,78px);width:100%;max-width:1110px;padding:24px 32px 48px}.app .reading-home .home-story h1{letter-spacing:-.038em;font-size:clamp(31px,2.5vw,37px);line-height:1.12}.reading-home .home-scene{width:100%;max-width:440px;margin-top:12px}.reading-home .home-resume{padding-top:12px}.reading-home .resume-book{grid-template-columns:76px minmax(0,1fr);gap:18px}.reading-home .resume-details h2{margin-bottom:8px;font-size:clamp(19px,1.65vw,23px);line-height:1.18}.reading-home .resume-details p{font-size:var(--text-label);margin-bottom:8px}.reading-home .resume-action{min-height:44px;margin-top:18px}.reading-home .home-shortcuts{margin-top:12px}.reading-home .home-shortcuts button{min-height:52px}}@media (width>=721px) and (width<=900px){.reading-home{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;padding:22px 24px 36px}.app .reading-home .home-story h1{font-size:30px}.reading-home .home-scene{max-width:340px;margin-top:10px}.reading-home .resume-book{grid-template-columns:70px minmax(0,1fr);gap:12px}.reading-home .resume-details h2{font-size:20px}.reading-home .home-resume{padding-top:8px}}.dock .dock-line-fill{background:var(--red-thread)}.dock .dock-avatar{background:var(--red-thread);justify-content:center;align-items:center;gap:3px;display:flex}.dock .dock-avatar>i{background:var(--cream);transform-origin:50%;border-radius:2px;width:3.5px;display:block}.dock .dock-avatar.speaking>i{animation:1.8s ease-in-out infinite leuVoiceBar}@keyframes leuVoiceBar{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.dock .dock-avatar.speaking>i{animation:none}}.app[data-route=read] .reader:not(.reader-immersive) .dock{width:min(100%,1180px);box-shadow:none;color:var(--ink);background:0 0;border-radius:0;grid-template-rows:56px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(8px,2vw,24px);margin:0 auto;padding:0 clamp(12px,2.5vw,24px);display:grid}.app[data-route=read] .reader:not(.reader-immersive) .dock-line{background:#24301f1f;inset:0 16px auto}.app[data-route=read] .reader:not(.reader-immersive) .dock-listen{grid-area:1/1;justify-self:start;align-items:center;gap:12px;min-width:0;display:flex}.app[data-route=read] .reader:not(.reader-immersive) .dock-controls{flex:none;order:0;align-items:center;gap:0;display:flex}.app[data-route=read] .reader:not(.reader-immersive) .dock-controls>.dock-btn{display:none}.app[data-route=read] .reader:not(.reader-immersive) .dock-play{background:var(--red-thread);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--cream);border-radius:12px;place-items:center;display:grid}.app[data-route=read] .reader:not(.reader-immersive) .dock-play:hover:not(:disabled){background:#9b201a}.app[data-route=read] .reader:not(.reader-immersive) .dock-voice{order:1;min-width:0;display:block;position:relative}.app[data-route=read] .reader:not(.reader-immersive) .dock-chip{align-items:center;gap:8px;width:100%;min-height:44px;padding:3px 8px;display:flex}.app[data-route=read] .reader:not(.reader-immersive) .dock-avatar{display:none}.app[data-route=read] .reader:not(.reader-immersive) .dock-who{min-width:0}.app[data-route=read] .reader:not(.reader-immersive) .dock-who strong{font-size:var(--text-sm);color:var(--ink)}.app[data-route=read] .reader:not(.reader-immersive) .dock-who span{color:var(--secondary);max-width:160px;font-size:var(--text-xs)}.app[data-route=read] .reader:not(.reader-immersive) .dock-pages{background:var(--cream);border-radius:14px;grid-area:1/2;justify-self:center;align-items:center;gap:5px;min-width:0;padding:4px;display:flex;box-shadow:inset 0 0 0 1px #24301f1f}.app[data-route=read] .reader:not(.reader-immersive) .dock-pages>.dock-btn{width:44px;min-width:44px;height:44px;min-height:44px;color:var(--ink);border-radius:10px;place-items:center;display:grid}.app[data-route=read] .reader:not(.reader-immersive) .dock-pages>.dock-btn:hover:not(:disabled){background:var(--felt-light)}.app[data-route=read] .reader:not(.reader-immersive) .dock-pages>.dock-btn:disabled{opacity:.25}.app[data-route=read] .reader:not(.reader-immersive) .dock-sep{display:none}.app[data-route=read] .reader:not(.reader-immersive) .dock-range{flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:126px;display:flex}.app[data-route=read] .reader:not(.reader-immersive) .dock-range .tabular{text-align:center;min-width:0;font-weight:700;font-size:var(--text-caption);color:var(--ink);white-space:nowrap}.app[data-route=read] .reader:not(.reader-immersive) .dock-page-short{display:none}.app[data-route=read] .reader:not(.reader-immersive) .dock-range input{background:linear-gradient(90deg, var(--ink) var(--p), #24301f2b var(--p));width:100%;min-width:0;height:3px;margin:0;display:block;position:static}.app[data-route=read] .reader:not(.reader-immersive) .dock-range input::-webkit-slider-thumb{background:var(--ink);width:12px;height:12px;box-shadow:none}.app[data-route=read] .reader:not(.reader-immersive) .dock-range input::-moz-range-thumb{background:var(--ink);width:12px;height:12px}.app[data-route=read] .reader:not(.reader-immersive) .dock-settings{grid-area:1/3;justify-self:end}.app[data-route=read] .reader:not(.reader-immersive) .dock-speed{width:44px;min-width:44px;height:44px;min-height:44px;color:var(--ink);border-radius:12px;place-items:center;display:grid;position:static;box-shadow:inset 0 0 0 1px #24301f47}.app[data-route=read] .reader:not(.reader-immersive) .dock-speed:hover{background:var(--cream);box-shadow:inset 0 0 0 1px var(--ink)}.app[data-route=read] .reader:not(.reader-immersive) .dock-menu{z-index:40;width:min(330px,100vw - 24px);min-width:0;max-height:min(58dvh,440px);bottom:calc(100% + 12px);left:0;right:auto;overflow-y:auto}.dock-sentence-actions{border-top:1px solid var(--line);margin-top:6px;padding-top:6px}.dock-sentence-actions button{width:100%;min-height:44px}.dock-sentence-actions button:disabled{opacity:.4;cursor:default}@media (width<=850px){.app[data-route=read] .reader:not(.reader-immersive) .dock{padding-inline:max(8px, env(safe-area-inset-left)) max(8px, env(safe-area-inset-right));grid-template-columns:88px minmax(0,1fr) 44px;gap:4px}.app[data-route=read] .reader:not(.reader-immersive) .dock-listen{gap:0}.app[data-route=read] .reader:not(.reader-immersive) .dock-voice{flex:none;width:44px}.app[data-route=read] .reader:not(.reader-immersive) .dock-chip{justify-content:center;width:44px;height:44px;padding:4px}.app[data-route=read] .reader:not(.reader-immersive) .dock-avatar{border-radius:10px;width:36px;height:36px;display:flex}.app[data-route=read] .reader:not(.reader-immersive) .dock-who{display:none}.app[data-route=read] .reader:not(.reader-immersive) .dock-range{width:clamp(46px,11vw,92px);min-width:0}.app[data-route=read] .reader:not(.reader-immersive) .dock-range input,.app[data-route=read] .reader:not(.reader-immersive) .dock-page-long{display:none}.app[data-route=read] .reader:not(.reader-immersive) .dock-page-short{display:inline}.app[data-route=read] .reader:not(.reader-immersive) .dock-menu{min-width:min(290px,100vw - 24px);left:0}}@media (width<=370px){.app[data-route=read] .reader:not(.reader-immersive) .dock{grid-template-columns:88px minmax(0,1fr) 44px;gap:0}.app[data-route=read] .reader:not(.reader-immersive) .dock-pages{gap:0;padding:2px}.app[data-route=read] .reader:not(.reader-immersive) .dock-range .tabular{font-size:10px}}@media (width<=720px){.app[data-route=read] .reader:not(.reader-immersive) .dock{padding-inline:max(8px, env(safe-area-inset-left)) max(8px, env(safe-area-inset-right));grid-template-rows:56px;grid-template-columns:44px minmax(0,1fr) 44px;gap:0}.app[data-route=read] .reader:not(.reader-immersive) .dock-listen{grid-area:1/1;justify-self:start;gap:0}.app[data-route=read] .reader:not(.reader-immersive) .dock-voice{display:none}.app[data-route=read] .reader:not(.reader-immersive) .dock-pages{grid-area:1/2;justify-self:center;gap:0}.app[data-route=read] .reader:not(.reader-immersive) .dock-settings{grid-area:1/3;justify-self:end}}.reader-voice-settings{margin-top:22px}.reader-voice-settings h3{font-size:var(--text-control);margin:0 0 12px}.reader-voice-list{overscroll-behavior:contain;gap:2px;max-height:min(34dvh,230px);display:grid;overflow-y:auto}.reader-voice-list button{text-align:left;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:48px;padding:9px 12px;display:flex}.reader-voice-list button:hover,.reader-voice-list button[aria-checked=true]{background:var(--felt-light)}.reader-voice-list button span:first-child{gap:2px;min-width:0;display:grid}.reader-voice-list strong{font-size:var(--text-label);font-weight:700}.reader-voice-list small{font-size:var(--text-caption);color:var(--secondary)}.reader-voice-check{text-align:center;width:20px;color:var(--ink);flex:none;font-weight:800}.reader.reader-immersive .reader-foot{z-index:22;width:100%;padding:7px 12px max(8px, env(safe-area-inset-bottom));background:var(--cream);pointer-events:none;border-top:1px solid #5c6b472e;flex:none;justify-content:center;align-items:center;margin:0;display:flex;position:relative;bottom:auto}.reader.reader-immersive .reader-foot .dock[data-focus=true]{background:var(--ink);width:255px;max-width:calc(100vw - 24px);color:var(--cream);pointer-events:auto;border-radius:17px;grid-template-columns:none;align-items:center;gap:0;margin:0;padding:5px;display:flex;box-shadow:0 10px 26px #24301f29,0 2px 5px #24301f26}.dock[data-focus=true] .dock-listen,.dock[data-focus=true] .dock-pages,.dock[data-focus=true] .dock-settings{display:none!important}.dock[data-focus=true] .dock-line{left:15px;right:15px}.dock-focus-action{text-align:left;width:100%;min-height:45px;color:inherit;background:0 0;border:0;border-radius:13px;align-items:center;gap:9px;padding:3px 7px 3px 3px;display:flex}.dock-focus-action:hover:not(:disabled){background:#f8f1de14}.dock-focus-action:focus-visible{outline:2px solid var(--cream);outline-offset:2px}.dock-focus-action:disabled{opacity:.55;cursor:default}.dock-focus-play{background:var(--cream);width:37px;height:37px;color:var(--ink);border-radius:11px;flex:0 0 37px;place-items:center;display:grid}.dock-focus-description{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.dock-focus-description strong{font-family:inherit;font-weight:600;font-size:var(--text-caption);line-height:1.3}.dock-focus-description small{text-overflow:ellipsis;white-space:nowrap;opacity:.73;font-size:10px;overflow:hidden}.reader-dock-flight{box-sizing:border-box;will-change:transform, opacity}@media (width<=720px){.reader.reader-immersive .reader-foot{padding-bottom:max(9px, env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.reader-dock-flight{animation:none!important}}.reader.reader-immersive .reader-focus-shortcuts{z-index:34;top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));gap:6px;display:flex;position:absolute}.reader.reader-immersive .reader-focus-shortcuts button{min-height:44px;color:var(--ink);font-weight:700;font-size:var(--text-sm);background:#f8f1def2;border:1px solid #24301f26;border-radius:12px;place-items:center;padding:0 14px;display:grid}.reader.reader-immersive .reader-focus-shortcuts button:hover{background:var(--felt-light)}.reader.reader-immersive .reader-focus-shortcuts button:focus-visible,.reader.reader-immersive .reader-page-nav button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.reader.reader-immersive .reader-page-nav{z-index:34;left:50%;bottom:max(12px, env(safe-area-inset-bottom));color:var(--ink);transition:bottom .18s var(--ease);pointer-events:auto;background:#f8f1def5;border:1px solid #24301f21;border-radius:15px;align-items:center;gap:5px;padding:4px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 1px 12px #24301f1f}.reader.reader-immersive .reader-page-nav button{border-radius:11px;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;display:grid}.reader.reader-immersive .reader-page-nav button:hover:not(:disabled){background:var(--felt-light)}.reader.reader-immersive .reader-page-nav button:disabled{opacity:.27;cursor:default}.reader.reader-immersive .reader-focus-page{min-width:98px;font-size:var(--text-caption);text-align:center;white-space:nowrap;padding-inline:8px;font-weight:700}.reader.reader-immersive .reader-focus-hint{z-index:31;bottom:max(77px, calc(env(safe-area-inset-bottom) + 65px));pointer-events:none;width:max-content;max-width:calc(100% - 28px);color:var(--paper-secondary);font-size:var(--text-caption);text-align:center;background:#f8f1deed;border:1px solid #24301f1f;border-radius:10px;margin:0;padding:9px 14px;line-height:1.4;position:absolute;left:50%;transform:translate(-50%)}.reader.reader-immersive[data-controls=shown] .reader-page-nav{bottom:max(82px, calc(env(safe-area-inset-bottom) + 72px))}.reader.reader-immersive .reader-foot{background:0 0;border:0}@media (width<=720px){.reader.reader-immersive .reader-focus-shortcuts{top:max(6px, env(safe-area-inset-top))}.reader.reader-immersive .reader-focus-shortcuts button{font-size:var(--text-caption);padding-inline:10px}.reader.reader-immersive .reader-focus-hint{max-width:calc(100% - 26px)}.reader.reader-immersive[data-controls=shown] .reader-page-nav{bottom:max(83px, calc(env(safe-area-inset-bottom) + 75px))}}@media (prefers-reduced-motion:reduce){.reader.reader-immersive .reader-page-nav{transition:none}}.reader.reader-immersive[data-controls=shown] .reader-focus-shortcuts{visibility:hidden;opacity:0;pointer-events:none}@media (width<=720px){.reader.reader-immersive .reader-focus-shortcuts button:first-child{display:none}.reader.reader-immersive .reader-focus-shortcuts{top:max(6px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right))}.reader.reader-immersive .reader-focus-shortcuts button{background:#f8f1deed;min-width:44px;min-height:44px;padding:0 9px}.reader.reader-immersive .reader-page-nav{left:50%;bottom:max(5px, env(safe-area-inset-bottom));border-radius:14px;gap:3px;margin:0;padding:3px;transform:translate(-50%);box-shadow:0 1px 8px #24301f14}.reader.reader-immersive .reader-focus-page{min-width:94px}.reader.reader-immersive[data-controls=shown] .reader-page-nav{bottom:max(74px, calc(env(safe-area-inset-bottom) + 67px))}.reader.reader-immersive .reader-focus-hint{display:none}}.reader .reader-bar{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;margin-bottom:16px;display:grid}.reader .reader-back{min-width:0;max-width:100%}.reader .prose,.reader .margin-note{overflow-wrap:anywhere;min-width:0}.reader .segmented{justify-self:start;min-width:0}.reader-view-controls{align-items:center;gap:10px;min-width:0;display:flex}.reader-focus-toggle{min-height:44px;color:var(--ink);background:var(--cream);border:1px solid var(--separator);font-size:var(--text-sm);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 13px;font-weight:700;display:inline-flex}.reader-focus-toggle:hover{background:var(--paper)}.reader-focus-toggle svg{flex:none}.reader-zoom-controls{background:var(--cream);color:var(--ink);border-radius:10px;align-items:center;padding:0 2px;display:flex}.reader-zoom-controls button{border-radius:8px;place-items:center;min-width:40px;min-height:44px;padding:0 4px;font-size:19px;font-weight:700;display:grid}.reader-zoom-controls button:hover:not(:disabled){background:#e9dfc8}.reader-zoom-controls button:disabled{opacity:.35;cursor:default}.reader-zoom-controls .reader-zoom-level{min-width:48px;font-size:var(--text-caption);font-variant-numeric:tabular-nums}.original-stage{overscroll-behavior-x:contain;width:100%;max-width:100%;overflow-x:auto}.original-stage .original-page{max-width:100%;margin:0 auto;display:block}@media (width<=900px){.reader .reader-bar{grid-template-columns:minmax(0,1fr) auto;gap:10px 8px}.reader .reader-back{grid-column:1/-1}.reader .segmented{grid-area:2/1;padding:3px}.reader .segmented button{min-height:40px;font-size:var(--text-caption);padding:0 11px}.reader .reader-view-controls{grid-area:2/2;justify-self:end}}@media (width<=350px){.reader .segmented button{font-size:var(--text-xs);padding-inline:8px}.reader-focus-toggle{font-size:var(--text-caption);gap:6px;padding-inline:9px}}.app[data-route=read] .topbar{background:var(--ink);color:var(--cream)}.app[data-route=read] .topbar .wordmark{max-width:100%}.reader:not(.reader-immersive){width:100%;max-width:none;height:calc(100dvh - var(--topbar-height,64px));background:var(--cream);grid-template-rows:auto auto minmax(0,1fr) auto;min-height:360px;margin:0;padding:0;animation:none;display:grid}.reader:not(.reader-immersive) .reader-bar{background:var(--ink);color:var(--cream);grid-row:1;justify-content:space-between;gap:12px;min-height:44px;margin:0;padding:0 clamp(20px,4vw,56px);display:flex}.reader:not(.reader-immersive) .reader-back{display:none}.reader:not(.reader-immersive) .segmented{box-shadow:none;background:0 0;border-radius:0;flex-wrap:nowrap;gap:24px;padding:0}.reader:not(.reader-immersive) .segmented button{color:#c9cfbe;min-height:44px;font-size:var(--text-label);white-space:nowrap;border-bottom:2px solid #0000;border-radius:0;padding:0;font-weight:600}.reader:not(.reader-immersive) .segmented button.on{color:var(--cream);border-bottom-color:var(--cream);background:0 0}.reader-type-toggle{place-items:center;width:44px;height:44px;display:grid}.reader:not(.reader-immersive) .reader-grid{overscroll-behavior-y:contain;scrollbar-width:thin;grid-row:3;gap:24px;min-height:0;padding:10px clamp(20px,4vw,56px) 12px;overflow-y:auto}.reader:not(.reader-immersive) .reader-paper{box-shadow:none;background:var(--cream);border-radius:0;max-width:760px;min-height:0;padding:12px 24px 40px}.reader:not(.reader-immersive) .page-eyebrow{display:none}.reader:not(.reader-immersive) .prose{font-size:calc(19px * var(--reader-zoom,1));line-height:1.65}.reader:not(.reader-immersive) .prose h2{font-size:calc(25px * var(--reader-zoom,1))}.reader:not(.reader-immersive) .rail,.reader:not(.reader-immersive) .margin{position:static}.reader:not(.reader-immersive) .voice-notice{width:100%;max-width:none;box-shadow:none;border-radius:0;grid-row:2;margin:0;padding:8px 24px}.reader:not(.reader-immersive) .reader-foot{background:var(--ink);grid-row:4;margin:0;padding:0;position:relative;bottom:auto}.reader:not(.reader-immersive) .reader-bar .reader-type-toggle:hover,.reader:not(.reader-immersive) .reader-bar .reader-focus-toggle:hover{color:var(--cream);background:#f8f1de1f}.reader.reader-immersive .reader-bar button:focus-visible{outline-color:var(--ink)}.reader:not(.reader-immersive) .reader-focus-toggle{color:var(--cream);background:0 0;border:0;padding:0 8px}.reader-focus-toggle:focus-visible,.reader-bar button:focus-visible{outline-color:var(--cream)}.reader-focus-tools{pointer-events:auto}.reader.reader-immersive .reader-focus-tools .reader-focus-toggle{min-width:44px;padding:0 8px}@media (width<=1100px){.reader:not(.reader-immersive) .reader-grid{flex-direction:column;gap:24px;display:flex}.reader:not(.reader-immersive) .reader-paper{flex:none;order:0;width:100%;padding:8px 0 24px}.reader:not(.reader-immersive) .rail{order:2;width:100%;max-height:none}.reader:not(.reader-immersive) .margin{order:1;align-self:center;width:100%;max-width:760px}}@media (width<=720px){.reader:not(.reader-immersive) .reader-grid{padding:10px 16px 12px}.reader:not(.reader-immersive) .prose{font-size:calc(18px * var(--reader-zoom,1));line-height:1.65}.reader:not(.reader-immersive) .prose h2{font-size:calc(25px * var(--reader-zoom,1))}.reader:not(.reader-immersive) .segmented{gap:20px}.reader:not(.reader-immersive) .segmented button{font-size:var(--text-sm)}.reader:not(.reader-immersive) .reader-bar{padding:0 20px}.reader.reader-immersive .reader-foot{gap:4px}.reader-focus-tools .reader-focus-toggle span{display:none}}.reader.reader-immersive .reader-foot .dock[data-focus=true]{min-width:0}.reader:not(.reader-immersive) .read-band{background:#b6c69070}.reader:not(.reader-immersive) .reader-foot>.reader-focus-tools{z-index:2;right:max(74px,50% - 476px);bottom:max(14px, calc(env(safe-area-inset-bottom) + 10px));position:absolute}.app[data-route=read]{background:var(--felt)}.app[data-route=read] .topbar{color:var(--ink);background:var(--felt);border-bottom:1px solid #24301f1f}.app[data-route=read] .topbar .place{color:var(--secondary)}.app[data-route=read] .topbar .place.on{color:var(--ink)}.app[data-route=read] .topbar .place:hover{color:var(--ink);background:#24301f12}.app[data-route=read] .topbar .place-stitch{filter:none}.app[data-route=read] .reader:not(.reader-immersive){background:var(--cream)}.app[data-route=read] .reader:not(.reader-immersive) .reader-bar{min-height:50px;color:var(--ink);background:var(--felt-light);border-bottom:1px solid #24301f21;grid-row:1;justify-content:space-between;align-items:center;gap:20px;margin:0;padding:0 clamp(16px,3vw,40px);display:flex}.app[data-route=read] .reader:not(.reader-immersive) .reader-back{display:none}.app[data-route=read] .reader:not(.reader-immersive) .segmented{box-shadow:none;background:0 0;flex:none;gap:18px;padding:0;display:flex}.app[data-route=read] .reader:not(.reader-immersive) .segmented button{min-height:50px;color:var(--secondary);font-size:var(--text-sm);white-space:nowrap;border-bottom:2px solid #0000;border-radius:0;padding:0;font-weight:650}.app[data-route=read] .reader:not(.reader-immersive) .segmented button.on{color:var(--ink);border-bottom-color:var(--red-thread);background:0 0}.app[data-route=read] .reader:not(.reader-immersive) .reader-view-controls{flex:none;justify-self:auto;align-items:center;gap:8px;min-width:0;display:flex}.app[data-route=read] .reader:not(.reader-immersive) .contents-trigger{min-height:44px;color:var(--ink);background:#f8f1de66;border-radius:10px;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.app[data-route=read] .reader:not(.reader-immersive) .contents-location{display:none}.app[data-route=read] .reader:not(.reader-immersive) .reader-focus-toggle,.app[data-route=read] .reader:not(.reader-immersive) .reader-type-toggle{width:44px;min-width:44px;height:44px;color:var(--ink);background:#f8f1de66;border:0;border-radius:10px;place-items:center;padding:0;display:grid}.app[data-route=read] .reader:not(.reader-immersive) .reader-bar button:hover{background:#f8f1dee6}.app[data-route=read] .reader:not(.reader-immersive) .reader-grid{background:var(--cream);grid-row:3;gap:clamp(24px,3vw,42px);min-height:0;padding:clamp(16px,2vw,28px) clamp(16px,3vw,40px);overflow-y:auto}.app[data-route=read] .reader:not(.reader-immersive) .reader-paper{background:var(--cream);width:100%;max-width:780px;min-height:0;box-shadow:none;border-radius:0;padding:4px 12px 24px}.app[data-route=read] .reader:not(.reader-immersive) .reader-foot{background:var(--felt-light);border-top:1px solid #24301f29;flex:none;grid-row:4;justify-content:center;align-items:center;width:100%;height:60px;min-height:60px;margin:0;padding:0;display:flex;position:relative;bottom:auto}.app[data-route=read] .reader:not(.reader-immersive) .reader-bar button:focus-visible,.app[data-route=read] .reader:not(.reader-immersive) .reader-foot button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.app[data-route=read] .reader:not(.reader-immersive) .read-band{background:#b6c69070}@media (width<=1100px){.app[data-route=read] .reader:not(.reader-immersive) .reader-grid{flex-direction:column;gap:22px;display:flex}.app[data-route=read] .reader:not(.reader-immersive) .reader-paper{flex:none;order:0;width:100%;padding:0 0 20px}.app[data-route=read] .reader:not(.reader-immersive) .margin{order:1;align-self:center;width:100%;max-width:760px}}@media (width<=720px){.app[data-route=read] .reader:not(.reader-immersive) .reader-bar{gap:5px;min-height:50px;padding-inline:12px}.app[data-route=read] .reader:not(.reader-immersive) .segmented{gap:10px}.app[data-route=read] .reader:not(.reader-immersive) .segmented button{min-height:50px;font-size:var(--text-caption)}.app[data-route=read] .reader:not(.reader-immersive) .contents-trigger{justify-content:center;min-width:44px;padding-inline:6px}.app[data-route=read] .reader:not(.reader-immersive) .contents-trigger>span{display:none}.app[data-route=read] .reader:not(.reader-immersive) .reader-grid{padding:12px 16px}.app[data-route=read] .reader:not(.reader-immersive) .reader-foot{height:60px;min-height:60px}.app[data-route=read] .reader:not(.reader-immersive) .reader-bar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;height:50px;min-height:50px;max-height:50px;padding-inline:12px;display:grid}.app[data-route=read] .reader:not(.reader-immersive) .segmented{background:#f8f1de7a;border-radius:12px;align-items:center;gap:2px;width:max-content;max-width:100%;height:46px;padding:3px;display:inline-flex;box-shadow:inset 0 0 0 1px #24301f1a}.app[data-route=read] .reader:not(.reader-immersive) .segmented button{height:40px;min-height:40px;max-height:40px;color:var(--secondary);font-size:var(--text-caption);white-space:nowrap;background:0 0;border:0;border-radius:9px;padding:0 10px;font-weight:650}.app[data-route=read] .reader:not(.reader-immersive) .segmented button.on{background:var(--cream);color:var(--ink);border:0;box-shadow:0 1px 3px #24301f1a}.app[data-route=read] .reader:not(.reader-immersive) .reader-view-controls{gap:4px}.app[data-route=read] .reader:not(.reader-immersive) .reader-type-toggle{display:none}.app[data-route=read] .reader:not(.reader-immersive) .contents-trigger,.app[data-route=read] .reader:not(.reader-immersive) .reader-focus-toggle{border-radius:10px;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;display:grid}}@media (width<=350px){.app[data-route=read] .reader:not(.reader-immersive) .segmented button{padding-inline:6px;font-size:11px}.app[data-route=read] .reader:not(.reader-immersive) .reader-bar{gap:3px;padding-inline:8px}.app[data-route=read] .reader:not(.reader-immersive) .reader-view-controls{gap:0}}@media (width<=720px),(height<=500px) and (pointer:coarse){.app[data-route=read]>.topbar{display:none}.app[data-route=read] .reader:not(.reader-immersive) .reader-bar{min-height:calc(52px + env(safe-area-inset-top));align-items:center;justify-content:initial;height:auto;max-height:none;padding:env(safe-area-inset-top) max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left));background:var(--felt);border-bottom:1px solid #24301f26;grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.app[data-route=read] .reader:not(.reader-immersive) .reader-back{width:100%;min-width:0;max-width:none;min-height:44px;font-size:var(--text-sm);color:var(--ink);white-space:nowrap;border-radius:8px;grid-area:1/1;align-items:center;gap:7px;padding:0;font-weight:700;line-height:1.25;display:flex}.app[data-route=read] .reader:not(.reader-immersive) .reader-back svg{flex:none}.app[data-route=read] .reader:not(.reader-immersive) .reader-back span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.app[data-route=read] .reader:not(.reader-immersive) .segmented{display:none}.app[data-route=read] .reader:not(.reader-immersive) .reader-view-controls{grid-area:1/2;justify-self:end;align-items:center;gap:4px;min-width:0;display:flex}.app[data-route=read] .reader:not(.reader-immersive) .reader-type-toggle{display:none}.app[data-route=read] .reader:not(.reader-immersive) .contents-trigger,.app[data-route=read] .reader:not(.reader-immersive) .reader-focus-toggle{width:44px;min-width:44px;height:44px;min-height:44px;color:var(--ink);background:0 0;border:0;border-radius:10px;place-items:center;padding:0;display:grid}.app[data-route=read] .reader:not(.reader-immersive) .contents-trigger:hover,.app[data-route=read] .reader:not(.reader-immersive) .reader-focus-toggle:hover{color:var(--ink);background:#24301f14}.app[data-route=read] .reader:not(.reader-immersive) .reader-bar a:focus-visible,.app[data-route=read] .reader:not(.reader-immersive) .reader-bar button:focus-visible{outline:2px solid var(--ink);outline-offset:1px}}.reader.reader-immersive{inset:auto;top:var(--reader-viewport-top,0px);left:var(--reader-viewport-left,0px);z-index:40;width:var(--reader-viewport-width,100vw);height:var(--reader-viewport-height,100dvh);background:var(--paper);overscroll-behavior:none;max-width:none;min-height:0;margin:0;padding:0;animation:none;position:fixed;overflow:hidden}.reader.reader-immersive .reader-grid{overscroll-behavior:none;width:100%;height:100%;min-height:0;padding:0;position:absolute;inset:0;overflow:hidden;display:block!important}.reader-immersive .rail,.reader-immersive .margin{display:none!important}.paged-reader,.paged-motion{position:absolute;inset:0;overflow:visible}.paged-reader{touch-action:none;outline-offset:-3px;background:var(--paper);overflow:hidden}.paged-motion{will-change:transform}.reader .reader-paper.paged-panel{width:100%;max-width:none;height:100%;min-height:0;box-shadow:none;padding:max(24px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right), calc((100% - 760px) / 2)) max(40px, calc(env(safe-area-inset-bottom) + 24px)) max(20px, env(safe-area-inset-left), calc((100% - 760px) / 2));background:var(--paper);color:var(--paper-ink);touch-action:none;border:0;border-radius:0;margin:0;animation:none;position:absolute;inset:0;overflow:hidden}.paged-before{transform:translate(-100%)}.paged-after{transform:translate(100%)}.paged-text,.paged-original{touch-action:none;width:100%;height:100%;position:relative;overflow:hidden}.paged-columns,.paged-columns .prose-wrap{width:100%;height:100%}.reader-immersive .paged-columns .prose{column-width:var(--paged-column-width);column-fill:auto;width:100%;height:100%;font-size:calc(19px * var(--reader-zoom,1));overflow-wrap:anywhere;column-gap:32px;line-height:1.65}.reader-immersive .paged-columns .prose h2{font-size:calc(28px * var(--reader-zoom,1));break-after:avoid;break-inside:avoid}.paged-columns .prose p{widows:2;orphans:2}.paged-columns .prose>:last-child{margin-bottom:0}.reader .reader-paper.paged-panel[data-mode=original]{padding:0}.paged-original canvas.original-page{max-width:none;box-shadow:none;border-radius:0;margin:0;display:block;position:relative;top:0;left:50%}.paged-original[data-fit=width]:not([data-zoomed]){overscroll-behavior:contain;scrollbar-width:none;overflow-y:auto}.paged-original:focus-visible{outline:2px solid var(--paper-ink);outline-offset:-3px}.paged-original::-webkit-scrollbar{display:none}.paged-original[data-fit=page] canvas.original-page,.paged-original[data-zoomed] canvas.original-page{position:absolute;top:50%}.paged-loading{font-size:var(--text-label);color:var(--paper-secondary);margin:0;padding:16px}.paged-position{bottom:max(10px, env(safe-area-inset-bottom));color:var(--paper-secondary);pointer-events:none;font-variant-numeric:tabular-nums;margin:0;font-size:10px;line-height:1.4;position:absolute;left:50%;transform:translate(-50%)}.paged-access{clip-path:inset(50%);width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.paged-access:focus-visible{z-index:3;top:max(8px, env(safe-area-inset-top));clip-path:none;background:var(--cream);width:auto;height:44px;color:var(--ink);border-radius:10px;margin:0;padding:0 14px;right:12px}.reader-original-fit{border-right:1px solid var(--separator);flex:none;gap:2px;margin-right:2px;padding-right:4px;display:flex}.reader-zoom-controls .reader-original-fit button{white-space:nowrap;padding-inline:6px;font-size:11px;font-weight:600}.reader-original-fit button[aria-pressed=true]{background:var(--paper);box-shadow:inset 0 0 0 1px var(--separator)}.reader.reader-immersive .reader-bar{z-index:25;padding:max(8px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 8px max(16px, env(safe-area-inset-left));background:var(--cream);border-bottom:1px solid var(--separator);margin:0;position:absolute;top:0;left:0;right:0}.reader.reader-immersive .reader-foot{z-index:25;padding-inline:max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right));justify-content:space-between;gap:12px;margin:0;position:absolute;bottom:0;left:0;right:0}.reader-immersive .reader-bar,.reader-immersive .reader-foot{transition:transform .18s var(--ease), opacity .18s var(--ease), visibility .18s}.reader-immersive[data-controls=hidden] .reader-bar{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-100%)}.reader-immersive[data-controls=hidden] .reader-foot{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(100%)}.reader-immersive .voice-notice{z-index:28;top:max(72px, env(safe-area-inset-top));font-size:var(--text-caption);margin:0;position:absolute;right:12px}.reader-immersive[data-controls=hidden] .voice-notice{visibility:hidden;pointer-events:none}.reader-page-nav{pointer-events:auto;flex:none;align-items:center;gap:4px;display:flex}.reader-page-nav button{border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.reader-page-nav button:hover:not(:disabled){background:#e9dfc8}.reader-page-nav button:disabled{opacity:.3;cursor:default}.reader-page-nav .tabular{min-width:42px;font-size:var(--text-caption);text-align:center}@media (width<=900px){.reader.reader-immersive .reader-bar{padding:max(4px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 4px max(12px, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) auto auto;gap:0 8px}.reader-immersive .reader-bar .reader-back{min-height:44px;font-size:var(--text-caption);grid-area:2/1;padding:0}.reader-immersive .reader-back svg{display:none}.reader-immersive .reader-bar .segmented{flex-wrap:nowrap;grid-area:1/1/auto/3}.reader-immersive .reader-bar .reader-view-controls{display:contents}.reader-immersive .reader-focus-toggle{grid-area:1/3;justify-self:end;padding:0 10px}.reader-immersive .reader-zoom-controls{grid-area:2/2/auto/4;justify-self:end}.reader-immersive .voice-notice{top:calc(max(4px, env(safe-area-inset-top)) + 100px);max-width:calc(100% - 24px)}.reader-immersive .paged-columns .prose{font-size:calc(18px * var(--reader-zoom,1))}.reader-immersive .paged-columns .prose h2{font-size:calc(25px * var(--reader-zoom,1))}.reader.reader-immersive .reader-foot .dock[data-focus=true]{flex:1;width:auto;max-width:190px}.dock[data-focus=true] .dock-focus-description small{display:none}}@media (height<=480px){.reader .reader-paper.paged-panel{padding-top:max(16px, env(safe-area-inset-top));padding-bottom:max(28px, env(safe-area-inset-bottom))}}@media (width<=350px){.reader.reader-immersive .reader-foot{gap:4px;padding-inline:8px}.reader-page-nav{gap:0}.reader-page-nav .tabular{min-width:36px}.dock-focus-description strong{font-size:var(--text-xs)}}@media (prefers-reduced-motion:reduce){.reader-immersive .reader-bar,.reader-immersive .reader-foot{transition:none}}.paged-dismiss-stage{position:absolute;inset:0}.paged-dismiss-hint{z-index:3;top:max(12px, env(safe-area-inset-top));opacity:var(--pull-progress,0);background:var(--paper);color:var(--paper-secondary);font-size:var(--text-caption);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:6px;padding:2px 8px;line-height:20px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.paged-dismiss-hint svg{transition:transform .12s var(--ease)}.paged-reader[data-pull-state=ready] .paged-dismiss-hint svg{transform:rotate(180deg)}.paged-reader[data-pull-state=settling] .paged-dismiss-hint,.paged-reader[data-pull-state=exiting] .paged-dismiss-hint{opacity:0;transition:opacity .12s var(--ease)}@media (prefers-reduced-motion:reduce){.paged-dismiss-hint,.paged-dismiss-hint svg{transition:none}}.paged-reader[data-mode=original],.reader .reader-paper.paged-panel[data-mode=original],.paged-original{background:#fff}@media (width<=720px){.reader.reader-immersive .reader-paper.paged-panel[data-mode=rebuilt]{padding-top:max(65px, calc(env(safe-area-inset-top) + 42px));padding-bottom:max(84px, calc(env(safe-area-inset-bottom) + 74px))}}