:root,:root[data-theme=dark]{--bg: #0C0918;--surface: #17122C;--surface-2: #1F1839;--border: #322650;--text-1: #F6F3FE;--text-2: #C8C0E2;--primary: #914BF1;--primary-600: #7A33DB;--accent-text: #BE97FF;--success: #3DDC97;--danger: #F2506E;--grid: rgba(145, 75, 241, .07);--orb: rgba(145, 75, 241, .3);--glow: 0 0 22px rgba(145, 75, 241, .22);--shadow: none;--field: #120E24;--ease: cubic-bezier(.23, 1, .32, 1);color-scheme:dark}:root[data-theme=light]{--bg: #F7F6FB;--surface: #FFFFFF;--surface-2: #F1EDF9;--border: #E5E0F0;--text-1: #17102A;--text-2: #5C5473;--primary: #914BF1;--primary-600: #7A33DB;--accent-text: #7A33DB;--success: #12A66B;--danger: #D6304F;--grid: rgba(122, 51, 219, .06);--orb: rgba(145, 75, 241, .16);--glow: none;--shadow: 0 6px 20px rgba(23, 16, 42, .09);--field: #FFFFFF;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background-color:var(--bg);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:46px 46px;color:var(--text-1);font:400 15px/1.6 Inter,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent-text)}button{font:inherit;cursor:pointer}input,textarea{font:inherit}.orb{position:fixed;top:-240px;right:-180px;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,var(--orb) 0%,transparent 68%);filter:blur(52px);pointer-events:none;z-index:0}.app{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.brand svg{width:28px;height:28px}.brand b{font-family:Jura,sans-serif;font-weight:700;font-size:18px;letter-spacing:.3px;background:linear-gradient(90deg,#b79cff,#9d6fff,#e06bff);-webkit-background-clip:text;background-clip:text;color:transparent}:root[data-theme=light] .brand b{background:linear-gradient(90deg,#7a33db,#914bf1,#d948ef);-webkit-background-clip:text;background-clip:text}nav{display:flex;align-items:center;gap:6px}nav a{padding:8px 14px;text-decoration:none;color:var(--text-2);font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px;letter-spacing:1.2px;text-transform:uppercase;border:1px solid transparent;transition:color .2s var(--ease),border-color .2s var(--ease)}nav a:hover{color:var(--accent-text)}nav a.active{color:var(--accent-text);border-color:var(--border);background:var(--surface)}.icon-btn{width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid var(--border);background:var(--surface);color:var(--text-2);transition:border-color .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease)}.icon-btn:hover{color:var(--accent-text);border-color:var(--primary);box-shadow:var(--glow)}.icon-btn svg{width:17px;height:17px}.icon-btn.sm{width:28px;height:28px}.icon-btn.sm svg{width:14px;height:14px}.icon-btn.danger:hover{color:var(--danger);border-color:var(--danger);box-shadow:none}.mono{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:500;letter-spacing:1.2px;text-transform:uppercase;color:var(--accent-text)}.mono.dim,.muted{color:var(--text-2)}.headline{font-family:Jura,sans-serif;font-weight:700;line-height:1.1;margin:0}.headline b{color:var(--primary);font-weight:700}.card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.bracket{position:relative;padding:12px 22px;border:none;background:var(--primary);color:#fff;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px;font-weight:500;letter-spacing:1.4px;text-transform:uppercase;text-decoration:none;display:inline-block;transition:background .2s var(--ease)}.bracket:before,.bracket:after{content:"";position:absolute;width:10px;height:10px;border:1px solid var(--primary);transition:transform .22s var(--ease)}.bracket:before{top:-5px;left:-5px;border-right:0;border-bottom:0}.bracket:after{bottom:-5px;right:-5px;border-left:0;border-top:0}.bracket:hover{background:var(--primary-600)}.bracket:hover:before{transform:translate(-3px,-3px)}.bracket:hover:after{transform:translate(3px,3px)}.bracket.danger{background:var(--danger)}.bracket.danger:before,.bracket.danger:after{border-color:var(--danger)}.bracket:disabled{opacity:.6;cursor:default}.ghost{padding:10px 16px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-1);font-size:13.5px;transition:border-color .2s var(--ease)}.ghost:hover{border-color:var(--primary)}.ghost.danger-ghost{color:var(--danger)}.ghost.danger-ghost:hover{border-color:var(--danger)}input.field,textarea.field{width:100%;padding:11px 13px;border:1px solid var(--border);background:var(--field);color:var(--text-1);outline:none;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}input.field:focus,textarea.field:focus{border-color:var(--primary);box-shadow:var(--glow)}input.code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:26px;letter-spacing:10px;text-align:center}.err{color:var(--danger);font-size:13px;min-height:18px;margin:8px 0 0}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--success);margin-right:8px}.landing{max-width:760px;margin:0 auto;padding:72px 24px 96px}.landing h1{font-size:clamp(36px,7vw,56px);margin:14px 0 18px}.landing .lead{color:var(--text-2);max-width:560px;font-size:16.5px;margin:0 0 32px}.landing .cta-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.steps{list-style:none;padding:0;margin:56px 0 0;counter-reset:s}.steps li{counter-increment:s;position:relative;padding:16px 18px 16px 62px;margin-bottom:10px;border:1px solid var(--border);background:var(--surface)}.steps li:before{content:"0" counter(s);position:absolute;left:18px;top:17px;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--primary)}code.inline{font-family:JetBrains Mono,monospace;font-size:13px;padding:2px 6px;border:1px solid var(--border);background:var(--surface-2)}.login{max-width:560px;width:min(560px,92vw);margin:80px auto;padding:38px 42px}.login h2{font-size:28px;margin:0 0 10px}.login p{color:var(--text-2);margin:0 0 22px}.cabinet{flex:1;display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:0;min-height:0}.pane{border-right:1px solid var(--border);position:sticky;top:65px;align-self:start;height:calc(100vh - 65px);background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%)}.pane-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid var(--border)}.pane-tools{display:flex;align-items:center;gap:14px}.brand-mark{width:28px;height:28px;border-radius:7px;display:block}.pane{display:flex;flex-direction:column}.pane .tree{flex:1;min-height:0;overflow-y:auto}.pane-foot{margin-top:18px;padding:12px 8px 8px;border-top:1px solid var(--border)}.trash-link{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;font:inherit;font-size:14px;color:var(--text-2);text-align:left;border:1px solid transparent;background:transparent;cursor:pointer;transition:color .15s var(--ease),border-color .15s var(--ease),background .15s var(--ease)}.trash-link svg{width:16px;height:16px}.trash-link:hover{color:var(--text);border-color:var(--border);background:var(--surface)}.trash-link.active{color:var(--accent-text);border-color:var(--primary-600);background:var(--surface)}.trash-count{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:11px;padding:1px 7px;border:1px solid var(--border);color:var(--text-2)}.trash-actions{display:flex;gap:8px;flex-shrink:0}.settings .card{margin-top:18px;padding:20px 22px;max-width:860px}.settings .hint{color:var(--text-2);margin:8px 0 12px}.settings .seg{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 12px}.seg-btn{padding:7px 14px;font:inherit;font-size:13px;color:var(--text);cursor:pointer;border:1px solid var(--border);background:var(--surface)}.seg-btn:hover{border-color:var(--primary)}.seg-btn.on{color:#fff;background:var(--primary);border-color:var(--primary)}.field.area{width:100%;box-sizing:border-box;font:inherit;font-size:13.5px;line-height:1.5;padding:10px 12px;margin-top:6px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);resize:vertical}.prompt-text{white-space:pre-wrap;font-size:13px;line-height:1.55;padding:12px 14px;margin:8px 0;border:1px solid var(--border);background:var(--surface-2);max-height:360px;overflow:auto}.prompt-block{margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.prompt-block h4{margin:0 0 8px;font-size:15px}.settings .actions{margin-top:10px}.trash-actions .ghost{padding:6px 10px;font-size:12px}.switch{display:flex;align-items:center;gap:7px;cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{display:none}.switch .track{position:relative;width:30px;height:16px;background:var(--surface-2);border:1px solid var(--border);transition:background .2s var(--ease),border-color .2s var(--ease)}.switch .knob{position:absolute;top:2px;left:2px;width:10px;height:10px;background:var(--text-2);transition:transform .2s var(--ease),background .2s var(--ease)}.switch input:checked+.track{background:var(--primary);border-color:var(--primary)}.switch input:checked+.track .knob{transform:translate(14px);background:#fff}.switch-label{font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;letter-spacing:1.1px;text-transform:uppercase;color:var(--text-2)}.switch input:checked~.switch-label{color:var(--accent-text)}.tree{padding:8px}.node{margin:3px 0}.node-row{display:flex;align-items:stretch;gap:6px;padding:0 8px 0 0;min-height:36px;border:1px solid color-mix(in srgb,var(--border) 55%,transparent);background:color-mix(in srgb,var(--surface) 40%,transparent);cursor:pointer;transition:background .15s var(--ease),border-color .15s var(--ease)}.node.default .node-row{color:var(--text-2);background:transparent;border-color:transparent}.node.default .node-row:hover{background:color-mix(in srgb,var(--primary) 6%,transparent)}.node.default{margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.node-row:hover{background:color-mix(in srgb,var(--primary) 9%,transparent);border-color:var(--border)}.node-row.active{background:color-mix(in srgb,var(--primary) 14%,transparent);border-color:var(--primary-600);box-shadow:var(--glow)}.node-row .caret{width:34px;flex:none;display:grid;place-items:center;color:var(--text-2);border-right:1px solid transparent;transition:background .15s var(--ease),color .15s var(--ease)}.node-row .caret:hover{background:color-mix(in srgb,var(--primary) 16%,transparent);color:var(--accent-text);border-right-color:var(--border)}.node-row .caret svg{width:12px;height:12px;transition:transform .2s var(--ease)}.node-row.open .caret svg{transform:rotate(90deg)}.node-row .caret.leaf{visibility:hidden}.node-row .title{flex:1;min-width:0;align-self:center;-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.node-row .tools{display:flex;gap:4px;flex:none;align-self:center;opacity:0;transition:opacity .15s var(--ease)}.node-row:hover .tools,.node-row.active .tools,.node-row:focus-within .tools{opacity:1}.node-row .lock{color:var(--text-2)}.children{margin-left:24px}.node-row input.rename{flex:1;min-width:0;align-self:center;padding:4px 8px;border:1px solid var(--primary);background:var(--field);color:var(--text-1);font-size:14px;outline:none}.add-row{display:grid;place-items:center;width:100%;height:22px;margin:4px 0 6px;padding:0;border:1px solid var(--border);background:color-mix(in srgb,var(--primary) 5%,transparent);color:var(--text-2);transition:color .15s var(--ease),border-color .15s var(--ease),background .15s var(--ease)}.add-row svg{width:14px;height:14px;stroke-width:2.8}.add-row:hover{color:var(--accent-text);border-color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent)}.content{padding:22px 28px 60px;min-width:0}.crumbs{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;white-space:nowrap;overflow:hidden;margin-bottom:8px;line-height:1}.crumbs a,.crumbs span{text-decoration:none;line-height:1}.crumbs a{overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.crumbs .sep{flex-shrink:0}.content h2{font-size:26px;margin:0 0 4px}.content .sub{color:var(--text-2);margin:0 0 22px}.content-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.content-head .sub{margin-bottom:18px}.view-switch{display:flex;gap:8px;flex-shrink:0;margin-top:4px;flex-wrap:wrap;justify-content:flex-end}.lang-switch .select-btn{min-width:0;height:32px;padding:0 8px 0 10px}.lang-switch .select-label{display:none}.lang-switch .select-list .select-label{display:inline}.lang-code{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;letter-spacing:.5px;color:var(--accent-text)}.select{position:relative;display:inline-block}.select-btn{display:flex;align-items:center;gap:8px;min-width:170px;height:34px;padding:0 10px 0 12px;font:inherit;font-size:13px;color:var(--text);border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.select-btn:hover,.select.open .select-btn{border-color:var(--primary);box-shadow:var(--glow)}.select-icon{display:inline-flex;color:var(--accent-text)}.select-icon svg{width:16px;height:16px}.select-label{flex:1;text-align:left;white-space:nowrap}.select-caret{width:14px;height:14px;transform:rotate(90deg);color:var(--text-2);transition:transform .15s var(--ease)}.select.open .select-caret{transform:rotate(-90deg)}.select-list{position:absolute;right:0;top:calc(100% + 4px);z-index:30;min-width:100%;margin:0;padding:4px;list-style:none;border:1px solid var(--border);background:var(--surface);box-shadow:0 10px 30px #0000002e}.select-item{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:13px;cursor:pointer;white-space:nowrap}.select-item.cur{background:color-mix(in srgb,var(--primary) 10%,transparent)}.select-item.on{color:var(--accent-text)}.select-item.on:after{content:"";margin-left:auto;width:6px;height:6px;background:var(--primary)}.folders{margin:4px 0 22px}.folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.folder{display:flex;align-items:center;gap:10px;padding:11px 12px;min-width:0;font:inherit;font-size:14px;color:var(--text);text-align:left;border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.folder:hover{border-color:var(--primary-600);box-shadow:var(--glow)}.folder svg{width:20px;height:20px;flex-shrink:0;color:var(--accent-text)}.folder-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step-media{display:block;width:100%;max-width:720px;margin:10px 0 8px;border:1px solid var(--border);background:#000}.ext-card{margin-top:26px;padding:20px 22px;max-width:720px}.ext-card p{margin:10px 0}.code-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.code-big{font-family:JetBrains Mono,monospace;font-size:28px;font-weight:600;letter-spacing:6px;color:var(--accent-text)}.records{display:grid;gap:10px}.records.grid-lg{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.records.grid-sm{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.tile{display:flex;flex-direction:column;border:1px solid var(--border);background:var(--surface);cursor:pointer;min-width:0;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.tile:hover,.tile.active{border-color:var(--primary-600);box-shadow:var(--glow)}.tile .thumb{position:relative;aspect-ratio:16 / 9;background:var(--surface-2);border-bottom:1px solid var(--border);display:grid;place-items:center;overflow:hidden}.tile .thumb img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.03)}.tile .thumb .kind{color:var(--accent-text);opacity:.7}.tile .thumb .kind svg{width:28px;height:28px}.grid-sm .tile .thumb .kind svg{width:20px;height:20px}.tile .thumb .play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;background:#0000002e;opacity:0;transition:opacity .15s var(--ease)}.tile .thumb .play svg{width:34px;height:34px;fill:#fff;stroke:none;filter:drop-shadow(0 1px 4px rgba(0,0,0,.5))}.tile:hover .thumb .play{opacity:1}.tile .thumb .dur{position:absolute;right:6px;bottom:6px;font-family:JetBrains Mono,monospace;font-size:11px;padding:1px 6px;color:#fff;background:#000000a6}.tile .tbody{padding:10px 12px 12px;min-width:0;display:grid;gap:3px}.tile .rtitle{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile .rmeta{font-size:12.5px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile .rdate{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-2)}.grid-sm .tile .tbody{padding:8px 10px 10px}.grid-sm .tile .rtitle{font-size:13px}.grid-sm .tile .rmeta,.grid-sm .tile .pill{display:none}.record{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.record:hover,.record.active{border-color:var(--primary-600);box-shadow:var(--glow)}.record .kind{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border);background:var(--surface-2);color:var(--accent-text)}.record .kind svg{width:16px;height:16px}.record .rtitle{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record .rmeta{font-size:12.5px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record .rdate{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-2);white-space:nowrap}.pill{display:inline-block;padding:2px 8px;border:1px solid var(--border);border-radius:999px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:var(--text-2)}.pill.warn{color:var(--danger);border-color:var(--danger)}.detail{margin-top:18px;padding:22px}.detail h3{font-size:20px;margin:0 0 4px}.detail .meta{color:var(--text-2);font-size:13px;margin-bottom:18px}.player{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0 18px;padding:10px 12px;border:1px solid var(--border);background:var(--surface-2)}.player:focus-visible{outline:1px solid var(--primary);outline-offset:2px}.player audio,.aplayer audio{display:none}.pbtn{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:border-color .15s var(--ease),color .15s var(--ease)}.pbtn:hover{border-color:var(--primary);color:var(--accent-text)}.pbtn.main{background:var(--primary);border-color:var(--primary);color:#fff}.pbtn.main:hover{color:#fff;background:var(--primary-600)}.pbtn.quiet{border-color:transparent;background:transparent}.pbtn svg{width:18px;height:18px}.ptime{font-family:JetBrains Mono,monospace;font-size:11.5px;color:var(--text-2);min-width:50px;text-align:center}.pseek{flex:1;min-width:120px}.pvol{width:72px}.pseek,.pvol{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;margin:0;cursor:pointer;outline:none;background:linear-gradient(to right,var(--primary) var(--p, 0%),var(--border) var(--p, 0%))}.pseek::-webkit-slider-thumb,.pvol::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--primary);border:2px solid var(--surface);box-shadow:0 0 0 1px var(--primary)}.pseek::-moz-range-thumb,.pvol::-moz-range-thumb{width:8px;height:8px;border-radius:0;background:var(--primary);border:2px solid var(--surface);box-shadow:0 0 0 1px var(--primary)}.pseek:focus-visible,.pvol:focus-visible{outline:1px solid var(--primary);outline-offset:4px}.tblock{margin-top:6px}.tblock-head{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px 6px 14px;margin:0 0 8px;border:1px solid var(--border);background:var(--surface);transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.tblock-head:hover{border-color:var(--primary);box-shadow:var(--glow)}.tblock-toggle{flex:1;display:flex;align-items:center;gap:8px;min-width:0;padding:5px 0;border:0;background:none;cursor:pointer;font:inherit;text-align:left;color:inherit}.tsearch-btn{flex-shrink:0}.tsearch{display:flex;align-items:center;gap:6px;margin:0 0 8px;padding:4px 6px 4px 12px;border:1px solid var(--border);background:var(--surface);transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.tsearch:focus-within{border-color:var(--primary);box-shadow:var(--glow)}.tsearch-icon{width:16px;height:16px;color:var(--text-2);flex-shrink:0}.tsearch-input{flex:1;min-width:0;padding:7px 6px;border:0;background:transparent;outline:none;font:inherit;font-size:14px;color:var(--text)}.tsearch-input::placeholder{color:var(--text-2)}.tsearch-count{white-space:nowrap;min-width:64px;text-align:right}.tsearch .icon-btn:disabled{opacity:.4;cursor:default}.rot-up{transform:rotate(-90deg)}.rot-down{transform:rotate(90deg)}.transcript mark{background:color-mix(in srgb,#ffd54a 60%,transparent);color:inherit;padding:0 1px}.transcript mark.active{background:var(--primary);color:#fff}.tcaret{width:16px;height:16px;color:var(--text-2);transition:transform .15s var(--ease)}.tcaret.open{transform:rotate(90deg)}.tblock-head:hover .tcaret{color:var(--accent-text)}.vplayer{margin:6px 0 18px;border:1px solid var(--border);background:#000}.vplayer:focus-visible{outline:1px solid var(--primary);outline-offset:2px}.vframe{position:relative;display:flex;background:#000}.vframe video{width:100%;max-height:460px;display:block;background:#000;cursor:pointer}.vplay{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:62px;height:62px;display:grid;place-items:center;cursor:pointer;border:1px solid rgba(255,255,255,.35);background:#0c09188c;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s var(--ease),border-color .15s var(--ease)}.vplay:hover{background:var(--primary);border-color:var(--primary)}.vplay svg{width:26px;height:26px;margin-left:3px}.vplayer .player{margin:0;border:0;border-top:1px solid var(--border)}.vplayer.full,.vplayer:fullscreen{display:flex;flex-direction:column;border:0}.vplayer.full .vframe{flex:1;min-height:0;align-items:center;justify-content:center}.vplayer.full .vframe video{max-height:100%;height:100%;object-fit:contain}.vplayer.full .player{position:absolute;left:0;right:0;bottom:0;z-index:2;background:#0c0918c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .25s var(--ease)}.vplayer.full.idle .player{opacity:0;pointer-events:none}.vplayer.full.idle{cursor:none}.aplayer:focus-visible{outline:1px solid var(--primary);outline-offset:2px}.detail section{margin-top:18px}.detail section>.mono{display:block;margin-bottom:8px}.prose{white-space:pre-wrap;line-height:1.65}.prose b{font-weight:600}.transcript{max-height:480px;overflow:auto;padding:14px;border:1px solid var(--border);background:var(--surface-2);font-size:13.5px;line-height:1.6}.transcript .seg{padding:2px 6px;margin:0 -6px;cursor:pointer;transition:opacity .2s var(--ease),background .15s var(--ease)}.transcript .seg:hover{background:color-mix(in srgb,var(--primary) 8%,transparent)}.transcript .seg.past{opacity:.5}.transcript .seg.current{background:color-mix(in srgb,var(--primary) 14%,transparent);box-shadow:inset 2px 0 0 var(--primary)}.transcript .ts{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-2);margin-right:8px}.transcript .me{color:var(--accent-text);font-weight:600}.transcript .other{color:var(--text-1);font-weight:600}.detail .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.content .empty,.pane .empty{padding:40px;text-align:center;color:var(--text-2);border:1px dashed var(--border)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;background:#0a0712b8}:root[data-theme=light] .overlay{background:#17102a61}.dialog{width:100%;max-width:440px;padding:22px}.dialog p{color:var(--text-2);margin:10px 0 20px}.dialog .actions{display:flex;gap:10px;justify-content:flex-end}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);padding:10px 16px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--glow),var(--shadow);font-size:13.5px;z-index:60}.toast.bad{border-color:var(--danger);color:var(--danger)}@media (max-width: 860px){.cabinet{grid-template-columns:1fr}.pane{border-right:0;border-bottom:1px solid var(--border);position:static;height:auto}.content{padding:16px}.pvol{display:none}.records.grid-lg{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.records.grid-sm{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.topbar{padding:12px 16px}nav a{padding:8px 10px}}@keyframes live-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--danger) 55%,transparent)}70%{box-shadow:0 0 0 6px transparent}}.live-dot{width:8px;height:8px;flex:none;align-self:center;border-radius:50%;background:var(--danger);animation:live-pulse 1.6s var(--ease) infinite}.live-dot.processing{background:var(--accent-text);animation:none}.pill.live,.pill.busy{display:inline-flex;align-items:center;gap:6px;vertical-align:middle}.pill.live{color:var(--danger);border-color:var(--danger)}.pill.live .live-dot{width:6px;height:6px}.pill.busy{color:var(--accent-text);border-color:var(--accent-text)}.pill .tick{font-variant-numeric:tabular-nums}.tile .thumb .live-dot{width:14px;height:14px;position:absolute;left:10px;top:10px;align-self:auto}.tile .thumb .live-dot.processing{display:none}.grid-sm .tile .pill.live,.grid-sm .tile .pill.busy{display:inline-flex}.progress{display:grid;gap:6px;margin:14px 0 18px;max-width:520px}.progress .bar{height:6px;background:var(--surface-2);border:1px solid var(--border);overflow:hidden}.progress .bar i{display:block;height:100%;background:var(--primary);transition:width .6s var(--ease)}.progress .bar.indeterminate i{width:30%;animation:progress-slide 1.4s var(--ease) infinite}@keyframes progress-slide{0%{transform:translate(-100%)}to{transform:translate(400%)}}.progress .stage{font-size:13px;color:var(--text-2);display:flex;justify-content:space-between;gap:12px}.select.up .select-list{top:auto;bottom:calc(100% + 4px);left:0;right:auto}.pane-prefs{display:flex;align-items:center;gap:8px;padding:8px 12px 2px}.pane-prefs .select-btn{min-width:0;height:32px;padding:0 8px 0 10px}.pane-prefs .select-label{display:none}.pane-prefs .select-list .select-label{display:inline}.pane-prefs .icon-btn{width:32px;height:32px}.settings .card-head{display:flex;align-items:center;gap:10px;margin-bottom:2px}.settings .card-head h4{margin:0}.settings .card-head .ghost.sm{margin-left:auto;padding:5px 10px;font-size:12px}.save-mark{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:var(--text-2);white-space:nowrap}.save-mark.bad{color:var(--danger)}.seg-note{font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:var(--accent-text);align-self:center}.settings .prompt-block+.prompt-block{margin-top:22px;border-top:1px solid var(--border);padding-top:18px}@media (max-width: 560px){.player{gap:8px 6px;padding:8px}.player .ptime,.player .pseek{order:-2}.player .pseek{flex:1 1 auto;min-width:100px}.player:after{content:"";flex-basis:100%;height:0;order:-1}.player .vol{margin-left:auto}.player .pvol{display:none}.ptime{min-width:38px;font-size:11px}.vframe video{max-height:56vh}}.auth-form{display:grid;gap:6px;max-width:100%;margin-top:14px}.auth-form .field{width:100%}.auth-form .bracket{margin-top:12px;justify-self:start}.auth-form label{margin-top:8px}.auth-error{color:var(--danger);font-size:13px;margin:10px 0 0}.login .seg{display:flex;gap:6px;margin:16px 0 0}.pass-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.pass-row .field{flex:1 1 200px;min-width:0}.dialog.wide{max-width:680px;width:min(680px,92vw)}.dialog.wide .area{width:100%;margin-top:10px}.dialog .hint{color:var(--text-2);font-size:13px;margin:10px 0 0}.icon-btn.on{color:var(--accent-text);border-color:var(--primary-600)}.detail .title-row{display:flex;align-items:center;gap:8px}.detail .title-row h3{margin:0 0 4px}.detail .title-row .icon-btn{opacity:0;transition:opacity .15s var(--ease)}.detail .title-row:hover .icon-btn{opacity:1}.detail input.title-edit{display:block;width:calc(100% + 7px);max-width:640px;margin:0 0 4px -7px;font-family:Jura,sans-serif;font-size:20px;font-weight:700;line-height:1.1;color:var(--text-1);padding:3px 6px;border:1px solid var(--primary);background:var(--field);outline:none}.upload-btn{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;font-size:13px}.upload-btn svg{width:15px;height:15px}.upload-btn:disabled{opacity:.7;cursor:default}.uploading{display:grid;gap:6px;margin:0 0 14px;max-width:520px}.uploading .bar{height:4px;background:var(--surface-2);border:1px solid var(--border);overflow:hidden}.uploading .bar i{display:block;height:100%;background:var(--primary);transition:width .2s var(--ease)}.from-file{display:inline-grid;place-items:center;color:var(--accent-text)}.from-file svg{width:14px;height:14px}.record .rdate{display:inline-flex;align-items:center;gap:6px}.tile .thumb .from-file{position:absolute;right:6px;top:6px;width:24px;height:24px;background:#0c0918b3;border:1px solid rgba(255,255,255,.18);color:#fff}.heading-row{display:flex;align-items:center;gap:10px}.heading-row .headline{margin:0}.heading-row .icon-btn{flex:none;width:32px;height:32px}