@font-face{font-family:SY Mi;font-weight:400 500;src:url(/fonts/mi-400.woff2)format("woff2");font-display:swap}@font-face{font-family:SY Mi;font-weight:600 800;src:url(/fonts/mi-600.woff2)format("woff2");font-display:swap}:root{--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--r-sm:10px;--r-md:16px;--r-lg:24px;--r-xl:32px;--r-pill:999px;--d-press:.1s;--d-release:.24s;--d-state:.18s;--d-menu:.18s;--d-dialog:.26s;--d-side:.3s;--ease-out:cubic-bezier(.2, .8, .2, 1);--spring:cubic-bezier(.34, 1.45, .55, 1);--font-text:"SY Mi", "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", system-ui, sans-serif;--font-display:"SY Mi", "PingFang SC", "Microsoft YaHei UI", sans-serif;--font-num:"SY Mi", system-ui, sans-serif;--w-strong:600;--w-display:600;--bg:#fcf6fe;--surface:#fff;--soft:#f5ecfd;--sunken:#f1e6fc;--line:#eadcfb;--text:#362447;--text2:#7a6d86;--primary:#8754e9;--on-primary:#fff;--link:#844fe8;--brand:#8956e9;--brand2:#e190cd;--mark:#f5d8ee;--mark-text:#362447;--live:#d1343b;--success:#2e7d5b;--warning:#9c5206;--error:#c62f37;--shadow-color:#36244724;--primary-soft:#f1ebfc;--scrim:#1e122c52;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@supports (transition-timing-function:linear(0, 1)){:root{--spring:linear(0, .009, .035 2.1%, .141 4.4%, .723 12.9%, .938 16.7%, 1.017 19.4%, 1.067, 1.077 24.6%, 1.061 27.2%, 1.009 34.3%, .993 38.1%, .996 46.3%, 1.001 58.4%, 1)}}@media (prefers-color-scheme:dark){:root:not([data-t]){--bg:#141725;--surface:#242a3d;--soft:#1f213a;--sunken:#0f111c;--line:#394766;--text:#f4f3ff;--text2:#a6a6b3;--primary:#9288fb;--on-primary:#141725;--link:#9085fa;--brand:#8579fa;--brand2:#39b8d4;--mark:#204b5d;--mark-text:#f4f3ff;--live:#ff6b6b;--success:#4cc38a;--warning:#f0b357;--error:#ff6b6b;--shadow-color:#00000080;--primary-soft:#393b67;--scrim:#00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-t=orchid-light]{--bg:#fcf6fe;--surface:#fff;--soft:#f5ecfd;--sunken:#f1e6fc;--line:#eadcfb;--text:#362447;--text2:#7a6d86;--primary:#8754e9;--on-primary:#fff;--link:#844fe8;--brand:#8956e9;--brand2:#e190cd;--mark:#f5d8ee;--mark-text:#362447;--live:#d1343b;--success:#2e7d5b;--warning:#9c5206;--error:#c62f37;--shadow-color:#36244724;--primary-soft:#f1ebfc;--scrim:#1e122c52;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-t=aurora-light]{--bg:#f4fafc;--surface:#fff;--soft:#e8f2fb;--sunken:#e1edfa;--line:#d5e5f9;--text:#18364a;--text2:#607481;--primary:#2670e6;--on-primary:#fff;--link:#1f6be6;--brand:#3479e8;--brand2:#6ac9d2;--mark:#c9f0e7;--mark-text:#18364a;--live:#d1343b;--success:#2e7d5b;--warning:#9c5206;--error:#c62f37;--shadow-color:#18364a24;--primary-soft:#e7effc;--scrim:#0c1e2c52;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-t=coral-light]{--bg:#fff8f4;--surface:#fff;--soft:#fdf0ec;--sunken:#fceae7;--line:#fbe2df;--text:#3d2422;--text2:#806d6b;--primary:#db3134;--on-primary:#fff;--link:#da282b;--brand:#e66e70;--brand2:#f4ac83;--mark:#fce1d6;--mark-text:#3d2422;--live:#d1343b;--success:#2e7d5b;--warning:#9c5206;--error:#c62f37;--shadow-color:#3d242224;--primary-soft:#fceeee;--scrim:#28141252;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-t=sage-light]{--bg:#f5faf6;--surface:#fff;--soft:#e9f2ee;--sunken:#e2ede8;--line:#d6e6e0;--text:#1f3a33;--text2:#647670;--primary:#327c6c;--on-primary:#fff;--link:#327c6c;--brand:#327c6c;--brand2:#85bda6;--mark:#d9eee3;--mark-text:#1f3a33;--live:#d1343b;--success:#2e7d5b;--warning:#9c5206;--error:#c62f37;--shadow-color:#1f3a3324;--primary-soft:#e6efed;--scrim:#0e1e1a52;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-t=iris-light]{--bg:#f7f6ff;--surface:#fff;--soft:#eeecfe;--sunken:#e8e6fd;--line:#e0dcfb;--text:#262250;--text2:#6f6c8d;--primary:#6554e8;--on-primary:#fff;--link:#6554e8;--brand:#6554e8;--brand2:#a69cf9;--mark:#e4e0ff;--mark-text:#262250;--live:#d1343b;--success:#2e7d5b;--warning:#9c5206;--error:#c62f37;--shadow-color:#26225024;--primary-soft:#edeafc;--scrim:#14123252;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-t=midnight-dark]{--bg:#141725;--surface:#242a3d;--soft:#1f213a;--sunken:#0f111c;--line:#394766;--text:#f4f3ff;--text2:#a6a6b3;--primary:#9288fb;--on-primary:#141725;--link:#9085fa;--brand:#8579fa;--brand2:#39b8d4;--mark:#204b5d;--mark-text:#f4f3ff;--live:#ff6b6b;--success:#4cc38a;--warning:#f0b357;--error:#ff6b6b;--shadow-color:#00000080;--primary-soft:#393b67;--scrim:#00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-t=aurora-dark]{--bg:#0e1a24;--surface:#1f2a33;--soft:#122438;--sunken:#0a141b;--line:#243e60;--text:#eef6fa;--text2:#a0a9af;--primary:#6297ed;--on-primary:#0e1a24;--link:#5991ec;--brand:#3479e8;--brand2:#6ac9d2;--mark:#2b525c;--mark-text:#eef6fa;--live:#ff6b6b;--success:#4cc38a;--warning:#f0b357;--error:#ff6b6b;--shadow-color:#00000080;--primary-soft:#243b5b;--scrim:#00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-t=coral-dark]{--bg:#1d1415;--surface:#2d2425;--soft:#311d1e;--sunken:#160f10;--line:#5b3738;--text:#fff1ec;--text2:#b0a4a1;--primary:#e77274;--on-primary:#1d1415;--link:#e66e70;--brand:#e66e70;--brand2:#f4ac83;--mark:#624538;--mark-text:#fff1ec;--live:#ff6b6b;--success:#4cc38a;--warning:#f0b357;--error:#ff6b6b;--shadow-color:#00000080;--primary-soft:#563436;--scrim:#00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-t=sage-dark]{--bg:#101a17;--surface:#212a27;--soft:#132420;--sunken:#0c1411;--line:#253f38;--text:#eef7f2;--text2:#a0aaa5;--primary:#43a690;--on-primary:#101a17;--link:#41a08c;--brand:#327c6c;--brand2:#85bda6;--mark:#354e45;--mark-text:#eef7f2;--live:#ff6b6b;--success:#4cc38a;--warning:#f0b357;--error:#ff6b6b;--shadow-color:#00000080;--primary-soft:#253c36;--scrim:#00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-t=iris-dark]{--bg:#13122a;--surface:#242339;--soft:#1b193d;--sunken:#0e0e20;--line:#342f65;--text:#f3f1ff;--text2:#a5a3b4;--primary:#9488ef;--on-primary:#13122a;--link:#8b7fee;--brand:#6554e8;--brand2:#a69cf9;--mark:#423e6c;--mark-text:#f3f1ff;--live:#ff6b6b;--success:#4cc38a;--warning:#f0b357;--error:#ff6b6b;--shadow-color:#00000080;--primary-soft:#322e60;--scrim:#00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-font=mi]{--font-text:"SY Mi", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-display:"SY Mi", sans-serif;--font-num:"SY Mi", system-ui, sans-serif;--w-strong:600;--w-display:600}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-text);font-feature-settings:"kern";-webkit-font-smoothing:antialiased;transition:background-color var(--d-state) var(--ease-out), color var(--d-state) var(--ease-out);overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}button:disabled{cursor:default;opacity:.4}:focus-visible{outline:2.5px solid var(--primary);outline-offset:2px;border-radius:var(--r-sm)}.i{flex-shrink:0}.ghost,.pill,.seg button,.swap,.rec,.jump,.compat-close,.pal,.icon-btn{transition:transform var(--d-release) var(--spring), background-color var(--d-state) var(--ease-out), color var(--d-state) var(--ease-out), box-shadow var(--d-state) var(--ease-out), opacity var(--d-state)}.ghost:active:not(:disabled),.pill:active:not(:disabled),.seg button:active:not(:disabled),.jump:active,.pal:active{transition-duration:var(--d-press);transition-timing-function:ease-out;transform:scale(.96)}.swap:active:not(:disabled),.icon-btn:active:not(:disabled){transition-duration:var(--d-press);transition-timing-function:ease-out;transform:scale(.88)}.ghost.danger:active:not(:disabled){transform:none}.app{flex-direction:row;height:100dvh;display:flex}.titlebar{min-height:64px;padding:12px max(20px, env(safe-area-inset-right)) 12px max(20px, env(safe-area-inset-left));padding-top:max(12px, env(safe-area-inset-top));background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--line);z-index:5;flex-wrap:wrap;align-items:center;gap:10px 14px;font-size:14px;display:flex;position:relative}.wordmark{font-family:var(--font-num);letter-spacing:.04em;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.logo-mark{color:#fff;background:linear-gradient(135deg, var(--brand), var(--brand2));border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.course-input{border-radius:var(--r-sm);min-width:120px;font-family:var(--font-display);font-weight:var(--w-display);color:var(--text);transition:background-color var(--d-state) var(--ease-out);background:0 0;border:0;outline:none;flex:180px;padding:6px 10px;font-size:20px}.course-input::placeholder{color:var(--text2);opacity:.7}.course-input:hover:not(:disabled),.course-input:focus{background:var(--soft)}.controls{align-items:center;gap:10px;display:flex}.top-actions{align-items:center;gap:4px;display:flex}.ghost{color:var(--text);border-radius:var(--r-pill);white-space:nowrap;align-items:center;gap:6px;min-height:36px;padding:0 12px;font-size:14px;display:inline-flex}.ghost:hover:not(:disabled),.ghost.on{background:var(--soft)}.ghost.on{color:var(--link);background:var(--primary-soft)}.ghost.icon{width:36px;color:var(--text2);justify-content:center;padding:0}.ghost.icon:hover:not(:disabled){color:var(--text)}.ghost.danger{color:var(--error)}.count{border-radius:var(--r-pill);background:var(--soft);min-width:20px;color:var(--text2);font-family:var(--font-num);font-variant-numeric:tabular-nums;margin-left:2px;padding:0 6px;font-size:12px;line-height:20px}.seg{background:var(--soft);border-radius:var(--r-pill);padding:3px;display:inline-flex}.seg button{white-space:nowrap;border-radius:var(--r-pill);min-height:30px;color:var(--text2);padding:0 14px;font-size:13px}.seg button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 3px var(--shadow-color);font-weight:var(--w-strong)}.langs{align-items:center;gap:2px;display:flex}.langs select{appearance:none;background:var(--soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M1 1l3 3 3-3' fill='none' stroke='%238e8e93' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 11px center;border-radius:var(--r-pill);cursor:pointer;border:0;outline:none;min-height:36px;padding:0 28px 0 14px;font-size:14px}.langs select:focus-visible{outline:2.5px solid var(--primary)}.swap{width:32px;height:32px;color:var(--text2);border-radius:50%;place-items:center;display:grid}.swap:hover:not(:disabled){color:var(--text);background:var(--soft)}.menu-anchor{position:relative}.click-away{z-index:20;position:fixed;inset:0}.menu{z-index:30;background:var(--surface);border-radius:var(--r-md);min-width:200px;box-shadow:0 18px 44px -12px var(--shadow-color), 0 0 0 1px var(--line);transform-origin:100% 0;animation:menu-in var(--d-menu) var(--ease-out);padding:6px;position:absolute;top:calc(100% + 8px);right:0}.menu button{text-align:left;border-radius:var(--r-sm);width:100%;min-height:40px;transition:background-color var(--d-state) var(--ease-out);padding:0 12px;font-size:14px;display:block}.menu button:hover:not(:disabled),.menu button:focus-visible{background:var(--soft)}.menu-sep{background:var(--line);height:1px;margin:6px 8px}@keyframes menu-in{0%{opacity:0;transform:scale(.95)translateY(-4px)}}.feed-wrap{flex:1;min-height:0;position:relative}.feed{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;height:100%;overflow-y:auto}.feed-inner{max-width:880px;margin:0 auto;padding:28px 28px 24px}.row{animation:row-in var(--d-dialog) var(--ease-out);grid-template-columns:82px 1fr;gap:16px;padding:12px 0;display:grid}@keyframes row-in{0%{opacity:0;transform:translateY(6px)}}.row-meta{flex-direction:column;align-items:flex-start;gap:6px;padding-top:.2em;display:flex}.row-time{color:var(--text2);font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:12px}.row-body{min-width:0}.row-orig{color:var(--text2);font-size:.86em;line-height:1.6}.row-trans{color:var(--text);margin-top:3px;font-size:1.08em;line-height:1.7}.term{color:var(--mark-text);background-color:#0000;background-image:linear-gradient(var(--mark), var(--mark));-webkit-box-decoration-break:clone;box-decoration-break:clone;background-position:0 88%;background-repeat:no-repeat;background-size:100% 82%;border-radius:4px;padding:0 2px;animation:.7s cubic-bezier(.3,.7,.2,1) .25s backwards mark-in}@keyframes mark-in{0%{background-size:0% 82%}}.speaker{white-space:nowrap;border-radius:var(--r-pill);font-size:11px;font-weight:var(--w-strong);color:var(--text2);background:var(--soft);opacity:0;transition:opacity var(--d-state);padding:2px 9px;display:inline-block}.row:hover .speaker,.speaker:focus-visible,.row.aside .speaker{opacity:1}.row.aside .row-body{border-radius:var(--r-md);background:var(--soft);padding:10px 14px}.row.aside .row-orig,.row.aside .row-trans{color:var(--text2)}.row.aside .row-trans{font-size:.98em}.row.aside .term{color:inherit;background-size:0 0;animation:none}.row.compact{grid-template-columns:1fr;gap:0;padding:8px 0}.row.compact .row-time,.row.compact:not(.aside) .row-meta{display:none}.row.compact .row-meta{padding:0 0 4px}.empty{text-align:center;color:var(--text2);padding:18vh 0 0;font-size:15px}.welcome{min-height:calc(100vh - 360px);animation:welcome-in .8s var(--ease-out) both;flex-direction:column;justify-content:center;padding:6vh 4px 2vh;display:flex}.welcome-date{color:var(--text2);font-size:14px}.welcome-hello{font-family:var(--font-display);font-size:clamp(44px,7vw,76px);font-weight:var(--w-display);letter-spacing:-.01em;background:linear-gradient(120deg, var(--text) 40%, var(--brand) 85%, var(--brand2));color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:8px;line-height:1.08}.welcome-sub{font-family:var(--font-display);color:var(--text2);margin-top:6px;font-size:clamp(17px,2vw,21px);font-style:italic}.welcome-line{color:var(--text);margin-top:16px;font-size:clamp(18px,2.2vw,22px)}.welcome-hint{color:var(--text2);margin-top:28px;font-size:14px}.welcome-last{border-radius:var(--r-pill);background:var(--primary-soft);min-height:36px;color:var(--link);font-size:14px;font-weight:var(--w-strong);transition:transform var(--d-release) var(--spring), background-color var(--d-state);align-self:flex-start;margin-top:12px;padding:0 14px}.welcome-last:active{transition-duration:var(--d-press);transform:scale(.96)}@keyframes welcome-in{0%{opacity:0;transform:translateY(10px)}}.jump{background:var(--surface);min-height:36px;color:var(--text);border-radius:var(--r-pill);font-size:13px;font-weight:var(--w-strong);box-shadow:0 10px 26px -8px var(--shadow-color), 0 0 0 1px var(--line);animation:pop-in var(--d-dialog) var(--spring);align-items:center;gap:6px;padding:0 16px;display:inline-flex;position:absolute;bottom:16px;left:50%;translate:-50%}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)scale(.96)}}.dock{background:var(--bg)}.dock-inner{max-width:880px;padding:8px 28px 12px;padding-left:max(28px, env(safe-area-inset-left));padding-right:max(28px, env(safe-area-inset-right));padding-bottom:max(12px, env(safe-area-inset-bottom));margin:0 auto}.dock-audio{border-radius:var(--r-pill);width:100%;height:36px;margin-bottom:12px;display:block}.dock-row{align-items:center;gap:18px;display:flex}.live-card{background:var(--surface);border-radius:var(--r-lg);min-width:0;min-height:calc(6.2em + 32px);box-shadow:0 14px 36px -16px var(--shadow-color), 0 0 0 1px var(--line);flex-direction:column;flex:1;justify-content:center;gap:4px;padding:16px 20px;font-size:1.06em;display:flex}.live-line{flex-direction:column;justify-content:flex-end;max-height:3.1em;line-height:1.55;display:flex;overflow:hidden}.live-line.orig{color:var(--text2);font-size:.9em}.live-line.trans{color:var(--link);font-size:1.04em}.live-line p:empty{min-height:1.55em}.live-hint{color:var(--text2);font-size:.92em}.dock-status{min-height:20px;color:var(--text2);align-items:center;gap:8px;margin-top:10px;padding:0 6px;font-size:13px;display:flex}.status-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.link-btn{font-size:13px;font-weight:var(--w-strong);color:var(--link);flex-shrink:0;padding:0 2px}.link-btn:hover{text-decoration:underline}.elapsed{font-family:var(--font-num);font-variant-numeric:tabular-nums;color:var(--text);font-weight:var(--w-strong)}.live-dot{background:var(--live);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.6s ease-in-out infinite pulse}.live-dot.idle{background:var(--text2);animation:none}.row-time.seek{text-align:left;border-radius:4px;padding:0}.row-time.seek:hover{color:var(--link);text-decoration:underline}@keyframes pulse{50%{opacity:.35;transform:scale(.8)}}.rec{isolation:isolate;background:var(--surface);width:60px;height:60px;box-shadow:0 10px 26px -10px var(--shadow-color);border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative}.rec:before{content:"";background:conic-gradient(from 210deg, var(--brand), var(--brand2), var(--brand));z-index:-1;border-radius:50%;position:absolute;inset:-3px}.rec:after{content:"";background:var(--surface);z-index:-1;border-radius:50%;position:absolute;inset:0}.rec:active:not(:disabled){transition-duration:var(--d-press);transition-timing-function:ease-out;transform:scale(.92)}.rec-dot{background:var(--live);border-radius:50%;width:40px;height:40px}.rec-stop{background:var(--live);border-radius:6px;width:20px;height:20px}.rec-spin{border:2.5px solid var(--line);border-top-color:var(--primary);border-radius:50%;width:22px;height:22px;animation:.9s linear infinite spin}.rec.wait:disabled{opacity:1}@keyframes spin{to{transform:rotate(360deg)}}.rec.sm{width:32px;height:32px;box-shadow:none}.rec.sm:before{inset:-2px}.rec.sm .rec-dot{width:20px;height:20px}.rec.sm .rec-stop{border-radius:3px;width:11px;height:11px}.rec.sm .rec-spin{border-width:2px;width:14px;height:14px}.overlay{z-index:80;background:var(--scrim);animation:fade-in var(--d-dialog) var(--ease-out);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.sheet{overscroll-behavior:contain;background:var(--surface);border-radius:var(--r-xl);width:480px;max-width:100%;max-height:86vh;box-shadow:0 30px 80px -20px var(--shadow-color), 0 0 0 1px var(--line);animation:dialog-in var(--d-dialog) var(--spring);flex-direction:column;gap:20px;padding:24px 26px 26px;font-size:14px;display:flex;overflow-y:auto}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.96)}}.sheet.wide{width:660px}.sheet-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.sheet-head h3{font-family:var(--font-display);font-size:22px;font-weight:var(--w-display)}.sheet-head .ghost{color:var(--link);font-weight:var(--w-strong)}.sheet-section{flex-direction:column;gap:16px;display:flex}.sheet-section+.sheet-section{border-top:1px solid var(--line);padding-top:20px}.sheet-section>h4{font-size:13px;font-weight:var(--w-strong);color:var(--text2)}.field{flex-direction:column;gap:8px;display:flex}.field>span{color:var(--text);font-size:14px;font-weight:var(--w-strong)}.field .help{color:var(--text2);font-size:13px;font-weight:400;line-height:1.5}.field input:not([type=range]):not([type=checkbox]),.field textarea{background:var(--soft);border-radius:var(--r-sm);resize:vertical;min-height:44px;transition:border-color var(--d-state), background-color var(--d-state);border:1.5px solid #0000;outline:none;padding:10px 14px}.field input:focus,.field textarea:focus{border-color:var(--primary);background:var(--surface)}.field input[type=range]{accent-color:var(--primary)}.toggle{cursor:pointer;align-items:center;gap:14px;display:flex}.toggle input{appearance:none;background:var(--line);cursor:pointer;width:48px;height:28px;transition:background-color var(--d-state) var(--ease-out);border-radius:28px;flex-shrink:0;order:2;position:relative}.toggle input:after{content:"";width:22px;height:22px;transition:transform var(--d-release) var(--spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.toggle input:checked{background:var(--primary)}.toggle input:checked:after{transform:translate(20px)}.toggle span{min-width:0;font-size:15px;font-weight:var(--w-strong);flex-direction:column;flex:1;gap:3px;display:flex}.toggle small{color:var(--text2);font-size:13px;font-weight:400;line-height:1.5}.pal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.pal{border-radius:var(--r-md);background:var(--soft);text-align:left;align-items:center;gap:10px;min-height:48px;padding:0 12px;font-size:14px;display:flex}.pal i{border-radius:50%;flex-shrink:0;width:24px;height:24px}.pal.on{box-shadow:inset 0 0 0 2px var(--primary);font-weight:var(--w-strong)}details.dev summary,details.more-themes summary{cursor:pointer;min-height:36px;font-size:14px;font-weight:var(--w-strong);color:var(--text2);align-items:center;gap:6px;list-style:none;display:flex}details.dev summary::-webkit-details-marker{display:none}details.more-themes summary::-webkit-details-marker{display:none}details.dev summary .i{transition:transform var(--d-state) var(--ease-out)}details.dev[open] summary .i{transform:rotate(90deg)}details.dev .dev-body{flex-direction:column;gap:16px;padding-top:12px;display:flex}.muted{color:var(--text2)}.small{font-size:13px}.history{margin:0 -8px;list-style:none;overflow-y:auto}.history li{border-radius:var(--r-md);transition:background-color var(--d-state);align-items:center;gap:8px;padding:4px;display:flex}.history li:hover,.history li.selected{background:var(--soft)}.history-check{width:16px;height:16px;accent-color:var(--primary);opacity:.35;flex-shrink:0;margin-left:8px}.history li:hover .history-check,.history-check:checked,.history-check:focus-visible{opacity:1}.sheet-head-actions{align-items:center;gap:6px;display:flex}.pill{background:var(--primary);min-height:34px;color:var(--on-primary);border-radius:var(--r-pill);font-size:13px;font-weight:var(--w-strong);white-space:nowrap;padding:0 16px}.merge-hint{background:var(--soft);border-radius:var(--r-md);color:var(--text2);justify-content:space-between;align-items:center;gap:12px;padding:12px 12px 12px 16px;font-size:13px;display:flex}.merge-progress{color:var(--link);font-size:13px}.history-main{text-align:left;flex-direction:column;flex:1;gap:3px;min-width:0;padding:8px;display:flex}.history-name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:var(--w-strong);overflow:hidden}.history-meta{color:var(--text2);font-size:13px}.history-actions{opacity:.6;transition:opacity var(--d-state);display:flex}.history-actions .ghost:not(.danger){color:var(--link)}.history li:hover .history-actions{opacity:1}.pip-body{background:var(--bg);color:var(--text);font-family:var(--font-text);overflow:hidden}.pip{flex-direction:column;gap:8px;height:100vh;padding:10px 12px 12px;display:flex}.pip-top{color:var(--text2);justify-content:space-between;align-items:center;gap:10px;padding:0 4px;font-size:12px;display:flex}.pip-title{align-items:center;gap:7px;min-width:0;display:flex}.pip-course{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pip .feed{padding:0 4px 36px}.pip .live-card{border-radius:var(--r-md);min-height:calc(6.2em + 20px);box-shadow:0 0 0 1px var(--line);flex:none;padding:10px 14px;font-size:1em}.compat-bar{padding:10px max(20px, env(safe-area-inset-left));background:var(--soft);font-size:13px}.compat-item{max-width:880px;color:var(--text);align-items:center;gap:12px;margin:0 auto;line-height:1.55;display:flex}.compat-item+.compat-item{margin-top:6px}.compat-item.block{color:var(--error);font-weight:var(--w-strong)}.compat-item span{flex:1}.compat-close{border-radius:var(--r-pill);background:var(--surface);min-height:30px;color:var(--link);font-size:13px;font-weight:var(--w-strong);flex-shrink:0;padding:0 12px}@media (hover:none){.speaker{opacity:.6}.row.aside .speaker,.history-check,.history-actions{opacity:1}}@media (pointer:coarse){.ghost{min-height:44px}.ghost.icon{width:44px}.seg button{min-height:38px}.langs select{min-height:44px}.swap{width:44px;height:44px}.link-btn{padding:8px 4px}input,select,textarea{font-size:16px!important}.course-input{font-size:20px!important}}@media (width<=640px){.feed-inner,.dock-inner{padding-left:16px;padding-right:16px}.row{grid-template-columns:1fr;gap:2px}.row-meta{flex-direction:row;align-items:center}.titlebar{padding-left:max(16px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right));gap:8px}.wordmark-text{display:none}.course-input{flex:1 1 0;order:1;min-width:0;padding-left:4px;font-size:18px}.wordmark{order:0}.top-actions{order:2;gap:0}.top-actions .ghost{padding-left:8px;padding-right:8px}.top-actions .ghost .label{display:none}.controls{flex-wrap:wrap;flex-basis:100%;order:3;gap:8px}.welcome-hello{font-size:44px}.compat-bar{font-size:12px}.dock-row{gap:12px}.live-card{padding:12px 16px;font-size:1em}.rec{width:56px;height:56px}.rec-dot{width:36px;height:36px}.welcome{min-height:auto;padding-top:8vh}.overlay{align-items:flex-end;padding:0}.sheet,.sheet.wide{border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-width:100%;max-height:92dvh;padding-bottom:max(24px, env(safe-area-inset-bottom));animation:sheet-up var(--d-dialog) var(--ease-out)}.pal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.history li{flex-wrap:wrap}.history-actions{justify-content:flex-end;width:100%}}@keyframes sheet-up{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.main-col{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.icon-btn{width:36px;height:36px;color:var(--text2);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.icon-btn:hover{background:var(--soft);color:var(--text)}.side{width:272px;padding:max(14px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:var(--surface);border-right:1px solid var(--line);animation:side-in var(--d-side) var(--ease-out);flex-direction:column;flex-shrink:0;gap:12px;display:flex}@keyframes side-in{0%{opacity:0;transform:translate(-12px)}}.side-head{justify-content:space-between;align-items:center;padding:2px 4px 2px 6px;display:flex}.side-actions{flex-direction:column;gap:8px;display:flex}.side-primary,.side-secondary{border-radius:var(--r-pill);min-height:44px;font-size:15px;font-weight:var(--w-strong);transition:transform var(--d-release) var(--spring), background-color var(--d-state), box-shadow var(--d-state);justify-content:center;align-items:center;gap:8px;display:inline-flex}.side-primary{background:var(--primary);color:var(--on-primary)}.side-primary:hover:not(:disabled){box-shadow:0 8px 20px -8px var(--primary)}.side-secondary{background:var(--soft);min-height:40px;color:var(--text);font-size:14px}.side-primary:active:not(:disabled),.side-secondary:active:not(:disabled){transition-duration:var(--d-press);transform:scale(.97)}.side-search{border-radius:var(--r-pill);background:var(--soft);min-height:38px;color:var(--text2);align-items:center;gap:8px;padding:0 12px;display:flex}.side-search input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:14px}.side-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex:1;min-height:0;margin:0 -4px;padding:0 4px;overflow-y:auto}.side-group+.side-group{margin-top:10px}.side-group-label{font-size:12px;font-weight:var(--w-strong);color:var(--text2);padding:6px 10px 4px}.side-item{border-radius:var(--r-sm);text-align:left;width:100%;transition:background-color var(--d-state) var(--ease-out);flex-direction:column;align-items:flex-start;gap:2px;padding:9px 10px;display:flex}.side-item:hover:not(:disabled):not([aria-disabled=true]){background:var(--soft)}.side-item.on{background:var(--primary-soft)}.side-item:disabled,.side-item[aria-disabled=true]{opacity:.55}.side-item-name{max-width:100%;font-size:14px;font-weight:var(--w-strong);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;display:flex;overflow:hidden}.side-item.on .side-item-name{color:var(--link)}.side-item-meta{font-family:var(--font-num);color:var(--text2);font-size:12px}.side-badge{color:var(--link);place-items:center;display:inline-grid}.side-hint{border-radius:var(--r-sm);background:var(--mark);width:100%;color:var(--mark-text);text-align:left;margin:4px 0 6px;padding:10px 12px;font-size:13px;line-height:1.5}.side-empty{color:var(--text2);padding:16px 10px;font-size:13px;line-height:1.6}.side-foot{border-top:1px solid var(--line);justify-content:space-between;gap:4px;padding-top:8px;display:flex}.nav-scrim{display:none}@media (width<=900px){.side{z-index:61;width:min(320px,86vw);box-shadow:20px 0 50px -20px var(--shadow-color);animation-name:drawer-in;position:fixed;inset:0 auto 0 0}.nav-scrim{z-index:60;background:var(--scrim);animation:fade-in var(--d-dialog) var(--ease-out);display:block;position:fixed;inset:0}}@keyframes drawer-in{0%{transform:translate(-100%)}}.review{min-height:0;animation:welcome-in var(--d-dialog) var(--ease-out);flex-direction:column;flex:1;display:flex}.review-head{padding:max(14px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) 12px 24px;flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.app.nav-open .nav-toggle{display:none}.review-title{flex:260px;min-width:0}.review-title .course-input{width:100%;margin-left:-6px;padding-left:6px;font-size:24px}.review-meta{color:var(--text2);margin-top:2px;font-size:13px}.review-actions{align-items:center;gap:6px;display:flex}.pill{align-items:center;gap:6px;display:inline-flex}.pill.big{min-height:46px;padding:0 26px;font-size:15px}.menu button.danger{color:var(--error);align-items:center;gap:8px;display:flex}.review-tabs{margin:0 max(24px, env(safe-area-inset-right)) 10px;align-self:flex-end}.review-tabs .only-narrow{display:none}.review-tabs button.on-wide{background:var(--surface);color:var(--text);box-shadow:0 1px 3px var(--shadow-color);font-weight:var(--w-strong)}.review-body{min-height:0;padding:0 max(24px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) 24px;flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.review-col{background:var(--surface);border-radius:var(--r-lg);min-height:0;box-shadow:0 0 0 1px var(--line);flex-direction:column;display:flex;position:relative;overflow:hidden}.player{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px 14px;display:flex}.player audio{flex:1;min-width:0;height:40px}.rate{border-radius:var(--r-pill);background:var(--soft);min-width:52px;min-height:34px;font-family:var(--font-num);font-size:13px;font-weight:var(--w-strong);color:var(--text);transition:transform var(--d-release) var(--spring);flex-shrink:0;padding:0 10px}.rate:active{transition-duration:var(--d-press);transform:scale(.92)}.player-none{border-bottom:1px solid var(--line);padding:14px 18px}.review-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex:1;min-height:0;padding:6px 20px 70px;overflow-y:auto}.review-list .row{grid-template-columns:78px 1fr;gap:12px;animation:none}.row.playing .row-body{border-radius:var(--r-sm);background:var(--primary-soft);transition:background-color var(--d-state);margin:-6px -10px;padding:6px 10px}.row.playing .row-time{color:var(--link);font-weight:var(--w-strong)}.side-col .overview{overscroll-behavior:contain;flex-direction:column;flex:1;gap:22px;min-height:0;padding:22px 24px 32px;display:flex;overflow-y:auto}.ov-lead{font-family:var(--font-display);font-weight:var(--w-display);font-size:21px;line-height:1.45}.ov-text{color:var(--text);font-size:15px;line-height:1.75}.ov-stats{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;display:grid}.ov-stats div{border-radius:var(--r-md);background:var(--soft);flex-direction:column;gap:2px;padding:12px 14px;display:flex}.ov-stats b{font-family:var(--font-num);font-size:18px;font-weight:var(--w-strong)}.ov-stats span{color:var(--text2);font-size:12px}.ov-block h4{font-size:13px;font-weight:var(--w-strong);color:var(--text2);margin-bottom:10px}.ov-chapters{flex-direction:column;gap:4px;list-style:none;display:flex}.ov-chapters button,.ov-timed button{border-radius:var(--r-sm);text-align:left;width:100%;transition:background-color var(--d-state), transform var(--d-release) var(--spring);align-items:flex-start;gap:12px;padding:10px 12px;font-size:15px;line-height:1.5;display:flex}.ov-chapters button:hover:not(:disabled),.ov-timed button:hover:not(:disabled){background:var(--soft)}.ov-chapters button:active:not(:disabled),.ov-timed button:active:not(:disabled){transition-duration:var(--d-press);transform:scale(.98)}.ov-chapters button:disabled,.ov-timed button:disabled{opacity:1}.ch-no{background:var(--primary-soft);width:24px;height:24px;color:var(--link);font-family:var(--font-num);font-size:12px;font-weight:var(--w-strong);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.ch-title{min-width:0;font-weight:var(--w-strong);flex:1}.ch-title small{color:var(--text2);font-size:13px;font-weight:400;display:block}.ch-time{font-family:var(--font-num);color:var(--text2);flex-shrink:0;margin-right:8px;padding-top:3px;font-size:12px}.ov-list{flex-direction:column;gap:8px;padding-left:20px;font-size:15px;line-height:1.6;display:flex}.ov-timed{flex-direction:column;gap:4px;font-size:15px;line-height:1.55;list-style:none;display:flex}.ov-admin li{align-items:baseline;gap:10px;padding:6px 2px;display:flex}.tag{font-size:12px;font-weight:var(--w-strong);border-radius:var(--r-pill);background:var(--mark);color:var(--mark-text);flex-shrink:0;padding:2px 9px}.ov-terms{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.term-chip{border-radius:var(--r-pill);background:var(--mark);color:var(--mark-text);align-items:baseline;gap:6px;padding:6px 12px;font-size:14px;display:inline-flex}.term-chip small{opacity:.75;font-size:12px}.gen-card{text-align:center;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:420px;margin:auto;padding:28px 24px;display:flex}.overview .gen-card{margin:0 auto;padding:18px 8px 4px}.gen-icon{color:#fff;background:linear-gradient(135deg, var(--brand), var(--brand2));border-radius:16px;place-items:center;width:52px;height:52px;display:grid}.gen-card h3{font-family:var(--font-display);font-weight:var(--w-display);font-size:20px}.gen-card p{color:var(--text2);font-size:14px;line-height:1.7}.gen-card .gen-progress{color:var(--link);font-weight:var(--w-strong)}.deck-panel{flex-direction:column;flex:1;min-height:0;display:flex}.deck-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px 8px 18px;display:flex}.deck-frame{background:var(--sunken);border:0;flex:1;width:100%;min-height:0}.review-status{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;padding:0 24px 10px;font-size:13px;overflow:hidden}@media (width<=900px){.review-head{padding-left:max(14px, env(safe-area-inset-left));padding-right:max(14px, env(safe-area-inset-right))}.review-title .course-input{font-size:20px}.review-actions{justify-content:flex-end;width:100%}.review-tabs{margin:0 max(14px, env(safe-area-inset-left)) 10px;align-self:stretch;display:flex}.review-tabs button{flex:1}.review-tabs .only-narrow{display:inline-block}.review-tabs button.on-wide{box-shadow:none;color:var(--text2);background:0 0;font-weight:400}.review-body{padding:0 max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr)}.review[data-tab=transcript] .side-col,.review:not([data-tab=transcript]) .transcript-col{display:none}.review-list{padding:6px 14px 70px}.review-list .row{grid-template-columns:1fr;gap:2px}}.row-time-line{align-items:center;gap:3px;display:flex}.row-mark{width:22px;height:22px;color:var(--text2);opacity:0;transition:opacity var(--d-state), color var(--d-state), transform var(--d-release) var(--spring), background-color var(--d-state);border-radius:50%;place-items:center;display:inline-grid}.row:hover .row-mark,.row:focus-within .row-mark{opacity:.55}.row-mark:hover{background:var(--soft);color:var(--mark-text);opacity:1!important}.row-mark.on{opacity:1;color:var(--mark-text)}.row-mark:active{transition-duration:var(--d-press);transform:scale(.86)}.row.marked .row-body{padding-left:12px;position:relative}.row.marked .row-body:before{content:"";background:var(--brand);opacity:.72;border-radius:3px;width:3px;position:absolute;top:4px;bottom:4px;left:0}.player-none-bar{justify-content:space-between;align-items:center;gap:10px;display:flex}.mark-filter{border-radius:var(--r-pill);background:var(--soft);min-height:34px;font-family:var(--font-num);font-size:13px;font-weight:var(--w-strong);color:var(--text2);transition:background-color var(--d-state), color var(--d-state), transform var(--d-release) var(--spring);flex-shrink:0;align-items:center;gap:4px;padding:0 11px;display:inline-flex}.mark-filter:hover{color:var(--text)}.mark-filter.on{background:var(--mark);color:var(--mark-text)}.mark-filter:active{transition-duration:var(--d-press);transform:scale(.94)}@media (hover:none){.row-mark,.row-retrans{opacity:.38}}.row-retrans{border-radius:var(--r-pill);min-width:20px;height:20px;color:var(--text2);opacity:0;transition:opacity var(--d-state), color var(--d-state), background-color var(--d-state), transform var(--d-release) var(--spring);place-items:center;padding:0 3px;font-size:11px;display:inline-grid}.row:hover .row-retrans,.row:focus-within .row-retrans{opacity:.55}.row-retrans:hover:not(:disabled){background:var(--soft);color:var(--link);opacity:1!important}.row-retrans.missing{opacity:1;background:var(--primary-soft);color:var(--link);font-weight:var(--w-strong);padding:0 6px}.row-retrans.busy{opacity:1;color:var(--link)}.retranscribe-bar{border-bottom:1px solid var(--line);background:var(--soft);color:var(--text2);justify-content:space-between;align-items:center;gap:10px;padding:8px 16px;font-size:13px;display:flex}.sheet.confirm{z-index:1;gap:10px;width:380px;padding:22px 22px 18px}.confirm-title{font-family:var(--font-display);font-size:18px;font-weight:var(--w-display)}.confirm-body{color:var(--text2);white-space:pre-line;line-height:1.6}.confirm-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.pill.danger{background:var(--error);color:#fff}.sheet-notice{border-radius:var(--r-md);background:var(--primary-soft);color:var(--text);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;line-height:1.55;display:flex}.sheet-notice .pill{flex-shrink:0}.gen-error{max-width:420px;color:var(--error);margin-top:4px;font-size:13px;line-height:1.55}.dev-test{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dev-test-bad{color:var(--error);word-break:break-word;font-size:13px;line-height:1.5}.live-body{flex:1;min-height:0;display:flex}.live-body>.feed-wrap{min-width:0}.notes-panel{border-left:1px solid var(--line);overscroll-behavior:contain;flex-direction:column;flex-shrink:0;gap:12px;width:300px;padding:22px 18px;display:flex;overflow-y:auto}.notes-head h4{font-family:var(--font-display);font-size:15px;font-weight:var(--w-strong)}.notes-list{flex-direction:column;gap:12px;list-style:none;display:flex}.notes-list li{animation:fade-in var(--d-state) var(--ease-out);grid-template-columns:48px 1fr;gap:8px;font-size:14px;line-height:1.6;display:grid}.notes-time{font-family:var(--font-num);color:var(--text2);padding-top:1px;font-size:12px}.notes-empty{color:var(--text2);font-size:13px;line-height:1.6}.notes-chip{display:none}@media (width<=1099px){.notes-panel{z-index:20;border-radius:var(--r-lg);background:var(--surface);width:min(360px,100% - 24px);max-height:60%;box-shadow:0 20px 50px -20px var(--shadow-color), 0 0 0 1px var(--line);opacity:0;pointer-events:none;transition:opacity var(--d-state), transform var(--d-state) var(--ease-out);border:0;position:absolute;bottom:12px;right:12px;transform:translateY(8px)}.notes-panel.open{opacity:1;pointer-events:auto;transform:none}.live-body{position:relative}.notes-chip{z-index:21;border-radius:var(--r-pill);background:var(--soft);min-height:32px;font-size:13px;font-weight:var(--w-strong);color:var(--text);align-items:center;padding:0 12px;display:inline-flex;position:absolute;top:10px;right:12px}.notes-chip.on{background:var(--primary-soft)}}.gen-card.drag{outline:2px dashed var(--brand);outline-offset:-10px;border-radius:var(--r-xl);background:var(--primary-soft)}.drop-zone{border:1.5px dashed var(--line);border-radius:var(--r-lg);width:min(320px,100%);color:var(--text2);transition:border-color var(--d-state), color var(--d-state), background-color var(--d-state);flex-direction:column;align-items:center;gap:4px;padding:22px 16px;font-size:14px;line-height:1.4;display:flex}.drop-zone b{font-weight:var(--w-strong);color:var(--text)}.drop-zone small{font-size:12px}.gen-hint{color:var(--text2);font-size:13px}.drop-zone:hover:not(:disabled){border-color:var(--brand);color:var(--text);background:var(--soft)}.slides-chip{border-radius:var(--r-pill);background:var(--primary-soft);align-items:center;gap:8px;max-width:440px;padding:6px 6px 6px 12px;font-size:13px;display:inline-flex}.slides-name{white-space:nowrap;text-overflow:ellipsis;font-weight:var(--w-strong);overflow:hidden}.ocr-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:8px;display:grid}.ocr-col{flex-direction:column;gap:6px;min-width:0;display:flex}.ocr-col textarea{width:100%;font-size:12px;line-height:1.5}.model-list{flex-direction:column;gap:8px;display:flex}.model-chips{flex-wrap:wrap;gap:6px;max-height:180px;display:flex;overflow-y:auto}.model-chips button{border-radius:var(--r-pill);background:var(--soft);font-family:var(--font-num);color:var(--text);padding:5px 10px;font-size:12px}.model-chips button.on{background:var(--primary);color:var(--on-primary)}.side-busy{border:2px solid var(--primary-soft);border-top-color:var(--brand);border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-left:6px;animation:.9s linear infinite side-spin}@keyframes side-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.side-busy{border-color:var(--brand);animation:none}}.side-nav{border-radius:var(--r-sm);width:100%;min-height:38px;font-size:14px;font-weight:var(--w-strong);color:var(--text);transition:background-color var(--d-state) var(--ease-out);align-items:center;gap:8px;padding:0 10px;display:flex}.side-nav:hover:not(:disabled){background:var(--soft)}.side-nav.on{background:var(--primary-soft);color:var(--link)}.side-nav:disabled{opacity:.55}.side-count{border-radius:var(--r-pill);background:var(--soft);min-width:22px;font-family:var(--font-num);color:var(--text2);text-align:center;margin-left:auto;padding:1px 7px;font-size:12px}.side-nav.on .side-count{background:var(--surface)}.library{overscroll-behavior:contain;min-height:0;animation:welcome-in var(--d-dialog) var(--ease-out);flex:1;overflow-y:auto}.library-head{max-width:1120px;padding:max(20px, env(safe-area-inset-top)) 28px 8px;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:0 auto;display:flex}.library-head>div:first-of-type{flex:220px}.library-head h2{font-family:var(--font-display);font-size:26px;font-weight:var(--w-display)}.library-sub{color:var(--text2);margin-top:2px;font-size:13px}.library-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px 20px;max-width:1120px;margin:0 auto;padding:16px 28px 40px;display:grid}.lib-card{min-width:0;animation:fade-in var(--d-state) var(--ease-out);flex-direction:column;gap:10px;display:flex}.lib-thumb{aspect-ratio:16/9;border-radius:var(--r-lg);background:linear-gradient(135deg, var(--primary-soft), var(--surface));background:radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--brand2) 38%, transparent), transparent 60%), linear-gradient(135deg, var(--primary-soft), var(--surface));width:100%;box-shadow:0 0 0 1px var(--line), 0 12px 28px -18px var(--shadow-color);text-align:left;transition:transform var(--d-release) var(--spring), box-shadow var(--d-state);flex-direction:column;justify-content:flex-end;gap:4px;padding:14px 16px;display:flex;position:relative;overflow:hidden}button.lib-thumb:hover{box-shadow:0 0 0 1px var(--line), 0 18px 34px -16px var(--shadow-color);transform:translateY(-2px)}button.lib-thumb:active{transition-duration:var(--d-press);transform:scale(.98)}.lib-kicker{font-size:11px;font-weight:var(--w-strong);letter-spacing:.04em;color:var(--link);position:absolute;top:12px;left:16px}.lib-title{-webkit-line-clamp:2;font-family:var(--font-display);font-size:17px;font-weight:var(--w-display);color:var(--text);-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.lib-line{-webkit-line-clamp:1;color:var(--text2);-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.lib-stats{font-family:var(--font-num);color:var(--text2);font-size:11px}.lib-thumb-todo{box-shadow:none;border:1.5px dashed var(--line);text-align:center;background:0 0;justify-content:center;align-items:center;gap:10px}.lib-thumb-todo .lib-line{-webkit-line-clamp:2;max-width:90%}.lib-spinner{border:2.5px solid var(--primary-soft);border-top-color:var(--brand);border-radius:50%;width:22px;height:22px;animation:.9s linear infinite side-spin}.lib-meta{align-items:center;gap:8px;padding:0 2px;display:flex}.lib-meta-text{text-align:left;flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.lib-meta-text b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:var(--w-strong);overflow:hidden}.lib-meta-text span{font-family:var(--font-num);color:var(--text2);font-size:12px}.library-empty{text-align:center;max-width:360px;color:var(--text2);flex-direction:column;align-items:center;gap:12px;margin:12vh auto 0;padding:0 24px;font-size:14px;line-height:1.6;display:flex}@media (width<=640px){.library-head{padding:max(14px, env(safe-area-inset-top)) 16px 4px}.library-filter{width:100%}.library-filter button{flex:1}.library-grid{grid-template-columns:1fr 1fr;gap:16px 12px;padding:12px 16px 32px}.lib-title{font-size:14px}.lib-line{display:none}}@media (prefers-reduced-motion:reduce){.lib-spinner{animation:none}}.lib-thumb-todo .pill{background:var(--soft);color:var(--link);box-shadow:none}.lib-thumb-todo .pill:hover:not(:disabled){background:var(--primary-soft)}.library-wrap{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.library.behind{visibility:hidden}.reader{background:var(--bg);animation:reader-in var(--d-state) var(--ease-out);flex-direction:column;display:flex;position:absolute;inset:0}@keyframes reader-in{0%{opacity:0;transform:translateY(12px)}}.reader-bar{padding:max(12px, env(safe-area-inset-top)) 20px 12px 12px;border-bottom:1px solid var(--line);background:var(--surface);grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"back title step actions""back meta step actions";align-items:center;column-gap:12px;display:grid}.reader-back{color:var(--link);font-weight:var(--w-strong);grid-area:back}.flip{display:inline-grid;transform:rotate(180deg)}.reader-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-family:var(--font-display);font-size:17px;font-weight:var(--w-display);color:var(--text);grid-area:title;overflow:hidden}.reader-meta{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-family:var(--font-num);color:var(--text2);grid-area:meta;font-size:12px;overflow:hidden}.reader-step{grid-area:step;gap:2px;display:flex}.reader-step .icon-btn:disabled{opacity:.35}.reader-actions{grid-area:actions;align-items:center;gap:8px;display:flex}.reader-actions .pill{min-height:36px}.label-narrow{display:none}.reader-body{background:var(--sunken);flex:1;justify-content:center;min-height:0;display:flex}.reader-frame{background:0 0;border:0;width:100%;max-width:1000px;height:100%}@media (width<=640px){.reader-bar{padding:max(8px, env(safe-area-inset-top)) 12px 10px 4px;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"back title title step""meta meta actions actions";gap:6px 4px}.reader-meta{padding-left:12px}.reader-step{justify-self:end}.reader-bar .ghost,.reader-bar .pill,.reader-bar .icon-btn{min-height:44px}.reader-bar .icon-btn{width:44px;height:44px}.reader-back{justify-content:center;min-width:44px;padding:0 8px}.reader-actions{gap:4px}.reader-actions .ghost,.reader-actions .pill{padding:0 12px}.label-wide{display:none}.label-narrow{display:inline}}@media (prefers-reduced-motion:reduce){.reader{animation-name:fade-in}}.secret-field{align-items:center;gap:6px;display:flex}.secret-field input{flex:1;min-width:0}.secret-masked{-webkit-text-security:disc}.secret-toggle{min-height:32px;color:var(--text2);flex-shrink:0;font-size:13px}details.more-themes{margin-top:6px}details.more-themes summary .i{transition:transform var(--d-state) var(--ease-out)}details.more-themes[open] summary .i{transform:rotate(90deg)}details.more-themes .pal-grid{margin-top:6px}[data-sub=orig] .row-orig{color:var(--text);font-size:1.08em;line-height:1.7}[data-sub=orig] .row-trans{color:var(--text2);font-size:.86em;line-height:1.6}[data-sub=orig] .live-line.orig{color:var(--link);font-size:1.04em}[data-sub=orig] .live-line.trans{color:var(--text2);font-size:.9em}[data-sub=trans-only] .row-body:has(.row-trans) .row-orig{display:none}[data-sub=trans-only] .live-card:has(.live-line.trans p:not(:empty)) .live-line.orig{display:none}.side-row{border-radius:var(--r-sm);align-items:center;gap:4px;display:flex;position:relative}.side-item,.lib-thumb{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.side-row.selected .side-item{background:var(--primary-soft);box-shadow:inset 0 0 0 1.5px var(--primary)}.side-check{width:18px;height:18px;accent-color:var(--primary);flex-shrink:0;margin-left:6px}.side-more{border-radius:var(--r-sm);width:30px;height:30px;color:var(--text2);background:var(--surface);opacity:0;transition:opacity var(--d-state) var(--ease-out), background-color var(--d-state);place-items:center;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.side-row:hover .side-more,.side-row:focus-within .side-more,.side-more:focus-visible{opacity:1}.side-more:hover{color:var(--text);background:var(--soft)}@media (hover:none){.side-more{opacity:.7;background:0 0;width:44px;height:44px}}.side-rename,.lib-rename{border-radius:var(--r-sm);width:100%;min-height:40px;font-size:14px;font-weight:var(--w-strong);color:var(--text);background:var(--surface);box-shadow:inset 0 0 0 2px var(--primary);padding:0 10px}.lib-rename{min-height:32px}.side-selbar{z-index:2;border-radius:var(--r-md);background:var(--primary-soft);font-size:13px;font-weight:var(--w-strong);color:var(--link);align-items:center;gap:4px;margin:0 0 8px;padding:6px 6px 6px 12px;display:flex;position:sticky;top:0}.side-selbar span{flex:1}.ctx-layer{z-index:85;position:fixed;inset:0}.ctx-menu{background:var(--surface);border-radius:var(--r-md);width:232px;box-shadow:0 18px 44px -12px var(--shadow-color), 0 0 0 1px var(--line);transform-origin:0 0;animation:ctx-in .12s var(--ease-out);padding:5px;position:fixed}@keyframes ctx-in{0%{opacity:0;transform:scale(.96)}}.ctx-item{border-radius:var(--r-sm);text-align:left;width:100%;min-height:34px;color:var(--text);transition:background-color var(--d-state) var(--ease-out);align-items:center;gap:10px;padding:0 10px;font-size:14px;display:flex}.ctx-item:focus,.ctx-item[aria-expanded=true]{background:var(--soft);outline:none}.ctx-item:focus-visible{box-shadow:inset 0 0 0 2px var(--primary)}.ctx-item[aria-disabled=true]{color:var(--text2);opacity:.6;cursor:default}.ctx-item.danger{color:var(--error)}.ctx-label{flex-direction:column;flex:1;min-width:0;display:flex}.ctx-label small{color:var(--text2);font-size:12px}.ctx-key,.ctx-arrow{font-family:var(--font-num);color:var(--text2);flex-shrink:0;font-size:12px}.ctx-arrow{font-size:16px}.ctx-sep{background:var(--line);height:1px;margin:5px 8px}.ctx-scrim{z-index:85;background:var(--scrim);animation:fade-in var(--d-state) var(--ease-out);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.ctx-sheet{width:min(100%,520px);padding:8px 10px max(10px, env(safe-area-inset-bottom));background:var(--surface);border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:0 -12px 40px -16px var(--shadow-color);animation:sheet-up var(--d-dialog) var(--ease-out)}.ctx-sheet-head{min-height:44px;font-size:13px;font-weight:var(--w-strong);color:var(--text2);align-items:center;gap:8px;padding:0 8px;display:flex}.ctx-sheet-head span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.ctx-back{min-height:44px;color:var(--link);padding:0 6px;font-size:15px}.ctx-sheet .ctx-item{min-height:48px;font-size:16px}.ctx-cancel{border-radius:var(--r-md);background:var(--soft);width:100%;min-height:48px;font-size:16px;font-weight:var(--w-strong);color:var(--text);margin-top:6px}@media (prefers-reduced-motion:reduce){.ctx-menu,.ctx-sheet{animation-name:fade-in}}.undo-bar{top:max(14px, env(safe-area-inset-top));z-index:70;border-radius:var(--r-pill);background:var(--surface);color:var(--text);box-shadow:0 12px 32px -14px var(--shadow-color), 0 0 0 1px var(--line);animation:fade-in var(--d-state) var(--ease-out);align-items:center;gap:14px;padding:10px 16px;font-size:14px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.undo-bar .link-btn{min-height:32px}.deck-broken{color:var(--text2);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:32px 16px;font-size:14px;display:flex}.deck-broken p{font-size:15px;font-weight:var(--w-strong);color:var(--text)}.deck-broken-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}