:root{--bg:#121212;--bg-glow:#2a2118;--surface:#1b1b1b;--text:#f5f5f3;--muted:#9b9b98;--muted-strong:#c9c9c6;--border:#2c2c2c;--track:#3a3a3a;--accent:#e8a24a;--accent-glow:#e8a24a73;--danger:#ff6b60;--radius-cover:22px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{min-height:100%;margin:0;padding:0}body{background:radial-gradient(140% 55% at 50% -10%, var(--bg-glow) 0%, var(--bg) 52%) no-repeat, var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#app{min-height:100vh;flex-direction:column;min-height:100dvh;display:flex}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.app-header{width:100%;max-width:26rem;padding:max(1rem, env(safe-area-inset-top)) 1.5rem 0;justify-content:space-between;align-items:center;margin:0 auto;display:flex}.wordmark{letter-spacing:.42em;text-indent:.42em;color:var(--accent);font-size:.72rem;font-weight:700}.menu-wrap{position:relative}.menu-button{width:44px;height:44px;color:var(--muted-strong);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-right:-.6rem;display:inline-flex}.menu-button svg{fill:currentColor;width:22px;height:22px}.menu-button:active,.menu-button[aria-expanded=true]{color:var(--text)}.app-menu{border:1px solid var(--border);z-index:30;background:#1f1f1f;border-radius:14px;min-width:12rem;padding:.35rem;position:absolute;top:calc(100% + .4rem);right:0;box-shadow:0 16px 40px #0000008c}.menu-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:.7rem .85rem;font-family:inherit;font-size:.9rem;display:block}.menu-item:hover,.menu-item:focus-visible{background:#2b2b2b;outline:none}.menu-item-toggle{justify-content:space-between;align-items:center;gap:1rem;display:flex}.menu-check{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;opacity:0;flex-shrink:0;width:16px;height:16px;transition:opacity .12s}.menu-item-toggle.is-active{color:var(--accent)}.menu-item-toggle.is-active .menu-check{opacity:1}.app-main{width:100%;max-width:26rem;padding:.5rem 1.5rem calc(1.75rem + env(safe-area-inset-bottom));flex-direction:column;flex:1;justify-content:center;margin:0 auto;display:flex}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem 0;display:flex}.tagline{text-transform:uppercase;margin:0;font-size:.9rem;font-weight:600;line-height:1.4}.tagline-gold{color:var(--accent)}.primary-button{background:var(--accent);color:#17110a;cursor:pointer;min-height:54px;box-shadow:0 0 32px var(--accent-glow);border:none;border-radius:999px;justify-content:center;align-items:center;padding:0 2rem;font-size:1rem;font-weight:700;transition:transform .12s,box-shadow .2s;display:inline-flex}.primary-button:active{transform:scale(.97)}.primary-button:focus-visible,.bottom-control:focus-visible,.skip-button:focus-visible,.play-button:focus-visible,.seek:focus-visible,.menu-button:focus-visible,.menu-item:focus-visible,.icon-button:focus-visible,.control-select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.player{flex-direction:column;align-items:center;gap:1.35rem;width:100%;display:flex}.cover-wrap{aspect-ratio:1;border-radius:var(--radius-cover);background:var(--surface);width:min(84vw,21rem);position:relative;overflow:hidden;box-shadow:0 24px 60px #0000008c,0 0 60px #e8a24a1f}.cover-loading{background:#1212128c;flex-direction:column;justify-content:center;align-items:center;gap:.7rem;display:flex;position:absolute;inset:0}.loading-text{letter-spacing:.04em;color:var(--muted-strong);font-size:.82rem}.spinner{border:3px solid #f5f5f338;border-top-color:var(--accent);border-radius:50%;width:42px;height:42px;animation:.8s linear infinite spinner-rotate}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.cover{object-fit:cover;width:100%;height:100%;display:block}.book-info{text-align:center;flex-direction:column;gap:.3rem;width:100%;display:flex}.book-title{letter-spacing:-.01em;margin:0;font-size:1.85rem;font-weight:700;line-height:1.2}.book-author{color:var(--muted-strong);margin:0;font-size:1.1rem;font-weight:400}.chapter-title{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;min-height:1.2em;margin:0;font-size:.95rem}.progress-block{flex-direction:column;gap:.6rem;width:100%;display:flex}.seek{appearance:none;background:linear-gradient(to right, var(--text) 0%, var(--text) var(--progress,0%), var(--track) var(--progress,0%), var(--track) 100%);cursor:pointer;border-radius:999px;width:100%;height:5px}.seek:disabled{opacity:.5;cursor:default}.seek::-webkit-slider-thumb{appearance:none;background:#fff;border:none;border-radius:50%;width:17px;height:17px;box-shadow:0 1px 4px #00000080}.seek::-moz-range-thumb{background:#fff;border:none;border-radius:50%;width:17px;height:17px}.time-row{justify-content:space-between;display:flex}.time{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.82rem}.controls{justify-content:center;align-items:center;gap:2.4rem;margin-top:.35rem;display:flex}.skip-button{width:58px;height:58px;color:var(--text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.skip-icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:54px;height:54px}.skip-value{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:.92rem;font-weight:600;display:flex;position:absolute;inset:0}.skip-button:active{opacity:.6}.play-button{border:1.5px solid var(--accent);color:#fff;cursor:pointer;width:86px;height:86px;box-shadow:0 0 0 1px #e8a24a26, 0 0 26px var(--accent-glow), inset 0 0 22px #e8a24a29;background:#1d1a16;border-radius:50%;justify-content:center;align-items:center;transition:transform .12s,box-shadow .2s;display:inline-flex}.play-button:active{transform:scale(.96)}.play-button .icon{fill:currentColor;width:34px;height:34px}.play-button .icon-pause,.play-button.is-playing .icon-play{display:none}.play-button.is-playing .icon-pause{display:block}.bottom-row{justify-content:center;align-items:center;gap:1.75rem;width:100%;margin-top:.5rem;display:flex}.bottom-control{min-width:88px;min-height:58px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:.35rem .5rem;font-family:inherit;display:flex;position:relative}.bottom-control.placeholder{visibility:hidden;cursor:default}.control-value{font-variant-numeric:tabular-nums;font-size:1.2rem;font-weight:600}.control-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:26px;height:26px}.control-label{color:var(--muted);font-size:.8rem}.bottom-divider{background:var(--border);width:1px;height:44px}.speed-control .control-select{opacity:0;cursor:pointer;background:0 0;border:none;width:100%;height:100%;position:absolute;inset:0}.error{color:var(--danger);text-align:center;margin:0;font-size:.9rem}.toast{left:50%;bottom:calc(1.5rem + env(safe-area-inset-bottom));color:var(--text);border:1px solid var(--border);opacity:0;pointer-events:none;z-index:20;background:#242424;border-radius:999px;padding:.6rem 1rem;font-size:.82rem;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%,1rem);box-shadow:0 8px 30px #00000080}.toast.visible{opacity:1;transform:translate(-50%)}.chapters-dialog{border:1px solid var(--border);width:min(92vw,26rem);max-height:75vh;color:var(--text);background:#1a1a1a;border-radius:20px;padding:0}.chapters-dialog::backdrop{background:#0009}.dialog-header{background:#1a1a1a;justify-content:space-between;align-items:center;padding:1rem 1rem .5rem 1.25rem;display:flex;position:sticky;top:0}.dialog-header h2{margin:0;font-size:1rem;font-weight:600}.icon-button{min-width:56px;min-height:56px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:50%;font-size:.95rem}.icon-button.small{min-width:44px;min-height:44px;color:var(--muted);font-size:1.5rem}.icon-button:active{opacity:.6}.chapters-list{margin:0;padding:0 .5rem .75rem;list-style:none;overflow-y:auto}.chapter-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:space-between;gap:1rem;padding:.85rem .75rem;font-family:inherit;font-size:.9rem;display:flex}.chapter-item:hover,.chapter-item:focus-visible{background:#242424}.chapter-item[aria-current=true]{color:var(--accent);font-weight:600}.chapter-item .chapter-label{text-transform:uppercase;letter-spacing:.03em}.chapter-item .chapter-time{color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0}.info-dialog{border:1px solid var(--border);width:min(92vw,24rem);max-height:80vh;color:var(--text);background:#1a1a1a;border-radius:20px;padding:0}.info-dialog::backdrop{background:#0009}.info-content{padding:.25rem 1.25rem 1.5rem;overflow-y:auto}.info-app{letter-spacing:.42em;text-indent:.42em;color:var(--accent);margin:0;font-size:.72rem;font-weight:700}.info-tagline{margin:.5rem 0 0;font-size:1.05rem;font-weight:600}.info-text{color:var(--muted-strong);margin:.75rem 0 1.25rem;font-size:.88rem;line-height:1.5}.info-heading{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 .6rem;font-size:.78rem;font-weight:600}.info-list{flex-direction:column;gap:.1rem;margin:0;padding:0;list-style:none;display:flex}.info-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:1rem;padding:.6rem 0;font-size:.9rem;display:flex}.info-list li:last-child{border-bottom:none}.info-ext{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.82rem}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}