@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/figtree-latin-400-normal-g7Dtegnw.woff2)format("woff2"),url(/assets/figtree-latin-400-normal-BD4aNku5.woff)format("woff")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/figtree-latin-500-normal-BWnGEVsr.woff2)format("woff2"),url(/assets/figtree-latin-500-normal-B_yy1phn.woff)format("woff")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/figtree-latin-600-normal-Cv_xCTDl.woff2)format("woff2"),url(/assets/figtree-latin-600-normal-BM_oTo4n.woff)format("woff")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/figtree-latin-700-normal-th6qEP7c.woff2)format("woff2"),url(/assets/figtree-latin-700-normal-BCCt2T1q.woff)format("woff")}:root{--bg-rail:#1e1f22;--bg-side:#2b2d31;--bg-main:#313338;--bg-raise:#383a40;--bg-hover:#404249;--line:#3f4147;--text:#ebecef;--muted:#a3a6ad;--faint:#80838b;--accent:#5ab4ff;--accent-hi:#7cc4ff;--accent-ink:#0d1b28;--accent-soft:#5ab4ff21;--danger:#f2585e;--live:#ef4a4a;--ok:#3fbf74;--warn:#f0b232;--star:#f5c542;--r-sm:10px;--r:14px;--r-lg:20px;--pill:999px;--ease:cubic-bezier(.22, 1, .36, 1);--spring:cubic-bezier(.34, 1.4, .64, 1);--font:"Figtree", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg-main);color:var(--text);font:14px/1.45 var(--font);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}svg.lucide{stroke-width:2px;flex:none;width:18px;height:18px}a{color:var(--accent)}.btn{border-radius:var(--pill);background:var(--bg-raise);height:38px;transition:background .15s, transform .15s var(--ease);white-space:nowrap;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.btn:hover{background:var(--bg-hover)}.btn:active{transform:scale(.97)}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.primary:hover{background:var(--accent-hi)}.btn.danger{color:var(--danger)}.btn.danger:hover{background:#f2585e24}.ib{width:36px;height:36px;color:var(--muted);transition:background .15s, color .15s, transform .15s var(--ease);border-radius:50%;place-items:center;display:grid}.ib:hover{background:var(--bg-hover);color:var(--text)}.ib:active{transform:scale(.92)}.ib.del:hover{color:var(--danger);background:#f2585e1f}.ib.on{color:var(--accent)}.t1{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.t2{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.tm{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.tl{min-width:0;line-height:1.3}.ib.fav{color:var(--faint)}.ib.fav:hover{color:var(--text)}.ib.fav.on{color:var(--star)}.ib.fav.on svg.lucide{fill:currentColor}.dim{color:var(--muted);font-size:13px}.toast{color:var(--text);border-radius:var(--pill);opacity:0;pointer-events:none;transition:.25s var(--ease);z-index:30;background:#111214;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%,-10px)scale(.96);box-shadow:0 8px 24px #00000059}.toast svg{color:var(--ok)}input[type=range]{appearance:none;cursor:pointer;--p:50%;--c:var(--text);background:0 0;height:20px;margin:0}input[type=range]::-webkit-slider-runnable-track{border-radius:var(--pill);background:linear-gradient(to right, var(--c) var(--p), var(--bg-hover) var(--p));height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;transition:transform .15s var(--ease);background:#fff;border-radius:50%;margin-top:-5px;box-shadow:0 1px 4px #0006}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15)}input[type=range]::-moz-range-track{border-radius:var(--pill);background:var(--bg-hover);height:6px}input[type=range]::-moz-range-progress{border-radius:var(--pill);background:var(--c);height:6px}input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:16px;height:16px}.switch{border-radius:var(--pill);background:var(--bg-hover);width:40px;height:24px;transition:background .2s var(--ease);flex:none;position:relative}.switch:after{content:"";width:18px;height:18px;transition:transform .25s var(--spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch[aria-checked=true]{background:var(--accent)}.switch[aria-checked=true]:after{transform:translate(16px)}.btn:disabled,.ib:disabled{opacity:.55;cursor:default;transform:none}.btn.small{height:32px;padding:0 14px;font-size:13px}.btn svg.lucide{width:17px;height:17px}a.btn,a.ib{color:inherit;text-decoration:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.switch:before{content:"";position:absolute;inset:-10px -4px}@media (pointer:coarse){input[type=range]{height:32px}input[type=range]::-webkit-slider-thumb{width:20px;height:20px;margin-top:-7px}input[type=range]::-moz-range-thumb{width:20px;height:20px}}@media (max-width:680px){.search{height:44px}.search input{font-size:16px}.seg button{height:36px}}.app{grid-template-rows:1fr auto;grid-template-columns:72px 1fr;height:100dvh;display:grid}.rail{background:var(--bg-rail);flex-direction:column;grid-row:1/3;align-items:center;gap:8px;padding:12px 0;display:flex}.logo{width:48px;height:48px;transition:transform .2s var(--ease);border-radius:16px;margin-bottom:4px;display:block}.logo:hover{transform:scale(1.05)}.logo img{width:48px;height:48px;display:block}.rail .sep{background:var(--bg-side);border-radius:1px;width:32px;height:2px;margin:2px 0}.nav{background:var(--bg-main);width:48px;height:48px;color:var(--muted);transition:border-radius .25s var(--ease), background .15s, color .15s;border-radius:24px;place-items:center;text-decoration:none;display:grid;position:relative}.nav:hover{background:var(--bg-hover);color:var(--text);border-radius:16px}.nav.on{background:var(--accent);color:var(--accent-ink);border-radius:16px}.nav:before{content:"";background:var(--text);width:4px;height:0;transition:height .25s var(--ease);border-radius:0 4px 4px 0;position:absolute;left:-12px}.nav:hover:before{height:20px}.nav.on:before{height:40px}.nav svg.lucide{width:22px;height:22px}.rail .grow{flex:1}.tip{white-space:nowrap;color:var(--text);border-radius:var(--r-sm);opacity:0;pointer-events:none;transition:.18s var(--ease);z-index:5;background:#111214;padding:6px 12px;font-size:13px;font-weight:600;position:absolute;left:60px;transform:translate(-4px)scale(.96)}.nav:hover .tip{opacity:1;transform:none}main{flex-direction:column;min-width:0;min-height:0;display:flex}.top{border-bottom:1px solid #27292d;flex:none;align-items:center;gap:12px;height:60px;padding:0 20px;display:flex}.top h1{margin:0;font-size:17px;font-weight:700}.top .grow{flex:1}.top-settings{display:none}.content{flex-direction:column;flex:1;gap:16px;min-height:0;padding:20px;display:flex;overflow-y:auto}.content>*{width:100%;max-width:860px;margin-inline:auto}.content>.backdrop{max-width:none}.empty{color:var(--faint);text-align:center;flex-direction:column;align-items:center;gap:12px;margin:12vh auto 0;display:flex}.empty svg.lucide{stroke-width:1.6px;width:36px;height:36px}.empty p{color:var(--muted);margin:0;font-size:15px}.card{background:var(--bg-side);border-radius:var(--r-lg);padding:6px}.card-head{flex-wrap:wrap;align-items:center;gap:12px;padding:14px 14px 10px;display:flex}.card-head>div{flex:1;min-width:200px}.card h2{margin:0 0 2px;font-size:15px;font-weight:700}.card .dim{margin:0}.pad{padding:8px 14px 14px}.rows{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.row{border-radius:var(--r);background:var(--bg-main);align-items:center;gap:12px;padding:10px 12px;display:flex}.row-icon{background:var(--bg-raise);width:38px;height:38px;color:var(--muted);border-radius:12px;flex:none;place-items:center;display:grid}.row .t1{align-items:center;gap:8px;display:flex}.t1.warn{color:var(--warn)}.tag{color:var(--accent);background:var(--accent-soft);border-radius:var(--pill);padding:2px 8px;font-size:11.5px;font-weight:600}.banner{border-radius:var(--r);color:#ff9da1;background:#f2585e1f;margin:0;padding:10px 14px;font-weight:500}.boot{place-items:center;height:100dvh;display:grid}.boot-msg{text-align:center;color:var(--muted);justify-items:center;gap:12px;display:grid}.login{background:var(--bg-rail);place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.login-card{background:var(--bg-side);width:100%;max-width:380px;animation:rise .45s var(--ease) both;border-radius:24px;flex-direction:column;gap:16px;padding:32px 28px 28px;display:flex;box-shadow:0 16px 48px #00000059}.login-logo{align-self:center;height:auto;margin-bottom:8px}.login-note{color:var(--muted);text-align:center;margin:0}.login-error{color:#ff9da1;margin:0;font-size:13.5px;font-weight:500}.login-go{justify-content:center;height:44px;margin-top:4px}.field{flex-direction:column;gap:6px;display:flex}.field span{color:var(--muted);font-size:12.5px;font-weight:600}.field input{border-radius:var(--r);background:var(--bg-rail);height:44px;color:var(--text);font:inherit;border:0;outline:0;padding:0 14px;font-size:15px;transition:box-shadow .15s}.field input:focus{box-shadow:0 0 0 2px var(--accent)}@keyframes rise{0%{opacity:0;transform:translateY(10px)scale(.98)}}.mnav{display:none}@media (max-width:680px){.app{grid-template-columns:1fr}.rail{display:none}.top{padding:0 8px 0 16px}.top-settings{display:grid}.top .btn span{display:none}.top .btn{justify-content:center;width:38px;padding:0}.content{padding:12px}.row .btn.small{padding:0 12px}.field input{font-size:16px}.mnav{background:var(--bg-rail);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(5,1fr);display:grid}.mnav a{height:58px;color:var(--faint);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.mnav svg.lucide{border-radius:var(--pill);box-sizing:content-box;width:20px;height:20px;transition:background .2s var(--ease);padding:3px 14px}.mnav a.on{color:var(--accent)}.mnav a.on svg{background:var(--accent-soft)}}.search{background:var(--bg-rail);border-radius:var(--pill);height:38px;color:var(--faint);align-items:center;gap:8px;padding:0 8px 0 14px;transition:box-shadow .15s;display:flex}.search:focus-within{box-shadow:0 0 0 2px var(--accent)}.search input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px}.seg{background:var(--bg-rail);border-radius:var(--pill);gap:2px;padding:4px;display:flex}.seg button{border-radius:var(--pill);height:30px;color:var(--muted);transition:.18s var(--ease);padding:0 14px;font-size:13px;font-weight:600}.seg button:hover{color:var(--text)}.seg button.on{background:var(--bg-hover);color:var(--text)}.btn.ghost{background:0 0}.btn.ghost:hover{background:var(--bg-hover)}.btn.solid-danger{background:var(--danger);color:#fff}.btn.solid-danger:hover{background:#ff6c72}.player{background:var(--bg-side);border-radius:var(--r-lg);height:72px;animation:rise .35s var(--ease) both;grid-column:2;grid-template-columns:minmax(0,280px) 1fr minmax(0,280px);align-items:center;gap:16px;margin:0 12px 12px;padding:0 14px;display:grid;box-shadow:0 6px 24px #00000040}.player .now{align-items:center;gap:12px;min-width:0;display:flex}.player .title{min-width:0}.player .mid{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.player .ctrl{align-items:center;gap:8px;display:flex}.pp{background:var(--text);width:36px;height:36px;color:var(--bg-rail);transition:transform .15s var(--ease);border-radius:50%;place-items:center;display:grid}.pp:hover{transform:scale(1.07)}.pp svg.lucide{fill:currentColor}.player .bar{width:100%;max-width:560px;color:var(--faint);align-items:center;gap:10px;font-size:12px;display:flex}.player .bar span{text-align:center;min-width:34px}.player .seek{--c:var(--text);flex:1;min-width:0}.player .seek:hover{--c:var(--accent)}.player .right{justify-content:flex-end;align-items:center;gap:4px;display:flex}.player .vol{width:96px}.cover{color:#ffffffeb;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;font-size:17px;font-weight:700;display:grid;position:relative;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.uploads{z-index:18;background:var(--bg-side);border:1px solid var(--line);border-radius:var(--r-lg);width:360px;max-width:calc(100% - 32px);animation:rise .3s var(--ease) both;position:fixed;bottom:16px;right:16px;overflow:hidden;box-shadow:0 16px 48px #00000073}.app.has-player .uploads{bottom:96px}.up-head{align-items:center;gap:4px;padding:10px 8px 10px 16px;display:flex}.up-title{white-space:nowrap;flex:1;align-items:baseline;gap:8px;min-width:0;display:flex;overflow:hidden}.up-title .dim{font-size:12.5px}.up-total{background:var(--bg-hover);height:3px}.up-total i{background:var(--accent);height:100%;transition:width .3s var(--ease);display:block}.up-list{border-top:1px solid var(--line);flex-direction:column;gap:2px;max-height:300px;margin:0;padding:6px;list-style:none;display:flex;overflow-y:auto}.up-row{border-radius:var(--r-sm);align-items:center;gap:8px;padding:8px 6px 8px 10px;display:flex}.up-row:hover{background:var(--bg-raise)}.up-text{flex:1;min-width:0}.up-row .t2{white-space:normal}.up-row.error .t2{color:#ff9da1}.up-bar{background:var(--bg-hover);border-radius:var(--pill);height:4px;margin-top:6px;overflow:hidden}.up-bar i{background:var(--accent);border-radius:var(--pill);height:100%;transition:width .3s var(--ease);display:block}.up-row.paused .up-bar i{background:var(--faint)}.up-acts{align-items:center;gap:2px;display:flex}.up-acts .ib{width:32px;height:32px}.up-acts svg.ok{color:var(--ok);margin:0 6px}.up-acts svg.bad{color:var(--danger);margin:0 2px}.uploads svg.flip{transform:rotate(180deg)}.backdrop{z-index:40;background:#0000008c;place-items:center;padding:16px;animation:.15s both fade;display:grid;position:fixed;inset:0}.dialog{background:var(--bg-side);width:100%;max-width:420px;animation:rise .25s var(--ease) both;border-radius:22px;flex-direction:column;gap:14px;padding:22px;display:flex;box-shadow:0 24px 64px #00000080}.dialog h2{margin:0;font-size:18px}.dialog p{margin:0}.dialog .fname{color:var(--text);word-break:break-word}.dialog-acts{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.form-error{color:#ff9da1;margin:-4px 0 0;font-size:13px}.checkline{color:var(--muted);cursor:pointer;align-items:center;gap:10px;display:flex}.checkline input{width:18px;height:18px;accent-color:var(--accent)}@keyframes fade{0%{opacity:0}}.toast{color:var(--text);border-radius:var(--pill);opacity:0;pointer-events:none;transition:.25s var(--ease);z-index:50;background:#111214;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:10px 16px;font-size:13px;font-weight:600;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%,-10px)scale(.96);box-shadow:0 8px 24px #00000059}.toast.show{opacity:1;transform:translate(-50%)}.toast svg.lucide{color:var(--ok)}.toast.error svg.lucide{color:var(--danger)}@media (max-width:900px){.player{grid-template-columns:minmax(0,1fr) auto}.player .right{display:none}}@media (max-width:680px){.app{grid-template-rows:1fr auto auto}.player{border-radius:var(--r);grid-column:1;height:64px;margin:0 8px 8px;padding:0 10px}.player .bar,.player .ctrl .ib{display:none}.uploads{width:auto;max-width:none;bottom:8px;left:8px;right:8px}.app.has-player .uploads{bottom:80px}.top .btn{justify-content:center;width:38px;padding:0}.top .crumbs+.grow{min-width:4px}.player .ctrl .ib.mode{display:grid}}.card .empty{margin:28px auto}.row-text{flex:1;min-width:0}.row-acts{flex:none;align-items:center;gap:2px;display:flex}.row-icon.live{background:var(--accent-soft);color:var(--accent)}.faint-ic{color:var(--faint);width:16px;height:16px;margin-right:6px}.tag svg.lucide.inline,.t1 svg.lucide.inline{vertical-align:-1px;width:12px;height:12px;margin-right:4px}.t1 .tag{margin-left:8px}.seg.wide button{flex:1;justify-content:center;padding:0 8px}.prefixed{background:var(--bg-rail);border-radius:var(--r);align-items:center;padding-left:14px;transition:box-shadow .15s;display:flex}.prefixed:focus-within{box-shadow:0 0 0 2px var(--accent)}.prefixed b{color:var(--faint);font-weight:600}.field .prefixed input{min-width:0;box-shadow:none;background:0 0;flex:1;padding-left:2px}.sw-line{justify-content:space-between;align-items:center;gap:14px;display:flex}.sw-line .t2{white-space:normal}.set-rows{flex-direction:column;gap:4px;padding:0 8px 8px;display:flex}.set-row{border-radius:var(--r);justify-content:space-between;align-items:center;gap:14px;padding:10px 6px;display:flex}.set-row .t2{white-space:normal}.set-row input[type=number]{border-radius:var(--r-sm);background:var(--bg-rail);width:76px;height:36px;color:var(--text);font:inherit;text-align:center;border:0;outline:0}.set-row input[type=number]:focus{box-shadow:0 0 0 2px var(--accent)}.status-dot{background:var(--faint);vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.status-dot.ok{background:var(--ok)}.status-dot.bad{background:var(--danger)}.status-dot.wait{background:var(--warn)}@media (max-width:760px){.set-row input[type=number]{font-size:16px}}
