@font-face{font-family:Patrick Hand;src:url(/diandu/assets/patrickhand-latin-B7HHA2Vw.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #fff6ec;--card: #ffffff;--ink: #3a2e2a;--sub: #94827a;--line: #f0e2d4;--font-body: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-ex: "Patrick Hand", "Segoe Print", "Bradley Hand", "Chalkboard SE", cursive;--font-ex-cn: "Kaiti SC", "STKaiti", KaiTi, "楷体", "Noto Serif CJK SC", serif;--acc: #ff8a3d;--acc-soft: #fff1e6;--blue: #3aa6ff;--green: #43b97f;--radius: 18px;--shadow: 0 8px 24px rgba(140, 90, 40, .1);--c-title: 19px;--c-l1: 18.5px;--c-l2: 18px;--c-btn: 16px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);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}html.gliding,.region-panel.gliding{overflow-anchor:none}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)}.layout-btn{border:1px solid var(--line);background:#fff;color:var(--ink);font-size:13px;padding:9px 12px;border-radius:999px;box-shadow:var(--shadow);cursor:pointer}.layout-btn.on{border-color:#f0cfae;background:var(--acc-soft);color:#b4652e;font-weight:600}.layout-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}.grid-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:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-title small{display:block;color:var(--sub);font-size:13px}.unit-select{border:1px solid var(--line);border-radius:10px;background:#fff;padding:8px 10px;font-size:14.5px;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:15.5px}.toc-head button{margin-left:auto;border:none;background:var(--acc-soft);color:#b4652e;font-size:13px;border-radius:999px;padding:5px 10px}.reader-shell.toc-rail{grid-template-columns:46px minmax(0,1fr)}.reader-shell.split{grid-template-columns:minmax(170px,200px) minmax(0,1fr);gap:16px 10px;--frame-inset: 6px}.reader-shell.split.toc-rail{grid-template-columns:46px minmax(0,1fr)}.toc-head .toc-rail-btn{width:26px;height:26px;flex:none;padding:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--sub);font-size:15px;line-height:1;cursor:pointer}.toc-head .toc-rail-btn:hover{border-color:var(--acc);background:var(--acc-soft);color:#b4652e}.toc.rail .toc-head{flex-direction:column;align-items:center;gap:8px;padding:8px 6px 4px;border-bottom:none}.toc.rail .toc-head h2{display:none}.toc.rail .toc-head .toc-rail-btn{margin-left:0}.toc-rail-label{margin:0;padding:2px 0 10px;color:var(--sub);font-size:13.5px;cursor:pointer;writing-mode:vertical-rl;text-orientation:upright;letter-spacing:3px;align-self:center}.toc-rail-label:hover{color:#b4652e}.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:15px;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:12px;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:14.5px;color:#6d5c53;border-radius:10px}.cls:hover{background:var(--acc-soft)}.cls .pg{margin-left:auto;font-size:12px;color:var(--sub);flex:none}.cls.on{background:var(--acc);color:#fff}.cls.on .pg{color:#ffffffd9}.reader-main{min-width:0}.rd-cols{display:block}.reader-shell{--frame-inset: 10px;--page-h: calc(100vh - var(--stick, 74px) - 78px - 2 * var(--frame-inset));--page-max: calc(var(--page-h) * var(--page-ar-book, var(--page-ar, .7)) + 14px);--panel-max: 900px}.reader-shell>.pm-probe{position:absolute;top:0;left:0;width:var(--page-max);height:0;opacity:0;pointer-events:none}.reader-main.split .rd-cols{display:grid;grid-template-columns:minmax(0,var(--page-max)) minmax(var(--panel-min, 280px),1fr);width:100%;max-width:calc(var(--page-max) + 14px + var(--panel-max));margin-inline:auto;grid-template-rows:auto minmax(0,1fr);gap:10px 14px;align-items:start}.reader-main.split .page-frame{grid-column:1;grid-row:1;padding:var(--frame-inset, 6px)}.reader-main.split .controls{grid-column:1;grid-row:2;margin-top:0}.reader-main.split .region-panel{grid-column:2;grid-row:1 / 3;position:sticky;top:calc(var(--stick, 74px) + 8px);margin-top:0;max-height:100%;overflow-y:auto}.controls .ctl-off{display:none!important}.controls.ctl-collapsed .more-btn{display:grid}.controls.ctl-meas{flex-wrap:nowrap}.controls.ctl-meas .page-label{flex:0 0 auto}.reader-main.split .controls{flex-wrap:nowrap}.reader-main.split .controls>:not(.page-label){flex:none}.reader-main.split .pager-btn{flex:none;padding:8px 12px;font-size:14.5px}.reader-main.split .ctl-btn{padding:7px 10px}.reader-main.split .rate-select{padding:5px 6px;font-size:13.5px}.reader-main.split .seq-btn{padding:7px 12px;font-size:14.5px}.reader-main.split .page-label{flex:0 1 auto;min-width:0;font-size:13px}.reader-main.split .controls{gap:6px;row-gap:6px}.reader-main.split .page-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-main.split .region-panel{padding:6px}.reader-main.split .region-list{gap:5px}.reader-main.split .r-head{padding:9px 8px;gap:8px}.reader-main.split .r-body-in{padding:8px 6px 9px}.reader-main.split .cbox{padding:8px 7px}.reader-main.split .region-item.open .r-head{position:static}.reader-shell.split{max-width:calc(200px + 10px + var(--page-max) + 14px + var(--panel-max) + 24px);height:calc(100vh - var(--stick, 74px) - 4px);padding:14px 12px 8px}.reader-shell.split.toc-rail{max-width:calc(46px + 10px + var(--page-max) + 14px + var(--panel-max) + 24px)}@media(min-width:921px)and (max-width:1180px){.reader-shell.split{padding-left:6px;padding-right:6px;max-width:calc(200px + 10px + var(--page-max) + 14px + var(--panel-max) + 12px)}.reader-shell.split.toc-rail{max-width:calc(46px + 10px + var(--page-max) + 14px + var(--panel-max) + 12px)}}.reader-main.split{height:100%;min-height:0;display:flex;flex-direction:column}.reader-main.split .rd-cols{flex:1 1 auto;min-height:0}.now-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14.5px;color:var(--sub);margin-bottom:10px;padding:0 2px}.tts-banner{font-size:14.5px;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;height:var(--page-h);display:flex;align-items:center;justify-content:center}.page-stage{position:relative;aspect-ratio:var(--page-ar, .7);width:min(100%,calc(var(--page-h) * var(--page-ar, .7)));flex:0 1 auto;background:#faf3ea;border-radius:12px;overflow:hidden;touch-action:pan-y}.page-stage img.page-img{display:block;width:100%;height:100%}.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:var(--frame-inset, 10px)}.reader-main:not(.split) .page-frame{max-width:calc(var(--page-h) * var(--page-ar-book, var(--page-ar, .7)) + 2 * var(--frame-inset, 10px) + 2px);margin-inline: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:12px;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}}.hotspot-menu{position:absolute;z-index:6;display:flex;gap:4px;padding:3px;border-radius:999px;background:#fffffff7;border:1px solid var(--line);box-shadow:0 4px 14px #0000002e;animation:hmIn .14s ease-out;pointer-events:none}.hm-btn{pointer-events:auto}@keyframes hmIn{0%{opacity:0}to{opacity:1}}.hm-btn{font:inherit;font-size:14px;line-height:1;cursor:pointer;white-space:nowrap;padding:7px 11px;border-radius:999px;border:1px solid transparent}.hm-btn:active{transform:translateY(1px)}.hm-btn.pron{background:var(--acc-soft);border-color:var(--acc);color:#b4652e;font-weight:600}.hm-btn.pron:hover{background:#ffe4d1}.hm-btn.anal{background:#eef5fc;border-color:#a8cbea;color:#2563a8;font-weight:600}.hm-btn.anal:hover{background:#dbeaf8}.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 .orig{font-size:var(--c-l1);font-weight:600}.readbar .rb-text .trans{display:block;font-size:var(--c-l2);color:#b4652e}.controls{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}.pager-btn,.seq-btn,.ctl-btn{white-space:nowrap}.pager-btn{border:1px solid var(--line);background:#fff;color:var(--ink);padding:9px 13px;border-radius:999px;font-size:16.5px;box-shadow:var(--shadow)}.pager-btn:disabled{opacity:.4;cursor:not-allowed}.page-label{font-size:15.5px;color:var(--sub);min-width:88px;text-align:center}.seq-btn{border:1px solid var(--acc);background:#fff;color:var(--acc);padding:9px 13px;border-radius:999px;font-size:16px}.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 8px;font-size:16px}.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 6px;font-size:16px}.rate-select:hover{background:var(--acc-soft)}.controls-right{display:flex;align-items:center;gap:8px;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:20px;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:15.5px}.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:14.5px;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.pn-mid{--c-title: 17.5px;--c-l1: 17px;--c-l2: 16.5px;--c-btn: 14px}.region-panel.pn-small{--c-title: 16.5px;--c-l1: 16px;--c-l2: 15.5px;--c-btn: 14px}.region-panel.pn-narrow .cbox-title{flex-wrap:nowrap}.region-panel.pn-narrow .cbox-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.region-panel.pn-narrow .cbox-tools{flex:none;flex-wrap:nowrap}.region-panel.pn-narrow .cbox-more,.region-panel.pn-narrow .cbox-act{padding:5px 9px}.region-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.region-item{border:1.5px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;transition:border-color .15s,background .15s}.region-item:hover{border-color:var(--acc)}.region-item.on{border-color:var(--acc);background:var(--acc-soft)}.region-item.open{border-color:var(--acc)}.r-head{display:flex;align-items:center;gap:10px;padding:11px 12px;cursor:pointer}.r-idx{flex:none;width:24px;height:24px;border-radius:999px;background:var(--acc-soft);color:#b4652e;font-size:14.5px;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-tools{flex:none;display:flex;align-items:center;gap:4px}.r-text .orig{font-size:var(--c-l1);font-weight:600}.r-text .trans{font-size:var(--c-l2);color:var(--sub)}.r-text .no-text,.rb-text .no-text{color:var(--sub);font-weight:400;font-size:var(--c-l1)}.r-badge{flex:none;font-size:15px;font-weight:700;letter-spacing:.4px;padding:4px 9px;border-radius:999px;border:1px solid #d7e7fb;background:#eef5ff;color:#2563a8}.r-badge.multi{border-color:#f6e2bf;background:#fff7e6;color:#a15c07}.r-badge.frag{border-color:#e6ddd5;background:#f4f1ee;color:#8b7c73}.r-play{flex:none;border:none;background:none;font-size:21.5px;opacity:.55}.region-item.on .r-play{opacity:1}.no-region{padding:18px;text-align:center;color:var(--sub);font-size:17px}.r-body-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--rb-dur, .26s) cubic-bezier(.42,0,.58,1)}.region-item.open .r-body-wrap{grid-template-rows:1fr}.r-body{overflow:hidden;min-height:0}.r-body-in{border-top:2px dashed #d8c3ab;padding:10px 12px 12px;background:#fffdf9;border-radius:0 0 10px 10px}@media(prefers-reduced-motion:reduce){.r-body-wrap{transition:none}}.region-item.open{overflow:visible}.region-item.open .r-head{position:sticky;top:var(--stick, 70px);z-index:6;background-color:inherit;border-radius:10px 10px 0 0}.syntax{display:flex;flex-direction:column;gap:8px}.sx-hint,.sx-note{font-size:var(--c-l2);color:var(--sub)}button.sx-note.open{display:block;width:100%;text-align:left;font:inherit;cursor:pointer;border:1px dashed #d9c3a8;border-radius:8px;padding:6px 10px;background:#fffaf4}button.sx-note.open:hover{border-color:#b4652e;color:#b4652e;background:#fff6ec}button.sx-note.open:active{transform:translateY(1px)}button.sx-note.open .cm-arrow{font-size:13px;opacity:.75}.pbox button.sx-note.open{border-color:#9fd3c9;background:#f4fdfb;color:#3f6b64}.pbox button.sx-note.open:hover{border-color:#0f766e;color:#0b5c56;background:#e6f5f1}.cbox{border:1px solid;border-radius:12px;padding:10px 12px}.cbox.sbox{border-color:#dbe9f9;background:#f0f7ff}.cbox.wbox{border-color:#f2e6c8;background:#fffbeb}.cbox.pbox{border-color:#cdeee8;background:#f0fdfa}.cbox-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:var(--c-title);font-weight:700;margin-bottom:7px;padding-bottom:6px;border-bottom:2px dashed}.sbox .cbox-title{color:#2563a8;border-bottom-color:#2563a88c}.wbox .cbox-title{color:#a16207;border-bottom-color:#a162078c}.pbox .cbox-title{color:#0f766e;border-bottom-color:#0f766e8c}.cbox-more,.cbox-act{display:inline-flex;align-items:center;text-decoration:none;border:1px solid rgba(0,0,0,.18);background:#fff;color:#4a3b33;font-size:var(--c-btn);padding:4px 11px;border-radius:999px;line-height:1.5;box-shadow:0 1px 2px #0000000f;transition:all .15s;white-space:nowrap}.cbox-more{gap:6px}.cbox-more:hover,.cbox-act:hover{border-color:#b4652e;background:#fff8f1;color:#b4652e}.cbox-more:active,.cbox-act:active{transform:translateY(1px);box-shadow:none}.cbox-more .cm-arrow{font-size:13px;opacity:.75}.cbox-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}@media(max-width:720px){.cbox-act .btn-t{display:none}}.btn-t{margin-left:5px}.w-acts{margin-left:auto;display:inline-flex;align-items:center;gap:6px}.w-tts,.w-mic{border:1px solid rgba(0,0,0,.18);background:#fff;color:#4a3b33;border-radius:999px;padding:4px 12px;font-size:15px;line-height:1.4;white-space:nowrap;box-shadow:0 1px 2px #0000000f;transition:all .15s}.w-tts:hover,.w-mic:hover,.w-tts.on{border-color:#b4652e;background:#fff8f1;color:#b4652e}.w-tts:active,.w-mic:active{transform:translateY(1px);box-shadow:none}@media(max-width:720px){.w-acts{gap:4px}.w-acts .btn-t{display:none}.w-line{gap:6px}.w-tts,.w-mic{padding:3px 8px;font-size:13.5px}}.sx-meta{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:var(--c-l2)}.sx-kv i{font-style:normal;color:var(--sub);margin-right:5px}.sx-trunk{margin-top:8px;font-size:var(--c-l1);line-height:1.6}.sx-trunk .sx-lab{font-size:var(--c-l2);color:var(--sub);margin-right:6px}.sx-trunk b>em{font-style:normal;color:#9ec3e8;margin:0 7px}.sx-trunk.sub{margin-top:4px;font-size:var(--c-l1)}.sx-comps{margin-top:8px;display:flex;flex-wrap:wrap;gap:5px}.sx-comp{font-size:var(--c-l2);background:#fff;border:1px solid #dbe9f9;border-radius:8px;padding:4px 9px}.sx-comp i{font-style:normal;color:#2563a8;margin-right:5px}.sx-comps.sub{margin-top:5px}.sx-comps.sub .sx-comp{font-size:var(--c-l2);padding:3px 8px}.sx-clauses{margin-top:6px;display:flex;flex-wrap:wrap;gap:5px}.sx-clause{font-size:var(--c-l2);background:#fff;border:1px solid #dbe9f9;border-radius:8px;padding:3px 9px}.sx-clause i{font-style:normal;color:#2563a8;margin-right:5px}.sx-kps{margin-top:7px;display:flex;flex-wrap:wrap;gap:5px;align-items:center}.sx-kps .sx-lab{font-size:var(--c-l2);color:var(--sub);margin-right:2px}.sx-kp{display:inline-flex;align-items:baseline;gap:6px;max-width:100%;font-size:var(--c-l2);line-height:1.5;padding:3px 9px;border-radius:8px;background:#e3effc;border:1px solid #bcd7f2;color:#1d4f86;text-decoration:none}.sx-kp b{font-weight:600}.sx-kp em{font-style:normal;color:#5b7ba0}.sx-kp .cm-arrow{font-size:12px;opacity:.8}.sx-kp:hover{background:#d2e6fa;border-color:#8fbde9;text-decoration:none}.sx-kp:hover b{text-decoration:underline}.sx-sents{margin-top:7px;display:flex;flex-direction:column;gap:6px}.sx-sent{display:flex;gap:8px;background:#fff;border:1px solid #dbe9f9;border-radius:10px;padding:6px 9px}.sx-sent-idx{flex:none;width:20px;height:20px;border-radius:999px;background:#eef5ff;color:#2563a8;font-size:var(--c-l2);font-weight:700;display:grid;place-items:center;margin-top:2px}.sx-sent-body{min-width:0}.sx-sent-text{font-size:var(--c-l1)}.sx-sent-meta{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:var(--c-l2);color:var(--sub);margin-top:3px}.sx-llm{margin-top:9px;border-top:2px dashed rgb(37 99 168 / .35);padding-top:8px;font-size:var(--c-l2)}.sx-llm p{margin:4px 0;line-height:1.55}.sx-llm i{font-style:normal;color:#2563a8;margin-right:6px}.sx-llm .warn i{color:#b42318}.sx-gp{margin:4px 0;display:flex;gap:6px}.sx-gp>i{font-style:normal;color:#2563a8;flex:none}.sx-gp ol{margin:0;padding:0;list-style:none;counter-reset:gp;display:flex;flex-direction:column;gap:3px}.sx-gp li{counter-increment:gp;line-height:1.55}.sx-gp li:before{content:counter(gp) ". ";color:#2563a8;font-weight:600}.sx-explain{margin-top:8px;width:100%;border:1px dashed #9ec3e8;background:#fff;color:#2563a8;font-size:var(--c-l2);padding:8px 12px;border-radius:10px}.sx-explain:disabled{opacity:.6}.w-row{padding:5px 0;border-bottom:2px dashed rgb(161 98 7 / .28)}.w-row:last-child{border-bottom:none}.w-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.w-row.tight .w-pos,.w-row.tight .w-comp,.w-row.tight .w-role{display:none}.w-row.tighter .w-learn:not(.now){display:none}.w-row.nolabel .w-acts .btn-t,.w-row.tightest .w-learn{display:none}.w-word{font-size:var(--c-l1)}.w-row.key .w-word{color:#8a4b0f}.syl-word{letter-spacing:.2px}.syl{border-radius:4px;padding:0 1.5px}.syl0{color:#2a55bd;background:#dbe6ff}.syl1{color:#0f6c34;background:#d2f0e0}.syl2{color:#6140c4;background:#e4dcff}.syl3{color:#ad2a5f;background:#ffdde9}.w-ipa .syl{background:none}.w-ipa{font-size:var(--c-l2);color:#0f766e}.w-pos,.w-comp,.w-role{font-size:var(--c-l2);color:var(--sub);background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:6px;padding:2px 7px}.w-role{color:#a16207;border-color:#f2e6c8}.w-learn{font-size:var(--c-l2);border-radius:6px;padding:2px 7px;border:1px solid}.w-learn.now{color:#a16207;background:#fff7e3;border-color:#f0d9a6;font-weight:600}.w-learn.was{color:var(--sub);background:#fff;border-color:#00000014}.w-learn.next{color:#4a5a70;background:#fff;border-color:#d9e2ec;border-style:dashed}.w-learn.seen{color:#3f6b7a;background:#f4fafb;border-color:#dcecef}.w-learn.off{color:#8a8078;background:#fff;border-color:#e6e0d8;border-style:dashed}.w-sub{margin-top:3px;font-size:var(--c-l2);line-height:1.55;color:#5b4a41}.w-sub i{font-style:normal;color:#a16207;margin-right:6px}.w-mean{margin-top:3px;font-size:var(--c-l2);color:var(--sub)}.sx-phrases{margin-top:6px;display:flex;flex-wrap:wrap;gap:5px}.sx-phrase{font-size:var(--c-l2);background:#fff;border:1px solid #f2e6c8;border-radius:8px;padding:3px 9px}.sx-phrase i{font-style:normal;color:#a16207;margin-right:5px}.sx-phrase-more{font:inherit;font-size:var(--c-l2);cursor:pointer;color:#a16207;background:#fffdf6;border:1px dashed #d9b45f;border-radius:8px;padding:3px 10px}.sx-phrase-more:hover{border-color:#a16207;border-style:solid;background:#fff7e3}.sx-phrase-more:active{transform:translateY(1px)}.sx-phrase-more .cm-arrow{font-size:13px;opacity:.75}.p-summary{margin-top:4px;display:flex;flex-wrap:wrap;gap:5px;cursor:pointer}.p-chip{font-size:var(--c-l2);background:#fff;border:1px solid #cdeee8;color:#0f766e;border-radius:999px;padding:3px 10px}.p-summary:hover .p-chip{border-color:#0f766e;background:#e8f6f3}.p-rules{margin-top:4px}.p-rule{padding:6px 0;border-bottom:2px dashed rgb(15 118 110 / .26);font-size:var(--c-l1)}.p-rule:last-child{border-bottom:none}.p-rule-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}.p-rule-name{color:#0f766e;font-size:var(--c-l1);flex:none}.p-rule-words{color:#4a3b33;font-size:var(--c-l1);font-weight:600;flex:1 1 auto}.p-audio{flex:none;margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:var(--c-l2);line-height:1;padding:4px 10px;border-radius:999px;border:1px solid #bfe6de;background:#fff;color:#0f766e;white-space:nowrap;transition:all .15s}.p-audio:hover{border-color:#0f766e;background:#e8f6f3}.p-audio:active{transform:translateY(1px)}.p-audio.on{background:#0f766e;border-color:#0f766e;color:#fff}.p-audio .pa-ico{font-size:.82em}.p-rule-no{font-size:var(--c-l2);color:#0f766e;background:#fff;border:1px solid #bfe6de;border-radius:999px;padding:1px 8px;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:baseline}a.p-rule-no:hover{background:#e8f6f3;border-color:#0f766e}.p-rule-no.plain{border-style:dashed}.p-rule-no .pn-arrow{font-size:.8em}.p-rule-line{display:flex;align-items:baseline;gap:6px}.p-rule-line>i{flex:none;font-style:normal;white-space:nowrap;color:#0f766e;opacity:.8}.p-rule-line>i:before,.w-sub>i:before{content:"•";opacity:.55;margin-right:.4em}.p-rule-line>span{flex:1 1 auto;min-width:0}.p-rule-line.ipa>span{color:#0f766e}.p-rule-line.tip>span{color:#5b4a41;font-size:var(--c-l2);line-height:1.5}.p-rule-line.tip>i{font-size:var(--c-l2)}.p-rule-line.sent>i{opacity:.6;font-size:var(--c-l2)}.p-rule-line.sent>span{color:var(--sub);font-size:var(--c-l2)}#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:15.5px;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,.reader-shell.split{grid-template-columns:1fr;gap:12px;padding:8px 6px 20px}.reader-shell,.reader-shell.split{--frame-inset: 4px}.page-frame,.reader-main.split .page-frame{padding:var(--frame-inset)}.reader-shell.split,.reader-shell.toc-rail,.reader-shell.split.toc-rail{grid-template-columns:1fr}.layout-btn{display:none}.reader-shell.split{max-width:1280px;height:auto;padding-bottom:20px}.reader-main.split{height:auto;display:block}.reader-main.split .rd-cols{flex:none}.reader-main.split .rd-cols{display:block;max-width:none;margin-inline:0}.reader-main.split .region-panel{position:static;max-height:none;overflow:visible}.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:12px}.unit-select{order:3;flex-basis:100%;max-width:none;width:100%;padding:10px 12px;font-size:15.5px;border-radius:12px}.icon-btn{width:42px;height:42px}.reader-shell,.reader-shell.split{--frame-inset: 5px}.page-frame{padding:var(--frame-inset);touch-action:pan-y}.controls{position:fixed;left:0;right:0;bottom:0;z-index:45;flex-wrap:nowrap;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:13.5px}.controls .ctl-btn{padding:7px 10px}.pager-btn{flex:none;padding:9px 14px;font-size:15px}.pager-btn .arr{display:none}.page-label{flex:1;min-width:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seq-btn{margin-left:0;flex:none;padding:9px 12px;font-size:15px}.ctl-btn[data-role=original],.ctl-btn[data-role=cn]{display:none}.readbar{position:fixed;left:6px;right:6px;bottom:var(--ctl-h, 66px);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:calc(var(--ctl-h, 66px) + 16px)}.rb-fixed .reader-main{padding-bottom:calc(var(--ctl-h, 66px) + var(--rb-h, 62px) + 16px)}.reader-shell,.reader-shell.split{padding:6px 6px 16px}.region-panel{padding:4px}.r-head{padding:9px 8px;gap:8px}.r-idx{width:22px;height:22px;font-size:13.5px}.region-item.open .r-head{position:static}.r-tools{gap:2px}.r-badge{font-size:13px;padding:3px 8px}.r-play{font-size:20px}.r-body-in{padding:6px 4px 9px}.cbox{padding:7px 6px}:root{--c-title: 16.5px;--c-l1: 16px;--c-l2: 15.5px;--c-btn: 14.5px}.cbox-more,.cbox-act{padding:6px 11px}.cbox-title{flex-wrap:nowrap}.cbox-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cbox-tools{flex:none;flex-wrap:nowrap}.p-rule-words{flex:0 1 auto;order:2;min-width:0}.p-audio{order:3;margin-left:0;padding:5px 10px}.p-rule-no{font-size:var(--c-l3);padding:1px 7px}.p-rule-no .pn-arrow{display:none}.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:13px}}@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:15.5px;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:18px;font-weight:700}.pron-x{border:none;background:none;font-size:18px;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:22.5px;font-weight:700;line-height:1.4}.pron-text .zh{font-size:15px;color:var(--sub);margin-top:4px}.pron-scope{margin-top:6px;font-size:14px;color:var(--sub)}.pron-unconfirmed{background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:11px 13px;font-size:15px;line-height:1.6;color:#7c2d12}.pron-unconfirmed p+p{margin-top:5px;color:#9a3412}.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:13.5px;color:var(--sub)}.ref-btn{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;padding:7px 12px;font-size:16.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:17.5px;font-weight:600}.rec-btn:active{transform:scale(.98)}.rec-btn.rec{background:#e5484d}.rec-hint{margin:8px 0 0;font-size:13.5px;color:var(--sub)}.scoring-status{margin:14px 0 0;font-size:17.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:17.5px;font-weight:600}.score-btn:disabled{opacity:.55;cursor:not-allowed}.pron-err{margin:10px 0 0;font-size:14.5px;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:37px;font-weight:800;line-height:1}.score small{font-size:14.5px;font-weight:500;color:var(--sub)}.score.good{color:var(--green)}.score.mid{color:var(--acc)}.score.bad{color:#e5484d}.score-msg{font-size:15px}.breakdown{margin-top:10px;display:flex;flex-direction:column;gap:6px}.bd-row{display:flex;align-items:center;gap:8px;font-size:13.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:14.5px}.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:16px}.word-item .ipa{display:block;margin-top:3px;font-size:13.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:13.5px;color:#b45309}.transcribe{margin:10px 0 0;font-size:13.5px;color:var(--sub);line-height:1.5}.pron-note{margin-top:10px;border-top:1px dashed var(--line);padding-top:10px;font-size:13px;color:var(--sub);line-height:1.7}.pron-note p{margin:0}.pron-note b{font-size:13px;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}.site-footer{display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:center;align-items:center;padding:20px 16px 26px;margin-top:28px;border-top:1px solid rgba(0,0,0,.08);font-size:12.5px;color:#8a6d55}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{color:var(--acc);text-decoration:underline}