:root{--bg:#f6f7f9;--panel:#fff;--text:#111827;--muted:#6b7280;--line:#e5e7eb;--ok:#16a34a;--bad:#dc2626;--radius:10px;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);margin:0;padding:0}a{color:var(--brand)}button,input,select{font:inherit}.topbar{background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:10px 20px;display:flex}.topbar img{height:32px}.topbar .spacer{flex:1}.topbar .who{color:var(--muted);font-size:14px}.wrap{max-width:1100px;margin:0 auto;padding:24px 16px 64px}h1{margin:0 0 16px;font-size:24px}h2{margin:0 0 12px;font-size:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:18px;padding:18px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.grow{flex:1;min-width:0}.muted{color:var(--muted);font-size:14px}.err{color:var(--bad);font-size:14px}.btn{border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;padding:7px 12px}.btn:hover{border-color:#c7cbd1}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.danger{color:var(--bad)}.btn.small{padding:3px 8px;font-size:13px}.btn:disabled{opacity:.5;cursor:default}.input{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;padding:7px 10px}.tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:18px;display:flex;overflow-x:auto}.tabs button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 14px}.tabs button.on{color:var(--text);border-bottom-color:var(--brand);font-weight:600}.list{margin:0;padding:0;list-style:none}.list>li{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 0;display:flex}.list>li:last-child{border-bottom:0}.dot{background:#9ca3af;border-radius:50%;flex:none;width:10px;height:10px}.dot.on{background:var(--ok);box-shadow:0 0 0 3px #16a34a33}.pill{color:var(--muted);background:#f3f4f6;border-radius:999px;padding:2px 8px;font-size:12px}.pill.on{color:#166534;background:#dcfce7}.code{overflow-wrap:anywhere;background:#f3f4f6;border-radius:6px;padding:3px 6px;font-family:ui-monospace,Menlo,monospace;font-size:13px}.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.thumb{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.thumb .media{aspect-ratio:16/9;background:#111;justify-content:center;align-items:center;display:flex}.thumb .media img,.thumb .media video{object-fit:contain;width:100%;height:100%}.thumb .meta{gap:6px;padding:8px;display:grid}.thumb.sel{outline-offset:-2px;outline:2px solid #f97015}.notice{border:1px solid var(--line);border-radius:8px;margin-bottom:14px;padding:12px 14px}.notice.ok{color:#166534;background:#dcfce7;border-color:#86efac}.notice.err{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.order li{cursor:grab}.order li.dragging{opacity:.4}.order li.over{border-top:2px solid var(--brand)}.order .mini{object-fit:cover;background:#111;border-radius:4px;flex:none;width:72px;height:40px}.auth{max-width:380px;margin:10vh auto}.auth img{height:40px;margin-bottom:16px}.auth form{gap:10px;display:grid}.player{cursor:none;-webkit-user-select:none;user-select:none;background:#000;position:fixed;inset:0;overflow:hidden}.stage{position:absolute;inset:0}.stage.rotate{width:100vh;height:100vw;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(90deg)}.layer{opacity:0;transition-property:opacity;transition-timing-function:ease-in-out;position:absolute;inset:0}.layer.active{opacity:1}.layer img,.layer video{object-fit:contain;width:100%;height:100%;display:block}.splash{color:#fff;text-align:center;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;inset:0}.splash-logo{color:#fff;height:8vmin}.splash-text{font-size:4vmin;font-weight:600}.splash-sub{opacity:.6;font-size:2.2vmin}.offline-badge{color:#f87171;opacity:.7;font:12px/1 ui-monospace,monospace;position:fixed;bottom:8px;right:10px}