:root{color-scheme:light;--accent-hue: 257deg;--accent-saturation: 100%;--accent-lightness: 60.78%;--accent-50: hsl(calc(var(--accent-hue) - .26deg) var(--accent-saturation) clamp(0%, calc(var(--accent-lightness) + 37.85%), 100%));--accent-75: hsl(calc(var(--accent-hue) - .26deg) var(--accent-saturation) clamp(0%, calc(var(--accent-lightness) + 36.47%), 100%));--accent-100: hsl(calc(var(--accent-hue) - 7deg) var(--accent-saturation) clamp(0%, calc(var(--accent-lightness) + 36.87%), 100%));--accent-150: hsl(calc(var(--accent-hue) - 5.97deg) clamp(0%, calc(var(--accent-saturation) - 8.7%), 100%) clamp(0%, calc(var(--accent-lightness) + 34.71%), 100%));--accent-200: hsl(calc(var(--accent-hue) - 6.9deg) clamp(0%, calc(var(--accent-saturation) - 4.76%), 100%) clamp(0%, calc(var(--accent-lightness) + 30.98%), 100%));--accent-300: hsl(calc(var(--accent-hue) - 4.9deg) clamp(0%, calc(var(--accent-saturation) - 5.26%), 100%) clamp(0%, calc(var(--accent-lightness) + 24.32%), 100%));--accent-350: hsl(calc(var(--accent-hue) - 2.58deg) clamp(0%, calc(var(--accent-saturation) - 8.6%), 100%) clamp(0%, calc(var(--accent-lightness) + 20.98%), 100%));--accent-400: hsl(calc(var(--accent-hue) - 2.26deg) clamp(0%, calc(var(--accent-saturation) - 8.26%), 100%) clamp(0%, calc(var(--accent-lightness) + 15.49%), 100%));--accent-500: hsl(calc(var(--accent-hue) + .91deg) clamp(0%, calc(var(--accent-saturation) - 10.47%), 100%) clamp(0%, calc(var(--accent-lightness) + 5.49%), 100%));--accent-600: hsl(calc(var(--accent-hue) + 4.72deg) clamp(0%, calc(var(--accent-saturation) - 16.74%), 100%) clamp(0%, calc(var(--accent-lightness) - 2.94%), 100%));--accent-650: hsl(calc(var(--accent-hue) + 1.98deg) var(--accent-saturation) clamp(0%, calc(var(--accent-lightness) + .98%), 100%));--accent-700: hsl(var(--accent-hue) var(--accent-saturation) var(--accent-lightness));--accent-725: hsl(calc(var(--accent-hue) + 2.26deg) clamp(0%, calc(var(--accent-saturation) - 20.63%), 100%) clamp(0%, calc(var(--accent-lightness) - 4.51%), 100%));--accent-750: hsl(calc(var(--accent-hue) + .73deg) clamp(0%, calc(var(--accent-saturation) - 21.55%), 100%) clamp(0%, calc(var(--accent-lightness) - 6.27%), 100%));--accent-800: hsl(calc(var(--accent-hue) + 5.99deg) clamp(0%, calc(var(--accent-saturation) - 30.04%), 100%) clamp(0%, calc(var(--accent-lightness) - 10.39%), 100%));--accent-850: hsl(calc(var(--accent-hue) + 5.96deg) clamp(0%, calc(var(--accent-saturation) - 30.7%), 100%) clamp(0%, calc(var(--accent-lightness) - 18.62%), 100%));--accent-900: hsl(calc(var(--accent-hue) + 6.1deg) clamp(0%, calc(var(--accent-saturation) - 32.58%), 100%) clamp(0%, calc(var(--accent-lightness) - 25.88%), 100%));--accent-muted: hsl(calc(var(--accent-hue) + 3.89deg) clamp(0%, calc(var(--accent-saturation) - 11.43%), 100%) clamp(0%, calc(var(--accent-lightness) + 32.36%), 100%));--accent-shadow: hsl(calc(var(--accent-hue) - .83deg) clamp(0%, calc(var(--accent-saturation) - 49.28%), 100%) clamp(0%, calc(var(--accent-lightness) - 20.19%), 100%));--accent-shadow-deep: hsl(calc(var(--accent-hue) - .07deg) clamp(0%, calc(var(--accent-saturation) - 62.18%), 100%) clamp(0%, calc(var(--accent-lightness) - 37.45%), 100%));--ink: #050b1a;--body: #1f2937;--muted: #7e8698;--purple: var(--accent-700);--purple-soft: var(--accent-100);--green: #00c86b;--progress-purple: var(--accent-500);--progress-green: #22c55e;--progress-green-soft: #bbf7d0;--track: #d9dce1}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:#fff;color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,a{color:inherit;font:inherit}button{border:0}a{text-decoration:none}.player-stage{--chapter-back-top: 30px;--chapter-back-height: 44px;--back-to-book-gap: 80px;--book-to-chapter-gap: 4px;--chapter-to-progress-title-gap: 50px;--progress-to-text-gap: 60px;--text-to-controls-gap: 60px;--sentence-dot-gutter: 18px;--center-section-x: 37px;--play-icon-x: 2px;--play-icon-y: 1px;--play-icon-size: 30px;position:relative;width:min(100%,1440px);min-height:900px;margin:0 auto;overflow:visible;background:#fff;isolation:isolate}.chapter-back{position:absolute;z-index:12;top:var(--chapter-back-top);left:12.7%;display:flex;width:200px;height:var(--chapter-back-height);align-items:center;justify-content:center;gap:9px;border:1px solid rgb(255 255 255 / 96%);border-radius:999px;color:var(--accent-600);background:radial-gradient(circle at 28% 18%,#fffffffa,#ffffff7f 48%,#f5f7fc9e);box-shadow:inset 0 1px #fff,0 10px 24px #232a3b17,0 2px 6px #232a3b0d;font-size:14px;font-weight:700;line-height:18px;transition:color .16s ease,transform .16s ease,box-shadow .16s ease}.chapter-back:hover{color:var(--accent-850);transform:translateY(-1px)}.chapter-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.player-toolbar-links{display:flex;align-items:center;gap:12px}.player-toolbar-links .chapter-back{position:relative;top:auto;left:auto}.chapters-link{color:var(--accent-600)}.chapters-link:hover{color:var(--accent-850)}.player-auth-slot{position:absolute;z-index:12;top:calc(var(--chapter-back-top) - 1px);right:12.7%;display:flex;height:46px;align-items:center;gap:44px}.library-link{position:relative;display:inline-flex;height:46px;align-items:center;justify-content:center;overflow:hidden;padding:0 18px;border:1px solid rgb(255 255 255 / 96%);border-radius:999px;color:#3b455a;background:radial-gradient(circle at 28% 18%,#fffffffa,#ffffff6b 42%,#f5f7fc7f),#ffffff8f;box-shadow:inset 0 1px #fff,inset 0 -5px 12px #7e86980f,0 10px 24px #232a3b17,0 2px 6px #232a3b0d;font-size:14px;font-weight:800;letter-spacing:-.03em;backdrop-filter:blur(26px) saturate(1.45);transition:transform .16s ease,box-shadow .16s ease}.library-link:after{position:absolute;top:5px;left:11px;width:34px;height:10px;border-radius:999px;background:#ffffff8f;content:"";filter:blur(4px);pointer-events:none;transform:rotate(-12deg)}.library-link>span{position:relative;z-index:1}.library-link:hover{box-shadow:inset 0 1px #fff,0 20px 40px color-mix(in srgb,var(--accent-shadow) 15%,transparent),0 3px 8px #232a3b0f;transform:translateY(-2px) scale(1.025)}.chapter-back.library-link{width:auto;gap:9px;color:var(--accent-600)}.chapter-back.library-link:hover{color:var(--accent-850)}.chapter-back.library-link svg{position:relative;z-index:1}.auth-button{position:relative;display:flex;min-width:176px;height:44px;align-items:center;justify-content:center;gap:9px;padding:0 16px;border:1px solid rgb(255 255 255 / 96%);border-radius:999px;color:#111827;background:radial-gradient(circle at 28% 18%,#fffffffa,#ffffff6b 42%,#f5f7fc7f),#ffffff8f;box-shadow:inset 0 1px #fff,inset 0 -5px 12px #7e86980f,0 10px 24px #232a3b17,0 2px 6px #232a3b0d;font-size:13px;font-weight:750;cursor:pointer;backdrop-filter:blur(26px) saturate(1.45);transition:transform .16s ease,box-shadow .16s ease}.auth-button:hover:not(:disabled){box-shadow:inset 0 1px #fff,0 20px 40px color-mix(in srgb,var(--accent-shadow) 15%,transparent),0 3px 8px #232a3b0f;transform:translateY(-2px) scale(1.025)}.auth-button:disabled{color:var(--muted);cursor:wait}.auth-button.is-signed-in{min-width:44px;width:44px;max-width:44px;height:44px;gap:0;padding:0;border-color:transparent;background:transparent;box-shadow:none;backdrop-filter:none}.auth-button.is-signed-in:hover:not(:disabled){border-color:transparent;box-shadow:none;transform:translateY(-1px)}.auth-avatar,.auth-menu-avatar{display:grid;flex:0 0 auto;place-items:center;border-radius:999px;color:#fff;background:var(--purple);font-size:12px;font-weight:800}.auth-avatar,.auth-button-photo{width:44px;height:44px}.auth-avatar{box-shadow:0 8px 22px color-mix(in srgb,var(--accent-700) 20%,transparent)}.auth-button-photo{flex:0 0 auto;border-radius:999px;box-shadow:0 8px 22px #11182724;object-fit:cover}.auth-button-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-button-label:empty{display:none}.auth-menu{position:absolute;top:52px;right:0;width:290px;padding:10px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;box-shadow:0 22px 54px #11182729}.auth-menu-user{display:flex;min-width:0;align-items:center;gap:11px;padding:8px 8px 12px;border-bottom:1px solid #eef0f3}.auth-menu-photo,.auth-menu-avatar{width:38px;height:38px}.auth-menu-photo{flex:0 0 auto;border-radius:999px;object-fit:cover}.auth-menu-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.auth-menu-copy strong,.auth-menu-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-menu-copy strong{color:#111827;font-size:14px}.auth-menu-copy span{color:var(--muted);font-size:12px}.auth-sign-out{width:100%;margin-top:7px;padding:10px 11px;border-radius:10px;color:#374151;background:#fff;font-size:13px;font-weight:700;text-align:left;cursor:pointer}.auth-sign-out:hover{color:var(--accent-850);background:var(--accent-100)}.auth-status{position:absolute;top:51px;right:0;width:max-content;max-width:320px;margin:0;padding:8px 11px;border:1px solid #e5e7eb;border-radius:10px;color:#4b5563;background:#fff;box-shadow:0 12px 30px #1118271a;font-size:12px;font-weight:650;line-height:17px}.auth-status[data-kind=error]{border-color:#fecaca;color:#b42318;background:#fff7f7}.player-hero{position:relative;width:680px;min-height:560px;margin-left:12.7%;padding-top:calc(var(--chapter-back-top) + var(--chapter-back-height) + var(--back-to-book-gap));padding-bottom:100px}.book-label{min-width:0;margin:0;overflow:hidden;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.18em;line-height:16px;text-overflow:ellipsis;white-space:nowrap}.title-meta{display:flex;width:100%;min-width:0;align-items:center;gap:9px;margin:0;white-space:nowrap}.title-meta-separator{flex:0 0 auto;color:#b5bac5}.position-label,.chapter-position-label{display:flex;align-items:center;gap:9px;color:var(--purple);font-size:14px;font-weight:800;letter-spacing:.12em;line-height:18px}.chapter-position-label{flex:0 0 auto}.position-label{margin:var(--chapter-to-progress-title-gap) 0 0 6px}h1{display:flex;width:680px;min-height:66px;margin:var(--book-to-chapter-gap) 0 0;color:var(--ink);font-size:61px;font-weight:800;letter-spacing:-.045em;line-height:66px}.chapter-title-copy{min-width:0}.purple-stop{color:var(--purple)}.paragraph-progress{display:flex;width:546px;height:25px;gap:6px;margin:4px 0 -8px 6px}.progress-segment{position:relative;flex:1;min-width:0;height:25px;padding:8px 0;border:0;border-radius:999px;background:transparent;cursor:pointer}.progress-track{display:block;width:100%;height:9px;overflow:hidden;border-radius:999px;background:var(--track);transition:background .18s ease,box-shadow .16s ease}.progress-segment.is-current .progress-track{background:var(--progress-green-soft);box-shadow:none}.progress-segment:not(.is-current):hover .progress-track{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-700) 16%,transparent)}.progress-fill{display:block;width:0;height:100%;border-radius:inherit;background:var(--progress-purple);will-change:width}.progress-segment.is-current:not(.is-complete) .progress-fill{background:var(--progress-green)}.progress-segment.is-complete .progress-fill{width:100%}.progress-segment.is-missing-audio .progress-track{background:#d8dce3}.paragraph-copy{display:flex;width:674px;flex-direction:column;margin:var(--progress-to-text-gap) 0 0 8px}.paragraph-name{display:none}.sentence-list{display:flex;flex-direction:column;gap:5px}.paragraph-audio-missing{display:flex;width:100%;min-height:148px;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;border:1px solid #e1e4e9;border-radius:16px;background:#f7f8fa;color:#737b8c;font-size:14px;font-weight:650;line-height:20px;text-align:center}.paragraph-audio-missing.is-processing{flex-direction:row;gap:9px}.paragraph-audio-status{margin:0;color:#596273;font-size:14px;font-weight:700;line-height:20px}.paragraph-create-audio.liquid-glass-action{min-width:132px;min-height:40px;padding-inline:19px;color:#4b5563;font-size:13px;background:radial-gradient(circle at 28% 18%,#fff,rgb(255 255 255 / 58%) 46%,transparent),#e2e5ea;box-shadow:inset 0 1px #fff,0 7px 16px #232a3b14,0 2px 4px #232a3b0d}.paragraph-create-audio.liquid-glass-action:hover:not(:disabled){color:#28303e;box-shadow:inset 0 1px #fff,0 10px 22px #232a3b1f,0 2px 5px #232a3b0f}.control:disabled{cursor:default;opacity:.38}#nextButton.is-next-callout-green{border-color:var(--footer-green-border, #78c99c);color:var(--footer-green-colour, #007f46);background:var(--footer-green-face, #b9e8cd);box-shadow:var( --footer-grey-shadow, inset 0 1px 0 rgb(255 255 255 / 82%), 0 10px 24px rgb(35 42 59 / 15%) )}.next-callout-button{transition:none}.next-callout-button:active{transform:none}.sentence{position:relative;width:100%;padding:0;border-radius:4px;color:var(--body);background:transparent;font-size:18px;font-weight:600;letter-spacing:-.015em;line-height:27px;text-align:left;cursor:pointer;transition:color .1s ease}.sentence-listened-dot{display:none;position:absolute;top:14px;left:-13px;width:8px;height:8px;border-radius:50%;background:var(--purple);pointer-events:none;transform:translate(-50%,-50%)}.sentence.is-last-listened .sentence-listened-dot{display:block}.sentence:hover{color:var(--purple)}.sentence-marker{padding:1px 2px;border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.action-row{position:relative;display:flex;width:min(680px,100%);min-height:64px;align-items:center;justify-content:space-between;margin-top:var(--text-to-controls-gap)}.speak-pill:disabled,.tool-item-action:disabled{cursor:default;opacity:.72}.tips-panel-backdrop{position:fixed;z-index:30;inset:0;opacity:0;background:#11182724;backdrop-filter:blur(2px);transition:opacity .22s ease}.tips-panel-backdrop.is-open{opacity:1}.tips-panel{position:fixed;z-index:31;top:0;right:0;bottom:0;display:flex;width:min(440px,calc(100vw - 24px));flex-direction:column;border-left:1px solid #e5e7eb;background:#fff;box-shadow:-24px 0 60px #11182729;transform:translate(100%);transition:transform .24s cubic-bezier(.22,1,.36,1)}.tips-panel.is-open{transform:translate(0)}.tips-card h3,.tips-card p{margin:0}.tips-panel-close{position:absolute;z-index:1;top:22px;right:24px;display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;padding:0;border:1px solid #e5e7eb;border-radius:50%;color:#4b5563;background:#fff;cursor:pointer}.tips-panel-close:hover{background:#f9fafb}.tips-panel-close:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-700) 24%,transparent);outline-offset:3px}.tips-panel-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.6}.tips-panel-content{min-height:0;flex:1;padding:28px 28px 36px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.tips-panel-title{margin:0 64px 30px 0;color:#111827;font-size:28px;font-weight:800;letter-spacing:-.04em;line-height:38px}.tips-list{display:grid;gap:34px}.tips-card{background:transparent}.tips-card-media{display:grid;min-height:116px;place-items:center;background:transparent}.tips-card-media img{display:block;width:100%;height:auto}.tips-card-media.is-keyboard{height:116px;background:transparent}.tips-card-media.is-keyboard img{width:122px}.tips-card-copy{padding:13px 0 0}.tips-card h3{color:#111827;font-size:16px;font-weight:800;letter-spacing:-.02em;line-height:21px}.tips-card p{margin-top:5px;color:#667085;font-size:13px;font-weight:600;line-height:19px}.picker-backdrop{position:fixed;z-index:8;inset:0;background:#ffffff2e;backdrop-filter:blur(2px)}.chapter-picker{position:absolute;z-index:9;top:105px;right:150px;display:flex;width:470px;height:min(650px,calc(100vh - 120px));flex-direction:column;padding:20px;border:1px solid #e5e7eb;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 28px 70px #11111129}.paragraph-picker{height:min(480px,calc(100vh - 240px))}.speed-picker{position:absolute;z-index:9;top:145px;right:170px;display:flex;width:300px;max-height:min(560px,calc(100vh - 180px));flex-direction:column;padding:18px;border:1px solid #e5e7eb;border-radius:24px;background:#fff;box-shadow:0 22px 54px #11182729}[hidden]{display:none!important}.picker-header{display:flex;height:54px;flex:0 0 54px;align-items:center;justify-content:space-between}.picker-header h2{margin:0;color:#111827;font-size:24px;font-weight:800;letter-spacing:-.03em;line-height:30px}.picker-close{display:grid;width:36px;height:36px;place-items:center;padding:0;border-radius:50%;color:#374151;background:#f3f4f6;cursor:pointer}.picker-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2}.chapter-picker .picker-header{height:64px;flex-basis:64px}.chapter-picker .picker-header h2{color:#111;font-size:26px;letter-spacing:-.035em;line-height:32px}.chapter-picker .picker-close{width:38px;height:38px;border:1px solid #e5e7eb;color:#4b5563;background:#fff}.chapter-picker .picker-close:hover{background:#f9fafb}.chapter-picker .picker-close svg{stroke-width:1.5}.picker-list{display:flex;min-height:0;flex-direction:column;gap:4px;padding-top:8px;overflow-y:auto}.chapter-picker-list{height:546px;flex:1;gap:0;padding:8px 12px 0 0;scrollbar-color:#d1d5db #f3f4f6;scrollbar-width:thin}.chapter-picker-list::-webkit-scrollbar{width:3px}.chapter-picker-list::-webkit-scrollbar-track{border-radius:2px;background:#f3f4f6}.chapter-picker-list::-webkit-scrollbar-thumb{border-radius:2px;background:#d1d5db}.chapter-picker-group{display:flex;width:100%;flex-direction:column}.chapter-picker-heading{display:flex;width:100%;height:46px;flex:0 0 46px;align-items:center;padding:0 10px}.chapter-picker-heading-number{width:42px;flex:0 0 42px;color:var(--accent-800);font-size:22px;font-weight:850;line-height:26px}.chapter-picker-heading-title{min-width:0;color:#6b7280;font-size:11px;font-weight:700;letter-spacing:.08em;line-height:14px;text-transform:uppercase}.speed-list{display:flex;min-height:0;flex-direction:column;gap:4px;padding-top:8px;overflow-y:auto}.speed-option{display:flex;width:100%;min-height:42px;flex:0 0 42px;align-items:center;justify-content:space-between;padding:0 14px;border:1px solid #e5e7eb;border-radius:10px;color:#374151;background:#f9fafb;font-size:15px;font-weight:600;cursor:pointer}.speed-option:hover,.speed-option.is-selected{color:var(--accent-600);border-color:var(--accent-500);background:var(--purple-soft)}.speed-check{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.chapter-option{display:flex;width:100%;height:42px;flex:0 0 42px;align-items:center;padding:0 10px;border:1px solid transparent;color:#374151;background:transparent;text-align:left;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.chapter-option.is-direct{height:52px;flex-basis:52px}.chapter-option:not(.is-direct){width:calc(100% - 26px);margin-left:26px}.chapter-option:not(.is-unavailable):hover{color:var(--accent-600);background:var(--accent-50)}.chapter-option.is-selected{height:48px;flex-basis:48px;border:0;border-radius:10px;color:var(--accent-900);background:var(--accent-100)}.chapter-option.is-selected:focus-visible{outline:0}.chapter-option-number{width:42px;flex:0 0 42px;overflow:hidden;color:#6b7280;font-size:12px;font-weight:750;line-height:16px;text-overflow:ellipsis;white-space:nowrap}.chapter-option.is-direct .chapter-option-number{color:#111;font-size:18px;font-weight:800;line-height:22px}.chapter-option.is-selected .chapter-option-number{color:var(--accent-800);font-weight:800}.chapter-option-title{min-width:0;flex:1;font-size:14px;font-weight:500;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-option.is-direct .chapter-option-title{color:#111;font-weight:650}.chapter-option.is-selected .chapter-option-title{color:var(--accent-900);font-weight:700;line-height:19px}.chapter-option.is-unavailable{color:#aeb4bf;cursor:default}.chapter-option.is-unavailable .chapter-option-number,.chapter-option.is-unavailable .chapter-option-title{color:#aeb4bf}.chapter-option-status{display:flex;width:22px;height:22px;flex:0 0 22px;align-items:center;justify-content:center}.chapter-option-status.has-audio-action{width:auto;height:auto;flex-basis:auto;margin-left:10px}.chapter-option-check{width:17px;height:17px;fill:none;stroke:#4ade80;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.8}.control:focus-visible,.tool-item-action:focus-visible,.speak-pill:focus-visible,.chapter-back:focus-visible,.library-link:focus-visible,.auth-button:focus-visible,.auth-sign-out:focus-visible,.picker-close:focus-visible,.chapter-option:focus-visible,.speed-option:focus-visible,.sentence:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-700) 28%,transparent);outline-offset:4px}.progress-segment:focus-visible{outline:0}.progress-segment:focus-visible .progress-track{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-700) 28%,transparent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:920px){.player-stage{--back-to-book-gap: 39px;--chapter-to-progress-title-gap: 39px;min-height:940px;overflow:visible}.chapter-back{left:7vw}.player-auth-slot{right:7vw}.player-hero{width:76vw;margin-left:7vw}.book-label{font-size:11px;letter-spacing:.2em;white-space:nowrap}h1{width:100%;min-height:0;font-size:clamp(44px,7vw,58px);line-height:1.05}.paragraph-progress,.paragraph-copy{width:100%}.action-row{gap:12px}.player-controls{width:auto;flex:1}.chapter-picker,.speed-picker{right:24px}}@media(max-width:820px){.player-stage{--chapter-back-top: 20px}}@media(max-width:620px){.player-stage{--book-to-chapter-gap: 10px;--progress-to-text-gap: 36px;--text-to-controls-gap: 36px;min-height:900px;padding:0 20px}.chapter-back{left:20px;width:auto;padding:0 18px;transform:none}.chapter-back:hover{transform:translateY(-1px)}.player-auth-slot{right:20px;gap:14px}.library-link{height:44px;padding:0 14px}.player-toolbar-links{gap:8px}.auth-button{min-width:120px}.auth-button.is-signed-in{min-width:44px}.auth-menu,.auth-status{max-width:calc(100vw - 40px)}.player-hero{position:relative;top:auto;left:auto;width:100%;min-height:0;margin-left:0;padding-top:calc(var(--chapter-back-top) + var(--chapter-back-height) + var(--back-to-book-gap))}.book-label{font-size:11px;letter-spacing:.16em;line-height:17px}.position-label{flex-wrap:wrap;gap:5px 8px;margin:var(--chapter-to-progress-title-gap) 0 0;font-size:12px;line-height:16px}h1{font-size:clamp(39px,12vw,52px)}.paragraph-progress{margin-top:2px;margin-left:0}.paragraph-copy{min-height:0;margin:var(--progress-to-text-gap) 0 0}.sentence{font-size:17px;line-height:26px}.tips-panel{width:100%;border-left:0}.tips-panel-content{padding:22px 20px 28px}.tips-panel-close{top:16px;right:20px}.action-row{flex-wrap:wrap;justify-content:center;margin-top:var(--text-to-controls-gap)}.player-controls{order:-1;width:100%;flex:0 0 100%}.chapter-picker{position:fixed;inset:auto 16px 16px;width:auto;height:min(520px,calc(100vh - 32px))}.paragraph-picker{bottom:120px;height:min(480px,calc(100vh - 136px))}.speed-picker{position:fixed;inset:auto 16px 16px;width:auto;max-height:min(560px,calc(100vh - 32px))}}.player-footer{--footer-grey-face: #dfe3e9;--footer-grey-border: #c6ccd6;--footer-grey-colour: #4f596a;--footer-green-face: #b9e8cd;--footer-green-border: #78c99c;--footer-green-colour: #007f46;--footer-grey-shadow: inset 0 1px 0 rgb(255 255 255 / 82%), 0 10px 24px rgb(35 42 59 / 15%);position:fixed;z-index:11;right:0;bottom:0;left:0;display:flex;height:116px;align-items:center;justify-content:center;padding:0 max(24px,12.7vw);border-top:1px solid #eef0f4;background:#fffffff5;box-shadow:0 -8px 24px #232a3b0a;backdrop-filter:blur(24px) saturate(1.25)}.player-footer .control:not(.control-purple),.player-footer .speak-pill:not(.is-feature-active){border-color:var(--footer-grey-border);color:var(--footer-grey-colour);background:var(--footer-grey-face);box-shadow:var(--footer-grey-shadow);transform:none}.player-footer .control:not(.control-purple):hover,.player-footer .control:not(.control-purple):active,.player-footer .speak-pill:not(.is-feature-active):hover,.player-footer .speak-pill:not(.is-feature-active):active{border-color:var(--footer-grey-border);color:var(--footer-grey-colour);background:var(--footer-grey-face);box-shadow:var(--footer-grey-shadow);transform:none}.player-footer .glass-orb{border-color:var(--footer-grey-border);box-shadow:var(--footer-grey-shadow);transform:none}.player-footer .glass-orb:after{display:none}.player-footer .tool-item:not(.tool-item-active) .glass-orb{color:var(--footer-grey-colour);background:var(--footer-grey-face)}.player-footer .tool-item-action:hover .glass-orb,.player-footer .tool-item-action:active .glass-orb{border-color:var(--footer-grey-border);box-shadow:var(--footer-grey-shadow);transform:none}.player-footer .tool-item:not(.tool-item-active):hover .glass-orb,.player-footer .tool-item:not(.tool-item-active):active .glass-orb{color:var(--footer-grey-colour);background:var(--footer-grey-face)}.player-footer #autoButton.tool-item-active{color:var(--footer-green-colour)}.player-footer #autoButton.tool-item-active .glass-orb{border-color:var(--footer-green-border);color:var(--footer-green-colour);background:var(--footer-green-face);box-shadow:var(--footer-grey-shadow)}.player-footer .action-row{width:min(820px,100%);min-height:64px;flex:0 1 820px;justify-content:center;gap:18px;margin:0;transform:translate(-30px)}.player-footer .action-row.has-feature-active{transform:none}.player-footer .player-controls{width:260px;flex:0 0 260px}.footer-keyboard-hint{position:absolute;top:50%;left:calc(75% - 47px);display:none;width:72px;opacity:.34;pointer-events:none;transform:translateY(-50%);transition:opacity .18s ease}.footer-keyboard-hint img{display:block;width:100%;height:auto;filter:grayscale(1) saturate(0) brightness(1.08)}.player-footer .action-row.has-feature-active+.footer-keyboard-hint{opacity:0}@media(min-width:1240px){.footer-keyboard-hint{display:flex}}.footer-tools{position:absolute;top:50%;right:36px;display:flex;align-items:center;gap:12px;transform:translateY(-50%)}.footer-tools .tool-item{min-width:64px;width:64px}@media(max-width:1280px){.player-footer .action-row{width:min(760px,100%);flex-basis:760px}}@media(max-width:760px){.player-footer{height:130px;padding:0 204px 0 20px}.player-footer .action-row{width:100%;flex:1 1 auto;gap:12px;margin:0;transform:none}.player-footer .player-controls{width:auto;flex:1 1 auto}.footer-tools{right:16px;gap:8px}.footer-tools .tool-item{width:52px;min-width:52px}}@media(max-width:620px){.player-footer{height:104px;padding:0 138px 0 4px}.player-footer .action-row{flex-wrap:nowrap;gap:4px}.player-footer .speak-pill{width:42px;height:42px;flex:0 0 42px}.player-footer .speak-label{display:none}.player-footer .player-controls{order:initial;width:auto;flex:1 1 auto;gap:2px}.player-footer .control{width:40px;height:40px}.player-footer .control-play{width:52px;height:52px}.footer-tools{right:4px;gap:4px}.footer-tools .tool-item{width:40px;min-width:40px;height:auto}.footer-tools .glass-orb{min-width:32px;width:32px;height:32px}.footer-tools .glass-orb svg{width:19px;height:19px}}@media(max-width:420px){.player-footer .speak-pill{width:38px;height:38px;flex-basis:38px}.player-footer .control{width:34px;height:34px}.player-footer .control-play{width:46px;height:46px}}html,body{height:100%;overflow:hidden}.player-stage{--player-toolbar-height: 104px;width:100%;height:100svh;min-height:100svh;overflow:hidden}.chapter-sidebar{position:fixed;z-index:10;top:var(--player-toolbar-height);bottom:116px;left:30px;display:flex;width:min(314px,calc(50vw - 388px));min-height:0;flex-direction:column;padding-top:max(0px,calc(var(--chapter-back-top) + var(--chapter-back-height) + var(--back-to-book-gap) - var(--player-toolbar-height)));background:transparent}.chapter-sidebar-header{display:flex;width:100%;flex:0 0 auto;align-items:center;justify-content:space-between}.chapter-sidebar-header h2{margin:0;color:#111;font-size:22px;font-weight:750;letter-spacing:-.025em;line-height:28px}.chapter-sidebar-open{display:inline-flex;align-items:center;gap:5px;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;text-decoration:none;transform-origin:left center;transition:color .16s ease,transform .16s ease}.chapter-sidebar-open:hover{color:#111;transform:translateY(-1px) scale(1.025)}.chapter-sidebar-open:focus-visible{border-radius:4px;outline:3px solid color-mix(in srgb,var(--accent-700) 24%,transparent);outline-offset:3px}.chapter-sidebar-open svg{width:15px;height:15px;fill:none;stroke:var(--accent-600);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5;transition:stroke .16s ease,transform .16s ease}.chapter-sidebar-open:hover svg{stroke:var(--accent-850);transform:translate(1px,-1px)}.chapter-sidebar-close,.chapter-sidebar-toggle{display:none}.chapter-sidebar-list{display:flex;width:100%;min-height:0;flex:1 1 auto;flex-direction:column;padding-top:26px;overflow-y:auto;scrollbar-width:none}.chapter-sidebar-list::-webkit-scrollbar{display:none}.chapter-sidebar-option{width:100%}.chapter-sidebar-option.is-direct .chapter-option-number{font-size:15px;font-weight:700;line-height:20px}.chapter-sidebar-option.is-direct .chapter-option-title{flex:0 1 auto;font-size:14px;font-weight:600;line-height:20px}.chapter-sidebar-option .chapter-option-status{width:17px;height:17px;flex:0 0 17px;margin-left:7px}.chapter-sidebar-option .chapter-option-status:empty{display:none}.chapter-sidebar-option.is-selected{height:52px;flex-basis:52px;background:transparent}.chapter-sidebar-option.is-selected .chapter-option-number{font-weight:750}.chapter-sidebar-option.is-selected .chapter-option-title{font-weight:650;line-height:20px}@media(max-width:1200px){.chapter-sidebar.load-reveal{z-index:31;top:0;bottom:0;left:0;width:min(380px,calc(100vw - 24px));padding:28px;border-right:1px solid #e5e7eb;visibility:hidden;opacity:1;background:#fff;box-shadow:24px 0 60px #11182729;pointer-events:none;transform:translate(-100%);transition:transform .24s cubic-bezier(.22,1,.36,1),visibility 0s linear .24s}.chapter-sidebar.is-drawer-open{visibility:visible;pointer-events:auto;transform:translate(0);transition:transform .24s cubic-bezier(.22,1,.36,1)}.chapter-sidebar-list{padding-top:20px}.chapter-sidebar-close{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;padding:0;border:1px solid #e5e7eb;border-radius:50%;color:#4b5563;background:#fff;cursor:pointer}.chapter-sidebar-close:hover{background:#f9fafb}.chapter-sidebar-close:focus-visible,.chapter-sidebar-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-700) 24%,transparent);outline-offset:3px}.chapter-sidebar-close svg,.chapter-sidebar-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.chapter-sidebar-close svg{width:18px;height:18px}.chapter-sidebar-toggle{position:absolute;z-index:1;top:50%;left:36px;display:grid;width:44px;height:44px;place-items:center;padding:0;border:0;border-radius:0;color:#4f596a;background:transparent;cursor:pointer;transform:translateY(-50%);transition:color .16s ease}.chapter-sidebar-toggle:hover{color:var(--accent-600)}.chapter-sidebar-toggle svg{width:28px;height:28px}}@media(max-width:760px){.chapter-sidebar-toggle{left:16px}}@media(max-width:620px){.chapter-sidebar-toggle{left:4px}}.chapter-sidebar-backdrop{position:fixed;z-index:30;inset:0;opacity:0;background:#11182724;backdrop-filter:blur(2px);transition:opacity .22s ease}.chapter-sidebar-backdrop.is-open{opacity:1}.player-hero{position:absolute;top:var(--player-toolbar-height);right:max(24px,calc((100% - 1074px)/2));bottom:116px;left:calc(12.7% - var(--sentence-dot-gutter));width:auto;min-height:0;margin-left:0;padding-top:max(0px,calc(var(--chapter-back-top) + var(--chapter-back-height) + var(--back-to-book-gap) - var(--player-toolbar-height)));padding-left:var(--sentence-dot-gutter);overflow-x:hidden;overflow-y:auto;overflow-anchor:none;overscroll-behavior:contain;scrollbar-width:none}@media(min-width:921px){.player-hero{right:auto;left:calc(50% - 345px - var(--sentence-dot-gutter) + var(--center-section-x));width:calc(680px + var(--sentence-dot-gutter))}}.player-hero::-webkit-scrollbar{display:none}.player-hero .chapter-title-copy,.player-hero .sentence{overflow-wrap:anywhere}.player-hero .book-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-hero:focus{outline:none}@media(max-width:920px){.player-hero{right:7vw;left:calc(7vw - var(--sentence-dot-gutter))}}@media(max-width:820px){.player-stage{--player-toolbar-height: 84px}}@media(max-width:760px){.player-hero{bottom:130px}}@media(max-width:620px){.player-hero{right:20px;bottom:104px;left:calc(20px - var(--sentence-dot-gutter));width:auto;margin-left:0}}@media(max-width:520px){.app-toolbar-page #authSlot.player-auth-slot{gap:12px}#authSlot.player-auth-slot .auth-button{width:120px;min-width:120px;max-width:120px}#authSlot.player-auth-slot .auth-button.is-signed-in{width:44px;min-width:44px;max-width:44px}.player-toolbar-links .chapter-back>span{display:none}}@media(max-width:340px){.player-stage{--player-toolbar-height: 144px}}@media(max-width:360px){.player-toolbar-links{gap:6px}.player-toolbar-links .library-link{padding:0 10px}}@media(max-width:1050px){.player-stage{--player-toolbar-height: 144px}}@media(max-width:420px){.player-stage{--player-toolbar-height: 144px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}.title-meta>.book-label{display:block;width:auto;min-height:0;margin:0;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.18em;line-height:16px;text-transform:uppercase}.sample-chapter-heading{display:flex;width:680px;min-height:66px;margin:var(--book-to-chapter-gap) 0 0;color:var(--ink);font-size:61px;font-weight:800;letter-spacing:-.045em;line-height:66px}.sample-root.has-js [data-player-chapter-title-text]{border-radius:4px;cursor:pointer;transition:color .1s ease}.sample-root.has-js [data-player-chapter-title-text]:hover{color:var(--purple)}.sample-root.has-js [data-player-chapter-title-text]:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-700) 28%,transparent);outline-offset:4px}.has-js [data-static-chapter]:not(.is-current){display:none}@media(max-width:920px){.sample-chapter-heading{width:100%;min-height:0;font-size:clamp(44px,7vw,58px);line-height:1.05}}@media(max-width:620px){.title-meta>.book-label{font-size:11px;letter-spacing:.16em;line-height:17px}.sample-chapter-heading{font-size:clamp(39px,12vw,52px)}}html.sample-root:not(.has-js),html.sample-root:not(.has-js) body{height:auto;overflow:auto}.sample-root:not(.has-js) .load-reveal{visibility:visible;opacity:1;transform:none}.sample-root:not(.has-js) .player-stage{height:auto;min-height:0;overflow:visible;padding:120px 24px 80px}.sample-root:not(.has-js) .player-hero{position:relative;inset:auto;width:min(680px,100%);min-height:0;margin:0 auto;padding:0;overflow:visible}.sample-root:not(.has-js) .sample-chapter{margin-bottom:92px}.sample-root:not(.has-js) .chapter-sidebar,.sample-root:not(.has-js) .page-loader,.sample-root:not(.has-js) .player-footer{display:none}