:root{--bg: #fff6ec;--card: #ffffff;--ink: #3a2e2a;--sub: #94827a;--line: #f0e2d4;--acc: #ff8a3d;--acc-soft: #fff1e6;--blue: #3aa6ff;--green: #43b97f;--radius: 18px;--shadow: 0 8px 24px rgba(140, 90, 40, .1)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif;background:radial-gradient(1200px 480px at 50% -120px,#ffe9d1 0%,transparent 60%),var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}html{-webkit-tap-highlight-color:transparent}body{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}#app{min-height:100vh;min-height:100dvh}.topbar{display:flex;align-items:center;gap:12px;padding:14px 18px;position:sticky;top:0;z-index:20;background:#fff6ece0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.brand-emoji{font-size:28px}.brand-text h1{margin:0;font-size:20px;letter-spacing:1px}.brand-text p{margin:0;font-size:12px;color:var(--sub)}.topbar .spacer{flex:1}.pill{font-size:12px;color:var(--sub);background:#fff;border:1px solid var(--line);padding:6px 12px;border-radius:999px}.icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:17px;color:var(--ink);display:grid;place-items:center;box-shadow:var(--shadow)}.icon-btn:active{transform:scale(.95)}.share-btn{border:1px solid var(--line);background:#fff;color:var(--ink);font-size:13px;padding:9px 14px;border-radius:999px;box-shadow:var(--shadow);cursor:pointer}.share-btn:active{transform:scale(.97)}.home{max-width:1040px;margin:0 auto;padding:18px 16px 60px}.filters{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:4px 16px;margin-bottom:18px}.filter-row{display:flex;align-items:center;gap:10px;padding:11px 0}.filter-row+.filter-row{border-top:1px dashed var(--line)}.filter-name{flex:none;width:34px;font-size:13px;color:var(--sub)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line);background:#fff;color:var(--ink);padding:6px 14px;border-radius:999px;font-size:14px;transition:all .15s}.chip:hover{border-color:var(--acc);color:var(--acc)}.chip.active{background:var(--acc);border-color:var(--acc);color:#fff;box-shadow:0 4px 12px #ff8a3d59}.results-head{display:flex;align-items:baseline;gap:10px;margin:0 2px 12px;font-size:14px;color:var(--sub)}.results-head b{color:var(--ink);font-size:16px}.hint{margin-left:auto;font-size:12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.book-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;transition:transform .15s}.book-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:var(--radius);box-shadow:var(--shadow)}.book-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:var(--radius);box-shadow:0 14px 30px #8c5a2829;opacity:0;transition:opacity .15s}.book-card:hover{transform:translateY(-4px)}.book-card:hover:after{opacity:1}.cover-wrap{position:relative;width:100%;aspect-ratio:1 / 1;background:#f6ead9;overflow:hidden;border-radius:var(--radius) var(--radius) 0 0}.cover-wrap img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.cover-wrap .badge{position:absolute;top:10px;right:10px;background:#ffffffe6;font-size:12px;padding:3px 10px;border-radius:999px}.meta{padding:12px 14px 14px;border-radius:0 0 var(--radius) var(--radius)}.meta h3{margin:0 0 4px;font-size:16px}.meta .line1{margin:0 0 10px;font-size:12.5px;color:var(--sub)}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags span{font-size:11px;background:var(--acc-soft);color:#b4652e;padding:3px 8px;border-radius:999px}.tags span.warn{background:#fff3f0;color:#d0553f}.empty{grid-column:1 / -1;text-align:center;color:var(--sub);background:#fff;border:1px dashed var(--line);border-radius:var(--radius);padding:48px 0;font-size:15px;line-height:2}.loading{display:grid;place-items:center;padding:90px 0;color:var(--sub)}.spinner{width:34px;height:34px;margin:0 auto 12px;border:3px solid var(--line);border-top-color:var(--acc);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.err-card{max-width:520px;margin:40px auto;text-align:center;background:#fff;border:1px dashed var(--line);border-radius:var(--radius);padding:36px 24px;color:var(--sub);line-height:1.9}.err-card .big{font-size:40px}.reader-shell{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:264px minmax(0,1fr);gap:16px;padding:14px 16px 40px;align-items:start}.book-title{flex:1;min-width:0}.book-title h1{margin:0;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-title small{display:block;color:var(--sub);font-size:12px}.unit-select{border:1px solid var(--line);border-radius:10px;background:#fff;padding:8px 10px;font-size:13px;max-width:200px;display:none}.toc{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;position:sticky;top:74px;max-height:calc(100vh - 92px);display:flex;flex-direction:column}.toc-head{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line)}.toc-head h2{margin:0;font-size:14px}.toc-head button{margin-left:auto;border:none;background:var(--acc-soft);color:#b4652e;font-size:12px;border-radius:999px;padding:5px 10px}.toc-scroll{overflow-y:auto;padding:8px;flex:1}.toc-scroll ul{list-style:none;margin:0;padding:0}.unit-name{width:100%;display:flex;align-items:center;gap:6px;border:none;background:transparent;color:var(--ink);font-size:13.5px;font-weight:600;padding:8px;border-radius:10px;text-align:left}.unit-name:hover{background:var(--acc-soft)}.unit-name .cnt{margin-left:auto;font-size:11px;color:var(--sub);font-weight:400}.unit.on>.unit-name{background:var(--acc-soft);color:#b4652e}.classes{padding:0 0 4px}.classes.collapsed{display:none}.cls{display:flex;align-items:baseline;gap:6px;padding:6px 10px 6px 20px;font-size:13px;color:#6d5c53;border-radius:10px}.cls:hover{background:var(--acc-soft)}.cls .pg{margin-left:auto;font-size:11px;color:var(--sub);flex:none}.cls.on{background:var(--acc);color:#fff}.cls.on .pg{color:#ffffffd9}.reader-main{min-width:0}.now-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--sub);margin-bottom:10px;padding:0 2px}.now-bar b{color:var(--ink);font-size:14px}.now-bar .crumb{margin-left:auto}.tts-banner{font-size:13px;color:var(--sub);background:var(--acc-soft);border:1px dashed var(--acc);border-radius:10px;padding:7px 12px;margin-bottom:10px}.page-viewport{overflow:hidden}.page-track{display:flex}.page-track.anim{transition:transform .3s cubic-bezier(.25,.65,.3,1)}.page-track.snap{transition:transform .22s ease}.page-sheet{flex:0 0 100%;min-width:0}.page-sheet:not(.cur) .page-stage{pointer-events:none}.page-sheet.sheet-in{animation:sheetIn .3s ease}@keyframes sheetIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.page-frame{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px}.page-stage{position:relative;width:100%;background:#faf3ea;border-radius:12px;overflow:hidden;touch-action:pan-y}.page-stage img.page-img{display:block;width:100%;height:auto}.hotspots{position:absolute;top:0;right:0;bottom:0;left:0}.hotspot{position:absolute;border:1.5px solid rgba(255,138,61,.45);background:#ff8a3d00;border-radius:8px;padding:0;transition:background .15s,border-color .15s}.hotspot .no{position:absolute;top:-10px;left:-10px;width:20px;height:20px;border-radius:999px;background:#ffffffe6;color:#b4652e;font-size:11px;font-style:normal;font-weight:700;display:grid;place-items:center;box-shadow:0 2px 6px #0000002e;opacity:0;transform:scale(.8);transition:all .15s}.hotspot.on .no{opacity:1;transform:scale(1)}.hotspot:hover{border-color:#ff8a3dcc;background:#ff8a3d1a}.hotspot.on{border-color:var(--acc);background:#ff8a3d29;animation:pulse 1.1s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 #ff8a3d66}to{box-shadow:0 0 0 10px #ff8a3d00}}.readbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px;padding:10px 14px;background:var(--acc-soft);border:1.5px solid #ffd9bd;border-radius:14px}.readbar .rb-text{flex:1;min-width:200px;line-height:1.5}.readbar .rb-text .zh{font-size:15px;font-weight:600}.readbar .rb-text .en{display:block;font-size:12.5px;color:#b4652e}.controls{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}.pager-btn{border:1px solid var(--line);background:#fff;color:var(--ink);padding:9px 18px;border-radius:999px;font-size:14px;box-shadow:var(--shadow)}.pager-btn:disabled{opacity:.4;cursor:not-allowed}.page-label{font-size:13px;color:var(--sub);min-width:96px;text-align:center}.seq-btn{border:1px solid var(--acc);background:#fff;color:var(--acc);padding:9px 18px;border-radius:999px;font-size:14px}.seq-btn.playing{background:var(--acc);color:#fff}.ctl-btn{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;padding:7px 12px;font-size:13.5px}.ctl-btn:hover{background:var(--acc-soft)}.ctl-btn.on{background:var(--acc);border-color:var(--acc);color:#fff}.ctl-btn.pronounce{background:var(--acc-soft);border-color:var(--acc);color:#b4652e;font-weight:600}.ctl-btn.pronounce:hover{background:#ffe4d1}.rate-select{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;padding:7px 8px;font-size:13.5px}.rate-select:hover{background:var(--acc-soft)}.controls-right{display:flex;align-items:center;gap:10px;margin-left:auto}.more-wrap{position:relative}.more-btn{display:none;place-items:center;width:40px;height:40px;border-radius:999px;border:1px solid var(--acc);background:#fff;color:var(--acc);font-size:18px;box-shadow:var(--shadow)}.more-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:transparent}.more-menu{position:absolute;right:0;bottom:calc(100% + 8px);z-index:31;min-width:170px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 24px #00000029;padding:6px}.more-item{display:block;width:100%;text-align:left;border:none;background:none;color:var(--ink);padding:9px 12px;border-radius:10px;font-size:14px}.more-item:active{background:var(--acc-soft)}.more-item.on{background:var(--acc-soft);color:#b4652e;font-weight:600}.more-item:disabled{opacity:.5}.more-sep{height:1px;background:var(--line);margin:6px 8px}.more-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;font-size:13px;color:var(--sub)}.region-panel{margin-top:12px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:8px 10px}.region-panel h3{margin:6px 8px 8px;font-size:13px;color:var(--sub);display:flex;align-items:center;gap:8px}.region-panel h3:before{content:"";width:6px;height:14px;border-radius:3px;background:var(--acc)}.region-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.region-item{display:flex;align-items:center;gap:10px;border:1.5px solid var(--line);border-radius:12px;padding:9px 12px;cursor:pointer;transition:all .15s;background:#fff}.region-item:hover{border-color:var(--acc)}.region-item.on{border-color:var(--acc);background:var(--acc-soft)}.r-idx{flex:none;width:22px;height:22px;border-radius:999px;background:var(--acc-soft);color:#b4652e;font-size:12px;font-weight:700;display:grid;place-items:center}.region-item.on .r-idx{background:var(--acc);color:#fff}.r-text{flex:1;min-width:0;line-height:1.45}.r-text .zh{font-size:14.5px;font-weight:600}.r-text .en{font-size:12.5px;color:var(--sub)}.r-text .no-text,.rb-text .no-text{color:var(--sub);font-weight:400;font-size:13px}.r-play{flex:none;border:none;background:none;font-size:17px;opacity:.55}.region-item.on .r-play{opacity:1}.no-region{padding:18px;text-align:center;color:var(--sub);font-size:13.5px}#toast{position:fixed;left:50%;bottom:calc(36px + env(safe-area-inset-bottom));z-index:60;transform:translate(-50%) translateY(10px);background:#3a2e2aeb;color:#fff;font-size:14px;padding:10px 18px;border-radius:999px;opacity:0;pointer-events:none;transition:all .25s;max-width:80vw}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:920px){.reader-shell{grid-template-columns:1fr;gap:12px;padding:10px 12px 24px}.toc{display:none}.unit-select{display:block}}@media(max-width:720px){#seqBtn,.controls>.ctl-btn:not(.pronounce){display:none}.more-btn{display:grid}.topbar{flex-wrap:wrap;row-gap:8px;padding-top:calc(10px + env(safe-area-inset-top))}.book-title small{font-size:11px}.unit-select{order:3;flex-basis:100%;max-width:none;width:100%;padding:10px 12px;font-size:14px;border-radius:12px}.icon-btn{width:42px;height:42px}.page-frame{padding:8px;touch-action:pan-y}.controls{position:fixed;left:0;right:0;bottom:0;z-index:30;flex-wrap:wrap;row-gap:6px;gap:6px;margin-top:0;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#fff6ecf5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line)}.controls .rate-select{padding:5px 6px;font-size:12.5px}.controls .ctl-btn{padding:7px 10px}.pager-btn{flex:none;padding:9px 14px;font-size:13.5px}.pager-btn .arr{display:none}.page-label{flex:1;min-width:0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seq-btn{margin-left:0;flex:none;padding:9px 12px;font-size:13.5px}.ctl-btn[data-role=original],.ctl-btn[data-role=cn]{display:none}.readbar{position:fixed;left:10px;right:10px;bottom:calc(66px + env(safe-area-inset-bottom));z-index:40;margin-top:0;box-shadow:0 10px 30px #8c5a2838}.readbar .rb-text{min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.reader-main{padding-bottom:80px}.rb-fixed .reader-main{padding-bottom:154px}.region-item{padding:11px 12px}.home{padding:12px 12px 40px}.chip{padding:8px 14px}}@media(max-width:480px){.readbar img{display:none}.book-title small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.now-bar{font-size:12px}}@media(max-width:560px){.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.up-title small{display:none}}.bookshelf-row{padding:12px 16px;background:#fafafa;border-bottom:1px solid #eee}.bs-title-row{font-size:.9rem;color:#666;margin:0 0 8px}.bs-grid{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}.bs-card{position:relative;flex:0 0 100px;background:#fff;border-radius:8px;padding:8px;cursor:pointer;box-shadow:0 1px 4px #0000000f;transition:box-shadow .2s}.bs-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:8px;box-shadow:0 2px 8px #0000001f;opacity:0;transition:opacity .15s}.bs-card:hover:after{opacity:1}.bs-card img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:4px;display:block;margin-bottom:4px}.bs-name{font-size:.75rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 2px}.bs-meta{font-size:.7rem;color:#999;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bs-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;border:none;background:#00000080;color:#fff;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;padding:0}.bs-card:hover .bs-remove{opacity:1}.pron-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#3a2e2a73;display:flex;align-items:center;justify-content:center;padding:20px}.pron-panel{width:100%;max-width:440px;max-height:90dvh;overflow-y:auto;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px 20px}.pron-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.pron-title{font-size:16px;font-weight:700}.pron-x{border:none;background:none;font-size:16px;color:var(--sub);padding:4px 10px;border-radius:8px}.pron-x:hover{background:var(--acc-soft);color:var(--ink)}.pron-text{background:var(--acc-soft);border-radius:12px;padding:12px 14px}.pron-text .en{font-size:20px;font-weight:700;line-height:1.4}.pron-text .zh{font-size:13.5px;color:var(--sub);margin-top:4px}.pron-ref{margin-top:10px;display:flex;align-items:center;gap:8px;justify-content:space-between}.pron-ref .rate-wrap{display:flex;align-items:center;gap:6px}.pron-ref .rate-label{font-size:12.5px;color:var(--sub)}.ref-btn{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;padding:7px 12px;font-size:13.5px}.ref-btn:hover{background:var(--acc-soft)}.pron-rec{margin-top:14px;text-align:center}.rec-btn{width:100%;border:none;border-radius:14px;padding:12px;background:var(--acc);color:#fff;font-size:15.5px;font-weight:600}.rec-btn:active{transform:scale(.98)}.rec-btn.rec{background:#e5484d}.rec-hint{margin:8px 0 0;font-size:12.5px;color:var(--sub)}.scoring-status{margin:14px 0 0;font-size:15.5px;font-weight:700;color:var(--acc);display:flex;align-items:center;gap:8px}.scoring-status:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--acc);animation:scoring-pulse 1s ease-in-out infinite}@keyframes scoring-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.rec-audio{width:100%;margin-top:12px}.score-btn{width:100%;margin-top:12px;border:none;border-radius:14px;padding:12px;background:var(--ink);color:#fff;font-size:15.5px;font-weight:600}.score-btn:disabled{opacity:.55;cursor:not-allowed}.pron-err{margin:10px 0 0;font-size:13px;color:#c0392b;line-height:1.5}.pron-result{margin-top:14px;border-top:1px dashed var(--line);padding-top:12px}.score-line{display:flex;align-items:center;gap:12px}.score{font-size:34px;font-weight:800;line-height:1}.score small{font-size:13px;font-weight:500;color:var(--sub)}.score.good{color:var(--green)}.score.mid{color:var(--acc)}.score.bad{color:#e5484d}.score-msg{font-size:13.5px}.breakdown{margin-top:10px;display:flex;flex-direction:column;gap:6px}.bd-row{display:flex;align-items:center;gap:8px;font-size:12.5px}.bd-label{width:62px;color:var(--sub);flex:none}.bd-label small{margin-left:2px;opacity:.75}.bd-bar{flex:1;height:6px;border-radius:3px;background:var(--acc-soft);overflow:hidden}.bd-bar i{display:block;height:100%;border-radius:3px;background:var(--acc)}.bd-val{width:28px;flex:none;text-align:right;font-size:13px}.word-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.word-item{background:#f4faf6;border:1px solid #d3e9dd;border-radius:10px;padding:8px 10px;cursor:pointer}.word-item:hover{border-color:#93cfa9}.word-item.bad:hover{border-color:#e2ab99}.word-item b{font-size:14.5px}.word-item .ipa{display:block;margin-top:3px;font-size:12.5px;color:#4d7c0f;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.word-item.bad{background:#fdf0ef;border-color:#f3d1cd}.word-item.bad .ipa{color:#b45309}.word-line{display:flex;align-items:center;gap:8px}.word-play{flex:none;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #bfe3c9;background:#fff;color:#15803d;border-radius:50%;padding:0}.word-play.muted{opacity:.45}.word-item.bad .word-play{border-color:#f0c4bc;color:#b45309}.word-item.bad .word-play:hover:not(:disabled){border-color:#b45309;background:#fef7f5}.word-item.playing{border-color:#15803d;background:#f0fdf4}.word-item.playing.bad{border-color:#b45309;background:#fef7f5}.word-audio-msg{margin:8px 0 0;font-size:12.5px;color:#b45309}.transcribe{margin:10px 0 0;font-size:12.5px;color:var(--sub);line-height:1.5}.pron-note{margin-top:10px;border-top:1px dashed var(--line);padding-top:10px;font-size:12px;color:var(--sub);line-height:1.7}.pron-note p{margin:0}.pron-note b{font-size:12px;color:var(--ink)}.upload-page{max-width:1040px;margin:0 auto;padding:24px 16px 60px}.up-title{display:flex;flex-direction:column;gap:4px}.up-title h1{margin:0;font-size:20px;letter-spacing:1px}.up-title small{margin:0;color:var(--sub);font-size:12.5px;line-height:1.5}.upload-card{max-width:720px;margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;display:flex;flex-direction:column;gap:14px}.title-row{display:flex;flex-direction:column;gap:6px;font-size:13.5px}.voice-box{display:flex;flex-direction:column;gap:8px}.voice-box-title{font-size:13.5px;font-weight:600;color:var(--ink)}.voice-list{display:flex;flex-direction:column;gap:8px}.voice-item{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.voice-item input[type=radio]{margin:0;accent-color:var(--acc)}.voice-item.active{border-color:var(--acc);background:var(--acc-soft)}.voice-name{font-size:14px;font-weight:600;color:var(--ink)}.voice-name i{font-style:normal;font-size:11px;color:var(--acc);margin-left:4px}.voice-style{flex:1;min-width:110px;font-size:12px;color:var(--sub)}.voice-prev{font-size:12px;color:var(--acc);border:1px solid var(--line);border-radius:999px;padding:3px 10px;background:#fff;-webkit-user-select:none;user-select:none}.voice-prev:active{background:var(--acc-soft)}.voice-prev.playing{color:var(--sub)}.voice-empty{font-size:13px;color:var(--sub)}.title-row input{padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:14px;background:#fff;color:var(--ink)}.form-error{margin:0;color:#d32f2f;font-size:13px;line-height:1.6}.primary{border:none;border-radius:14px;padding:12px;background:var(--acc);color:#fff;font-size:15.5px;font-weight:600}.primary:disabled{opacity:.55;cursor:not-allowed}.primary-lg{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 28px;font-size:16px}.dropzone{background:var(--acc-soft);border:2px dashed #e8c9a8;border-radius:16px;padding:36px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:210px;text-align:center;cursor:pointer;transition:all .2s ease}.dropzone:hover{border-color:var(--acc)}.dropzone-active{border-color:var(--acc);border-style:solid;background:#ffe9d9;transform:scale(1.01)}.dropzone-filled{border-style:solid;border-color:var(--line);min-height:0;padding:14px}.dropzone-icon-wrap{width:64px;height:64px;border-radius:50%;background:var(--card);color:var(--acc);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);margin-bottom:14px}.dropzone-title{display:block;font-size:15px;font-weight:600;color:var(--ink)}.dropzone-subtitle{display:block;margin-top:5px;font-size:12.5px;color:var(--sub);line-height:1.6}.dropzone-formats{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap;justify-content:center}.format-badge{font-size:11px;font-weight:600;letter-spacing:.5px;color:var(--acc);background:var(--card);border:1px solid var(--line);border-radius:6px;padding:3px 8px}.file-input-hidden{display:none}.dz-files{width:100%;display:flex;flex-direction:column;gap:8px}.dz-file{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:13px}.dz-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}.dz-size{color:var(--sub);font-size:12px;flex-shrink:0}.dz-remove{border:none;background:none;color:var(--sub);font-size:13px;cursor:pointer;padding:2px 6px;flex-shrink:0}.dz-remove:hover{color:#d32f2f}.progress-text{margin:0 0 8px;font-size:14.5px}.progress-bar{height:8px;border-radius:4px;background:var(--acc-soft);overflow:hidden}.progress-fill{height:100%;border-radius:4px;background:var(--acc);transition:width .4s ease}.ready-title{margin:0;font-size:16px;font-weight:700}.share-row{display:flex;flex-direction:column;gap:6px;margin:0;font-size:13.5px}.share-row input{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:13px;color:var(--ink)}.upload-entry{font-size:13px;font-weight:600;color:#fff;background:var(--acc);padding:7px 14px;border-radius:999px;box-shadow:var(--shadow)}.upload-entry:active{transform:scale(.97)}.upload-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 16px 0;padding:16px 18px;background:linear-gradient(135deg,var(--acc-soft),#fff);border:1.5px solid var(--acc);border-radius:var(--radius);box-shadow:var(--shadow)}.ucta-text h2{margin:0 0 4px;font-size:1.05rem;color:var(--ink)}.ucta-text p{margin:0;font-size:.82rem;color:#8a6d55;line-height:1.5}.ucta-btn{flex:none;display:inline-block;background:var(--acc);color:#fff;font-weight:700;font-size:.95rem;padding:12px 20px;border-radius:999px;box-shadow:var(--shadow);white-space:nowrap}.ucta-btn:active{transform:scale(.97)}@media(max-width:560px){.upload-cta{flex-direction:column;align-items:stretch;text-align:center;margin-top:8px}.ucta-btn{text-align:center}}.bs-card.expired{opacity:.5}