:root{--font-heading:var(--font-be-vietnam),"Be Vietnam Pro",system-ui,sans-serif;--bg:#130e15;--surface:#1c1520;--surface-2:#251c2a;--surface-3:#2f2435;--border:#3d2f44;--text:#f7eff1;--muted:#b9a8b6;--accent:#eaa9be;--accent-strong:#df92ab;--accent-soft:rgba(234,169,190,0.14);--accent-line:rgba(234,169,190,0.42);--accent-ink:#3a1222;--heading:#f1d3a6;--heading-soft:rgba(241,211,166,0.14);--ok:#bcd98f;--warn:#f1d3a6;--error:#f3a0a0;--radius:16px;--radius-sm:10px;--shadow:0 16px 40px rgba(0,0,0,0.45);--wave-a:#7c3aed;--wave-b:#a855f7;--wave-c:#e879f9;--wave-glow:rgba(168,85,247,0.6);--header-bg:rgba(19,14,21,0.88);--player-bg:linear-gradient(180deg,rgba(38,22,50,0.97),rgba(22,16,26,0.98) 60%);--glass:rgba(37,28,42,0.92);--banner-glow:rgba(234,169,190,0.2);color-scheme:dark}:root[data-theme=green]{--bg:#0b150d;--surface:#111f14;--surface-2:#17291b;--surface-3:#1e3423;--border:#263f2b;--text:#f3efe2;--muted:#a5b59c;--accent:#9fd356;--accent-strong:#8bc23f;--accent-soft:rgba(159,211,86,0.13);--accent-line:rgba(159,211,86,0.38);--accent-ink:#142709;--heading:#f6b343;--heading-soft:rgba(246,179,67,0.14);--ok:#b5e07a;--warn:#f2c46d;--error:#ef9a8c;--header-bg:rgba(11,21,13,0.88);--player-bg:linear-gradient(180deg,rgba(24,18,40,0.97),rgba(14,24,16,0.98) 60%);--glass:rgba(23,41,27,0.92);--banner-glow:rgba(159,211,86,0.18)}:root[data-theme=green] .cover:not(img){background:linear-gradient(165deg,var(--tone-green) 0,#0c170e 94%)!important}:root[data-palette=pink][data-theme=green]{--heading:#f7a3c7;--heading-soft:rgba(247,163,199,0.14)}:root[data-palette=pink]{--heading:#f6bfd2;--heading-soft:rgba(246,191,210,0.14)}*{box-sizing:border-box}body,html{margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-heading);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-heading);font-weight:700;line-height:1.22;margin:0 0 .5em;letter-spacing:-.02em;color:var(--heading)}h1{font-size:clamp(1.7rem,4.2vw,2.6rem)}h2{font-size:1.2rem}code{padding:.1em .4em;border-radius:6px;font-size:.9em}code,input,select,textarea{background:var(--surface-2)}input,select,textarea{color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;font:inherit;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.muted{color:var(--muted)}.small{font-size:.85rem}.ok{color:var(--ok)}.warn{color:var(--warn)}.error{color:var(--error)}.container{max-width:1100px;margin:0 auto;padding:24px 16px 72px}.container.narrow{max-width:780px}.container.with-player{padding-bottom:330px}.section{margin-top:40px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.section-head h2{margin:0}.section-link{color:var(--accent);font-size:.9rem;white-space:nowrap}.row{display:flex;gap:12px;flex-wrap:wrap}.row>*{flex:1 1;min-width:160px}.row-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;align-items:center}.row-actions form{margin:0}.page-head{padding:16px 0 8px}.page-head .lead{color:var(--muted);font-size:1.05rem;max-width:640px;margin:0}.eyebrow{display:block;color:var(--accent);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:var(--header-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.header-inner{justify-content:space-between;padding-top:12px;padding-bottom:12px;gap:12px}.header-inner,.logo{display:flex;align-items:center}.logo{gap:10px}.logo-icon{font-size:1.4rem}.logo strong{display:block;color:var(--accent);letter-spacing:.04em;font-size:.95rem}.logo small{display:block;color:var(--muted);font-size:.72rem;margin-top:-2px}.nav{display:flex;align-items:center;gap:18px;font-size:.93rem}.nav>a:not(.btn):hover{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);border-radius:999px;padding:10px 22px;cursor:pointer;font:inherit;font-weight:700;transition:background .15s}.btn:hover{background:var(--accent-strong)}.btn.disabled,.btn:disabled{opacity:.5;cursor:not-allowed}.btn-small{padding:5px 14px;font-size:.85rem}.btn-ghost{background:transparent;color:var(--accent);border-color:var(--accent-line)}.btn-ghost:hover{background:var(--accent-soft)}.btn-block{width:100%}.link-btn{background:none;border:0;color:var(--accent);cursor:pointer;font:inherit;padding:0}.link-btn.danger{color:var(--error)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px}.card-link{display:flex;flex-direction:column;gap:4px;transition:border-color .15s}.card-link:hover{border-color:var(--accent-line)}.empty{border:1px dashed var(--border);border-radius:var(--radius);padding:24px;text-align:center}.empty,.pill{color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:4px;background:var(--surface-3);border-radius:999px;padding:2px 10px;font-size:.78rem;font-weight:600;border:0;font-family:inherit}.pill-ok{background:var(--accent-soft);color:var(--ok)}.pill-accent{background:var(--accent);color:var(--accent-ink)}.pill-warn{background:var(--heading-soft);color:var(--warn)}.pill-btn{cursor:pointer}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.chip{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:6px 14px;font:inherit;color:var(--text);font-size:.92rem}.chip small{color:var(--muted)}.chip-toggle{cursor:pointer}.chip-toggle.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;grid-gap:4px;gap:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:4px}.seg>a,.seg>button{display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--muted);border:1px solid transparent;border-radius:9px;padding:7px 10px;cursor:pointer;font:inherit;font-size:.9rem;text-align:center}.seg>.active{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent);font-weight:600}.seg-voice>button{justify-content:flex-start;text-align:left;color:var(--text)}.seg-voice strong{display:block;font-size:.92rem}.seg-voice small{display:block;color:var(--muted);font-size:.72rem}.seg-voice .active strong{color:var(--accent)}.voice-emoji{font-size:1.25rem}.seg-rate>button{padding:4px 8px;font-size:.82rem}.seg-tabs{margin-bottom:16px}.seg-inline{display:inline-grid}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:8px;overflow-x:auto}.tabs a{padding:10px 14px;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap}.tabs a.active{color:var(--accent);border-color:var(--accent);font-weight:600}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:14px;gap:14px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;display:flex;flex-direction:column;gap:2px}.stat-label{color:var(--muted);font-size:.82rem}.stat-value{font-size:1.6rem;font-weight:800;color:var(--heading)}.list{list-style:none;padding:0;margin:0}.list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.list li:last-child{border-bottom:0}.list li>a{display:flex;flex-direction:column}.list form{margin:0}.card.list{padding-top:4px;padding-bottom:4px}.cover{display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:2/3;width:100%;border-radius:var(--radius-sm);padding:14px;border:1px solid rgba(255,255,255,.07);transition:transform .2s,box-shadow .2s;object-fit:cover;color:#fbf3f5}.cover-sm{width:64px;padding:6px;flex-shrink:0}.cover-sm .cover-author,.cover-sm .cover-cat{display:none}.cover-sm .cover-title{font-size:.6rem}.cover-lg{width:200px;flex-shrink:0}.cover-cat{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;opacity:.75}.cover-title{font-family:var(--font-heading);font-weight:700;letter-spacing:-.01em;font-size:1.1rem;line-height:1.25}.cover-lg .cover-title{font-size:1.4rem}.cover-author{font-size:.72rem;opacity:.8}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:20px;gap:20px}.book-card{display:flex;flex-direction:column;gap:6px}.book-card:hover .cover{transform:translateY(-4px);box-shadow:var(--shadow)}.continue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:12px;gap:12px}.continue-card{display:flex;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px}.continue-card:hover{border-color:var(--accent-line)}.continue-card>span{gap:2px}.continue-card>span,.form{display:flex;flex-direction:column}.form{gap:14px}.form .label,.form label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:.92rem}.form label.check{flex-direction:row;align-items:center;font-weight:400}.form label.check input{width:auto}.auth-card{max-width:440px;margin:16px auto 40px}.pw{position:relative;display:block}.pw input{padding-right:64px}.pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:transparent;border:0;color:var(--accent);font:inherit;font-size:.82rem;cursor:pointer;padding:6px 8px}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.82rem}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.toolbar{display:flex;gap:8px;margin:8px 0 16px;flex-wrap:wrap}.toolbar input{flex:1 1;min-width:200px}.toolbar select{width:auto}.inline-form{display:flex;gap:6px;align-items:center;margin:0}.inline-form select{width:auto;padding:4px 8px;font-size:.85rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.92rem}td,th{text-align:left;padding:12px 8px;border-bottom:1px solid var(--border);vertical-align:top}tr:last-child td{border-bottom:0}th{color:var(--muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.cell-actions{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.cell-actions form{margin:0}.gen{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.gen form{margin:0}.upload{display:flex;flex-direction:column;gap:2px}.upload label{cursor:pointer}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:14px;gap:14px}.book-head{display:flex;gap:28px;margin:12px 0 32px;align-items:flex-start}.chapter-list{list-style:none;padding:0;margin:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.chapter-list a{display:grid;grid-template-columns:90px 1fr auto;grid-gap:12px;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border)}.chapter-list li:last-child a{border-bottom:0}.chapter-list a:hover{background:var(--surface-2)}.tag{font-size:.85rem;color:var(--accent)}.chapter-title{margin:8px 0 20px}.reader{font-family:Georgia,Times New Roman,serif;font-size:1.2rem;line-height:1.9;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.reader p{margin:0 0 1.1em}.sentence{cursor:pointer;border-radius:4px;transition:background .2s,color .2s;padding:1px 0}.sentence:hover{background:var(--surface-2)}.sentence.done{color:var(--muted)}.sentence.current{background:var(--accent-soft);color:#fff;box-shadow:0 0 0 3px var(--accent-soft)}.chapter-nav{display:flex;justify-content:space-between;margin-top:32px;color:var(--accent)}.paywall{text-align:center;padding:40px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.paywall .row{justify-content:center}.paywall .row>*{flex:0 0 auto}.player-bar{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--player-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(168,85,247,.35);box-shadow:0 -12px 40px rgba(124,58,237,.2);padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.waveform{display:block;width:100%;height:64px;cursor:pointer;filter:drop-shadow(0 0 5px var(--wave-glow));transition:filter .3s}.waveform.is-playing{filter:drop-shadow(0 0 9px var(--wave-glow)) drop-shadow(0 0 2px rgba(232,121,249,.6))}.np{display:flex;align-items:center;gap:12px}.np-text{flex:1 1;min-width:0;display:flex;flex-direction:column;line-height:1.3}.np-text strong{color:var(--text)}.np-text small,.np-text strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-text small{color:var(--muted)}.np-time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#d8b4fe;font-size:.85rem;white-space:nowrap}.eq{display:inline-flex;align-items:flex-end;gap:3px;height:22px;width:24px;flex-shrink:0}.eq i{flex:1 1;height:25%;border-radius:2px;background:linear-gradient(180deg,var(--wave-c),var(--wave-a));box-shadow:0 0 6px var(--wave-glow)}.eq.on i{animation:eq .9s ease-in-out infinite}.eq.on i:nth-child(2){animation-delay:-.45s}.eq.on i:nth-child(3){animation-delay:-.2s}.eq.on i:nth-child(4){animation-delay:-.65s}@keyframes eq{0%,to{height:22%}50%{height:100%}}.play-btn.is-playing{box-shadow:0 0 0 6px var(--accent-soft),0 0 22px rgba(168,85,247,.45)}.wave-demo{display:flex;align-items:center;gap:3px;height:46px;filter:drop-shadow(0 0 6px var(--wave-glow))}.wave-demo i{flex:1 1;border-radius:2px;background:linear-gradient(180deg,var(--wave-c),var(--wave-b) 50%,var(--wave-a));animation:wave 1.1s ease-in-out infinite;transform-origin:center}@keyframes wave{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.eq.on i,.wave-demo i{animation:none}}.player-inner{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.progress{height:6px;background:var(--surface-3);border-radius:999px;cursor:pointer;overflow:hidden}.progress-fill{height:100%;background:var(--accent);transition:width .3s}.controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:10px;gap:10px}.controls .seg-rate{justify-self:start}.controls-end{display:flex;justify-content:flex-end;align-items:center;gap:10px}.controls-end select{width:auto;padding:4px 8px;font-size:.82rem}.transport{display:flex;align-items:center;gap:14px}.icon-btn{background:none;border:0;color:var(--text);padding:6px}.icon-btn,.play-btn{font-size:1.15rem;cursor:pointer}.play-btn{width:52px;height:52px;border-radius:50%;border:2px solid var(--accent);background:var(--accent-soft);color:var(--accent)}.status{font-size:.8rem;text-align:center}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:18px;gap:18px;margin:28px 0}.plan{position:relative;margin:0;display:flex;flex-direction:column;gap:6px}.plan.featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-line),var(--shadow)}.plan-badge{position:absolute;top:-11px;right:16px}.plan h2{margin:0}.price{font-size:2rem;font-weight:800;color:var(--heading)}.check-list{list-style:none;padding:0;margin:8px 0 16px;flex:1 1}.check-list li{padding:4px 0 4px 24px;position:relative;color:var(--muted)}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}.checkout{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.qr{background:#fff;border-radius:var(--radius-sm);padding:8px;width:260px;height:auto}.pay-info{display:grid;grid-template-columns:max-content 1fr;grid-gap:8px 16px;gap:8px 16px;margin:0;flex:1 1;min-width:220px}.pay-info dt{color:var(--muted)}.pay-info dd{margin:0}.code-big{font-size:1.15rem;color:var(--heading);letter-spacing:.06em}.notice{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.notice-ok{border-color:var(--accent);background:var(--accent-soft)}.spinner{display:inline-block;width:12px;height:12px;border:2px solid var(--accent-line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;vertical-align:-1px;margin-right:6px}@keyframes spin{to{transform:rotate(1turn)}}.rec-list{display:flex;flex-direction:column;gap:12px}.rec-card{display:flex;gap:16px;align-items:flex-start;margin:0;transition:border-color .15s}.rec-card:hover{border-color:var(--accent-line)}.rec-card>span:last-child{display:flex;flex-direction:column;gap:2px}.rec-rank{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:var(--heading-soft);color:var(--heading);display:grid;place-items:center;font-weight:800}.rec-reason{margin-top:6px;color:var(--text)}.hero{display:grid;grid-template-columns:1.15fr 1fr;grid-gap:48px;gap:48px;align-items:center;padding:40px 0 24px}.hero h1{font-size:clamp(2rem,5vw,3.3rem);color:var(--text)}.hero h1 em{font-style:normal;color:var(--heading)}.hero .lead{color:var(--muted);font-size:1.1rem;margin:0;max-width:520px}.hero-visual{position:relative;height:400px}.hero-covers{position:absolute;inset:0 0 120px 0}.hero-covers .cover{position:absolute;width:150px;top:10px;box-shadow:var(--shadow)}.hero-covers .cover:first-child{left:6%;transform:rotate(-9deg);top:34px}.hero-covers .cover:nth-child(2){left:34%;z-index:2}.hero-covers .cover:nth-child(3){left:62%;transform:rotate(9deg);top:34px}.hero-player{position:absolute;left:0;right:0;bottom:0;z-index:3;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--accent-line);border-radius:var(--radius);padding:16px 18px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow)}.hero-player-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.hero-player-top strong{color:var(--heading)}.seg-mini>span{display:flex;justify-content:center;padding:4px 6px;border-radius:8px;font-size:.82rem;color:var(--muted)}.seg-mini>.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.hero-player-ctrl{display:flex;justify-content:center;align-items:center;gap:22px;color:var(--muted)}.hero-player-ctrl .play-btn{width:44px;height:44px;display:grid;place-items:center;font-size:1rem}.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-top:28px}.feature{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;gap:12px;align-items:center}.feature-icon{width:40px;height:40px;flex-shrink:0;border-radius:12px;background:var(--accent-soft);display:grid;place-items:center;font-size:1.2rem}.feature strong{display:block;color:var(--heading);font-size:.95rem}.feature span{font-size:.82rem;color:var(--muted)}.filter-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:18px;scrollbar-width:none}.filter-chips .chip{white-space:nowrap;cursor:pointer}.filter-chips .chip.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.book-card .book-cat{color:var(--accent);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.ai-banner{display:grid;grid-template-columns:auto 1fr auto;grid-gap:20px;gap:20px;align-items:center;padding:26px 28px;border-radius:var(--radius);border:1px solid var(--accent-line);background:radial-gradient(120% 140% at 0 0,var(--banner-glow),transparent 55%),radial-gradient(120% 140% at 100% 100%,var(--heading-soft),transparent 60%),var(--surface)}.ai-banner-icon{font-size:2rem}.ai-banner h2{margin:0 0 4px}.ai-banner p{margin:0;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;counter-reset:step}.step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;position:relative}.step:before{counter-increment:step;content:counter(step);width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-weight:800;display:grid;place-items:center;margin-bottom:12px}.step h3{font-size:1.05rem;margin-bottom:4px}.step p{margin:0;color:var(--muted);font-size:.92rem}.site-footer{border-top:1px solid var(--border);margin-top:24px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-top:24px;padding-bottom:32px;color:var(--muted);font-size:.88rem}.footer-inner nav{display:flex;gap:18px}.footer-inner a:hover{color:var(--accent)}.palette-toggle{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:4px 10px 4px 6px;cursor:pointer;color:var(--muted);font:inherit;font-size:.8rem}.palette-dot{width:16px;height:16px;border-radius:50%;background:conic-gradient(var(--accent) 0 50%,var(--heading) 0)}.theme-picker{position:relative}.theme-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:40;min-width:230px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:6px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:2px}.theme-menu button{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:0;border-radius:10px;padding:9px 10px;color:var(--text);font:inherit;font-size:.9rem;text-align:left;cursor:pointer}.theme-menu button:hover{background:var(--surface-2)}.theme-menu button.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.theme-menu .menu-title{padding:6px 10px 4px;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.swatch{width:26px;height:26px;border-radius:8px;flex-shrink:0;border:1px solid rgba(255,255,255,.15)}@media (max-width:900px){.hero{grid-template-columns:1fr;gap:28px}.hero-visual{height:340px;max-width:460px;width:100%;margin:0 auto}.hero-covers .cover{width:120px}.feature-strip{grid-template-columns:repeat(2,1fr)}.ai-banner,.steps{grid-template-columns:1fr}.ai-banner{text-align:left}.ai-banner-icon{display:none}}@media (max-width:720px){.palette-toggle span:last-child{display:none}.logo{gap:6px}.logo,.logo>span:last-child{min-width:0}.logo strong{white-space:nowrap;font-size:.8rem;overflow:hidden;text-overflow:ellipsis}.nav{gap:10px!important;flex-shrink:0}.nav .btn-small{padding:4px 10px;font-size:.8rem}.palette-toggle{padding:4px}.logo-icon{font-size:1.2rem}.feature{flex-direction:column;align-items:flex-start;gap:8px;padding:14px}.chips .chip{font-size:.82rem;padding:5px 11px}.hero{padding-top:20px}.hide-mobile{display:none!important}.logo small{display:none}.header-inner{padding-top:8px;padding-bottom:8px}.nav{gap:12px;font-size:.86rem;white-space:nowrap}.book-head{flex-direction:column}.cover-lg{width:160px}.book-grid{grid-template-columns:repeat(2,1fr);gap:14px}.chapter-list a{grid-template-columns:1fr auto}.chapter-list a>.muted{grid-column:1/-1}.controls{grid-template-columns:1fr auto}.controls .seg-rate{grid-column:1/-1;justify-self:stretch;order:3}.seg-voice>button{flex-direction:column;text-align:center;gap:2px;padding:6px 4px;justify-content:center}.seg-voice small{display:none}.reader{font-size:1.1rem}.container.with-player{padding-bottom:360px}.waveform{height:52px}.np-time{font-size:.78rem}.checkout{justify-content:center}}.tts-settings{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--border)}.tts-settings label{display:flex;align-items:center;gap:8px;font-size:.9rem}.tts-settings select{width:auto;padding:5px 10px}.tts-settings .check input{width:auto}.region-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:14px;gap:14px}.region-card{margin:0;gap:10px}.voice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:12px;gap:12px}.voice-card{margin:0;display:flex;flex-direction:column;gap:6px}.voice-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:6px}.voice-actions form{margin:0}.guide{padding-left:36px;display:flex;flex-direction:column;gap:8px}.google-btn{display:flex;justify-content:center;min-height:44px}.history-list{display:flex;flex-direction:column;gap:12px}.history-card{display:flex;gap:16px;align-items:flex-start;margin:0}.history-body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:4px}.continue-card .history-body strong{font-size:.95rem}.history-progress{height:5px;background:var(--surface-3);border-radius:999px;overflow:hidden;margin:4px 0}.history-progress>div{height:100%;background:linear-gradient(90deg,var(--wave-a),var(--wave-c));border-radius:999px}.history-actions{gap:14px;margin-top:6px}.history-actions,.resume-banner{display:flex;align-items:center;flex-wrap:wrap}.resume-banner{gap:12px;background:var(--surface);border:1px solid rgba(168,85,247,.4);border-radius:var(--radius);padding:12px 16px;margin-bottom:18px;box-shadow:0 0 24px rgba(124,58,237,.15)}.resume-banner>span{flex:1 1;min-width:200px}.resume-banner b{color:var(--heading)}.show-xs{display:none}@media (max-width:380px){.show-xs{display:inline}.hide-xs{display:none!important}.palette-toggle{padding:3px}.nav{gap:8px!important}}.page-head-center{text-align:center;max-width:560px;margin:0 auto}.page-head-center .lead{margin:0 auto}.google-fallback{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:46px;background:#fff;color:#1f1f1f;border:1px solid #dadce0;border-radius:999px;font:inherit;font-weight:600;cursor:pointer;transition:box-shadow .15s}.google-fallback:hover{box-shadow:0 0 0 4px var(--accent-soft)}.center-text{text-align:center;margin:0}@media (max-width:340px){.container{padding-left:12px;padding-right:12px}.logo-icon{display:none}.logo strong{font-size:.74rem}.nav{gap:6px!important;font-size:.8rem}}@media (max-width:480px){.hero-covers .cover{width:34%}.hero-covers .cover:first-child{left:1%}.hero-covers .cover:nth-child(2){left:33%}.hero-covers .cover:nth-child(3){left:64%}}.label-short{display:none}@media (max-width:720px){.label-full{display:none}.label-short{display:inline}}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/cd79e1ff94fa521b-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/89362aa296165c6d-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e11f95d95ac59fa4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/00f4982f357db61e-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/62a3c74fa0e47362-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8201559e247ad180-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/2173e4bb28c315da-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c6f81e539d11fc99-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/25ab8995c98996d7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/9ddf1512dbee9c99-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/8247d8d2a376ae43-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/e270c9fc4fe96f5a-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/6bb6a9cb68044e10-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/9a3689a7cda641d2-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/bed26dc8a57eea87-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Be Vietnam Pro Fallback;src:local("Arial");ascent-override:90.61%;descent-override:24.01%;line-gap-override:0.00%;size-adjust:110.36%}.__className_0df554{font-family:Be Vietnam Pro,Be Vietnam Pro Fallback;font-style:normal}.__variable_0df554{--font-be-vietnam:"Be Vietnam Pro","Be Vietnam Pro Fallback"}