@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-latin-400-normal-PpnXBOrz.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-400-normal-bXgqVju9.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-vietnamese-400-normal-CRcqvyg1.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-400-normal-BuGn0gnm.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-latin-500-normal-B6LVzGNe.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-500-normal-BJkVuMHw.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-vietnamese-500-normal-DREgrEoJ.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-500-normal-CfdwVo8-.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-latin-600-normal-BZDkUTrt.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-600-normal-5IO4e7bK.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-vietnamese-600-normal-nyU-ZL2p.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-600-normal-DkpCIyan.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/be-vietnam-pro-latin-700-normal-DlW1Zbsh.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-700-normal-C2EtzaOi.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/be-vietnam-pro-vietnamese-700-normal-Csr0PCuG.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-700-normal-By_5yT39.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:600;src:url(/assets/baloo-2-latin-600-normal-tIfxVoAe.woff2)format("woff2"),url(/assets/baloo-2-latin-600-normal-B4tNaogw.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:600;src:url(/assets/baloo-2-vietnamese-600-normal-C5EqHgu0.woff2)format("woff2"),url(/assets/baloo-2-vietnamese-600-normal-CGkk4Wtx.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-2-latin-700-normal-CqTg7A15.woff2)format("woff2"),url(/assets/baloo-2-latin-700-normal-Ld3Zm3l2.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-2-vietnamese-700-normal-h4tlcePq.woff2)format("woff2"),url(/assets/baloo-2-vietnamese-700-normal-DoF59Mjc.woff)format("woff")}:root{--bg:#eef3e6;--bg2:#fdfcf6;--bg3:#f2f5ea;--fg:#2a3b2e;--muted:#5f7263;--accent:#38754a;--accent-deep:#2c5f3a;--accent-fg:#fff;--ok:#276b43;--bad:#a8442e;--info:#33617e;--line:#dde7d3;--line-strong:#c6d7ba;--sun:#f2d57e;--radius:16px;--radius-s:11px;--shadow:0 10px 30px #35583d1a;--shadow-lift:0 14px 34px #35583d24;--font-body:"Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display:"Baloo 2", "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--fg);font:16px/1.55 var(--font-body);-webkit-font-smoothing:antialiased;background-color:#0000;background-image:radial-gradient(1100px 520px at 82% -8%,#f4db8a61,#0000 62%),linear-gradient(#dbeeda 0%,#e8f1e2 42%,#f2f6ea 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-deep)}h1{font:700 1.5rem/1.25 var(--font-display);letter-spacing:-.01em;margin:0 0 6px}h2{font:600 1.12rem/1.3 var(--font-display);color:var(--fg);margin:0 0 10px}p{margin:8px 0}.app-shell{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.topbar{-webkit-backdrop-filter:blur(10px)saturate(1.15);border-bottom:1px solid var(--line);z-index:10;background:#fdfcf6d9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 18px;display:flex;position:sticky;top:0}.brand-link{font:700 1.05rem var(--font-display);color:var(--fg);align-items:center;gap:8px;display:inline-flex}.topnav{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.topnav a{color:var(--muted)}.topnav a:hover{color:var(--accent-deep)}.content{flex:1;width:100%;max-width:860px;margin:0 auto;padding:20px 16px 64px}.narrow{max-width:640px;margin:0 auto}.center-page{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex;position:relative}.center-page .card{width:100%;max-width:400px;box-shadow:var(--shadow-lift)}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.card{background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;padding:18px}.btn{border-radius:var(--radius-s);font:600 .95rem var(--font-body);cursor:pointer;color:var(--fg);background:var(--bg3);border:1px solid #0000;padding:9px 16px;transition:background .18s,border-color .18s,transform .15s,box-shadow .18s;display:inline-block}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--accent);color:var(--accent-fg);box-shadow:0 4px 14px #38754a47}.btn-primary:not(:disabled):hover{background:var(--accent-deep)}.btn-ghost{border-color:var(--line-strong);background:#ffffffa6}.btn-ghost:not(:disabled):hover{border-color:var(--accent);background:#fff}.btn-danger{color:var(--bad);background:0 0;border-color:#a8442e73}.btn-danger:not(:disabled):hover{border-color:var(--bad);background:#a8442e14}a.btn{text-decoration:none}button.link{color:var(--accent);cursor:pointer;font:600 .95rem var(--font-body);background:0 0;border:none;padding:0}button.link.active{color:var(--accent-deep);border-bottom:2px solid var(--accent)}.badge{font:600 .78rem var(--font-body);background:var(--bg3);color:var(--muted);white-space:nowrap;border-radius:999px;padding:2px 10px;display:inline-block}.badge-info{color:var(--info);background:#33617e21}.badge-ok{color:var(--ok);background:#276b4321}.badge-bad{color:var(--bad);background:#a8442e1f}.field{margin-bottom:12px;display:block}.field-label{color:var(--muted);margin-bottom:4px;font-size:.85rem;font-weight:500;display:block}input:not([type=checkbox]):not([type=radio]),select,textarea{border-radius:var(--radius-s);width:100%;color:var(--fg);font:.95rem var(--font-body);background:#fff;border:1px solid #b9cdb0;padding:9px 11px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #38754a29}.check{cursor:pointer;align-items:center;gap:7px;margin-right:14px;display:inline-flex}.check input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}input[type=range]{width:100%;accent-color:var(--accent)}:focus-visible{outline-offset:2px;outline:2px solid #38754a8c}.muted{color:var(--muted)}.err-text{color:var(--bad);word-break:break-word;font-size:.85rem}.ok-text{color:var(--ok)}.error-note{color:var(--bad);border-radius:var(--radius-s);word-break:break-word;background:#a8442e14;border:1px solid #a8442e52;margin:10px 0;padding:8px 12px;font-size:.9rem}.spinner{color:var(--muted);text-align:center;padding:40px 0}.progress{background:#e2e9d6;border-radius:999px;height:10px;margin:10px 0;overflow:hidden}.progress-fill{background:linear-gradient(90deg, #55a06b, var(--accent));border-radius:999px;height:100%;transition:width .3s}.book-grid{grid-template-columns:1fr;gap:12px;display:grid}.book-card{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.book-title{font:600 1.02rem var(--font-display)}.row-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.lib-tools{margin-bottom:12px}.lib-search{max-width:320px}.pager{justify-content:center;align-items:center;gap:12px;margin:18px 0 4px;display:flex}.pager .btn{min-width:40px}.dropzone{border:2px dashed var(--line-strong);border-radius:var(--radius);text-align:center;color:var(--muted);cursor:pointer;background:#ffffff8c;padding:30px 16px;transition:border-color .2s,background .2s}.dropzone:hover{background:#ffffffe6;border-color:#86b28d}.dropzone.over{border-color:var(--accent);color:var(--fg);background:#38754a14}.drop-art{margin:0 auto 10px;display:block}.voice-picker select{width:auto;min-width:160px}.voice-form{margin-top:12px}.stage-list{margin:0;padding:0;list-style:none}.stage-item{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;margin:0 -8px;padding:7px 8px;display:flex}.stage-item:last-child{border-bottom:none}.stage-name{min-width:130px;font-weight:500}.stage-pct{font-size:.82rem}.retry-row{margin-top:12px}.retry-row select{width:auto}.soft-note{border:1px solid var(--line-strong);color:var(--fg);border-radius:var(--radius-s);background:#38754a12;margin:12px 0 0;padding:10px 12px;font-size:.9rem}.chapter-table{border-collapse:collapse;width:100%;font-size:.9rem}.chapter-table th,.chapter-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:7px 8px}.chapter-table tbody tr{transition:background .15s}.chapter-table tbody tr:hover{background:#38754a0d}.chapter-table th{color:var(--muted);font-size:.8rem;font-weight:500}.chapter-title{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.text-preview{border:1px solid var(--line);border-radius:var(--radius-s);white-space:pre-wrap;background:#f4f7ec;max-height:420px;margin:0;padding:14px;font-size:.88rem;line-height:1.7;overflow:auto}.player-time{color:var(--muted);font-variant-numeric:tabular-nums;margin-bottom:4px}.player-controls{justify-content:center;align-items:center;gap:10px;margin:14px 0 6px;display:flex}.player-controls .btn{min-width:110px}.player-controls .btn-primary{border-radius:999px;min-width:130px;padding:10px 20px;font-size:1.05rem;box-shadow:0 6px 18px #38754a52}.speed-row{justify-content:center;gap:12px;margin-top:4px}.player-chapters{flex-direction:column;gap:4px;max-height:340px;margin-top:8px;padding-right:4px;display:flex;overflow-y:auto}.pl-ch{border-radius:var(--radius-s);width:100%;color:var(--fg);font:.92rem var(--font-body);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:8px 10px;transition:background .15s;display:flex}.pl-ch:hover{background:#38754a12}.pl-ch.cur{color:var(--accent);background:#38754a21;font-weight:600}.pl-ch-n{text-align:right;min-width:2.2ch;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.pl-ch.cur .pl-ch-n{color:var(--accent)}.pl-ch-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.pl-ch-dur{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.stats{margin:0;padding-left:18px}.stats li{margin:4px 0}.brand{text-align:center;margin-bottom:2px}.scene{pointer-events:none;position:absolute;inset:0;overflow:hidden}.scene svg,.backdrop svg{width:100%;height:100%;display:block}.backdrop{pointer-events:none;z-index:0;height:230px;position:fixed;bottom:0;left:0;right:0}.leaf-field{pointer-events:none;position:absolute;inset:0;overflow:hidden}.leaf{position:absolute;top:-8%}.logo{flex-shrink:0;display:inline-flex}.empty-art{margin:6px auto 14px;display:block}.empty-note{text-align:center;margin:0 0 6px}.auth-logo{margin:0 auto 8px;display:block}@media (prefers-reduced-motion:no-preference){.page-head,.card{animation:.5s cubic-bezier(.16,1,.3,1) both rise}.center-page .card{animation-name:rise-deep}.btn-primary:not(:disabled):hover{transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)scale(.98)}.book-grid .card{transition:transform .2s,box-shadow .2s}.book-grid .card:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.drop-art{animation:4.5s ease-in-out infinite bob}.dropzone.over .drop-art{animation:none;transform:scale(1.08)}.cloud-a{animation:95s linear infinite drift}.cloud-b{animation:140s linear -60s infinite drift}.cloud-c{animation:115s linear -30s infinite drift}.leaf{animation:16s linear infinite leaf-fall}.leaf:nth-child(2n){animation-duration:20s}.leaf:nth-child(3n){animation-duration:13s}.leaf:nth-child(4n){animation-duration:24s}.spinner:before{content:"";background:var(--accent);width:9px;height:9px;box-shadow:-16px 0 0 var(--line-strong), 16px 0 0 var(--line-strong);border-radius:50%;margin:0 auto 14px;animation:1.3s ease-in-out infinite breathe;display:block}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes rise-deep{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes drift{0%{transform:translate(-380px)}to{transform:translate(1560px)}}@keyframes breathe{0%,to{transform:scale(.75)}50%{transform:scale(1.15)}}@keyframes leaf-fall{0%{transform:translateY(-4vh)rotate(0)}25%{transform:translate(3.5vw,24vh)rotate(70deg)}50%{transform:translate(-2vw,52vh)rotate(160deg)}75%{transform:translate(3vw,80vh)rotate(240deg)}to{transform:translate(-1vw,108vh)rotate(330deg)}}@media (width>=640px){.book-grid{grid-template-columns:1fr 1fr}.chapter-title{max-width:260px}}.home-topbar{z-index:5;justify-content:space-between;align-items:center;padding:14px 22px;display:flex;position:absolute;top:0;left:0;right:0}.home-topbar .brand-link{font-size:1.15rem}.home-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:96px 16px 140px;display:flex;position:relative}.home-hero-inner{flex-direction:column;align-items:center;display:flex;position:relative}.home-kicker{border:1px solid var(--line);font:600 .82rem var(--font-body);color:var(--muted);background:#fdfcf6d1;border-radius:999px;align-items:center;gap:8px;margin-bottom:14px;padding:5px 14px;display:inline-flex}.home-title{font:700 clamp(2.1rem, 6vw, 3.4rem)/1.15 var(--font-display);letter-spacing:-.01em;max-width:21ch;margin:0 0 12px}.home-sub{color:var(--muted);max-width:46ch;margin:0 0 22px;font-size:1.02rem}.home-cta{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.home-cta .btn{padding:11px 22px;font-size:1.02rem}.home-cta .btn-primary{border-radius:999px;box-shadow:0 6px 18px #38754a52}.home-section{max-width:860px;margin:0 auto;padding:46px 16px 8px}.home-h2{font:700 1.7rem/1.25 var(--font-display);text-align:center;margin:0 0 4px}.home-h2sub{text-align:center;color:var(--muted);margin:0 0 26px}.steps{grid-template-columns:1fr;gap:14px;display:grid}.step{background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;padding:20px 18px}.step-art{margin:0 auto 6px;display:block}.step-n{font:700 .8rem var(--font-display);color:var(--accent);letter-spacing:.08em;text-transform:uppercase}.step h3{font:600 1.15rem var(--font-display);margin:4px 0 6px}.step p{color:var(--muted);margin:0;font-size:.94rem}.chips{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.chip{background:var(--bg3);border:1px solid var(--line);font:500 .92rem var(--font-body);color:var(--fg);border-radius:999px;align-items:center;gap:8px;padding:8px 16px;display:inline-flex}.chip:before{content:"";background:var(--accent);opacity:.75;border-radius:50%;flex-shrink:0;width:7px;height:7px}.home-foot{text-align:center;color:var(--muted);background:linear-gradient(#0000,#c7ddc073);margin-top:30px;padding:40px 16px 30px;font-size:.88rem}@media (prefers-reduced-motion:no-preference){.reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(18px)}.reveal.in{opacity:1;transform:none}.step-art-fall{animation:5s ease-in-out infinite home-drop}.step-art-twinkle{transform-origin:50%;animation:3.2s ease-in-out infinite home-twinkle}.wave-a{animation:2.4s ease-in-out infinite home-wave}.wave-b{animation:2.4s ease-in-out .4s infinite home-wave}.home-hero-inner>*{animation:.7s cubic-bezier(.16,1,.3,1) both rise}.home-hero-inner>:first-child{animation-delay:50ms}.home-hero-inner>:nth-child(2){animation-delay:.12s}.home-hero-inner>:nth-child(3){animation-delay:.2s}.home-hero-inner>:nth-child(4){animation-delay:.28s}}@keyframes home-drop{0%,to{transform:translateY(0)}50%{transform:translateY(9px)}}@keyframes home-twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.86)}}@keyframes home-wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.7)}}@media (width>=700px){.steps{grid-template-columns:repeat(3,1fr)}}