:root{color-scheme:dark;--bg:#050505;--panel:#0c0c0c;--line:#303030;--text:#f3f3f3;--muted:#9b9b9b;--accent:#ffd43b;--cyan:#58d9ff;--red:#ff5d5d;--green:#67db91}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}button,input,a{font:inherit}button,a{cursor:pointer}header{height:64px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#080808}.brand{font-size:22px;font-weight:900;color:#fff;text-decoration:none;letter-spacing:.08em}.brand span{color:var(--accent)}.top-actions{display:flex;gap:12px;align-items:center}.top-actions a,.top-actions button{color:var(--muted);background:none;border:1px solid var(--line);padding:9px 13px;text-decoration:none}.top-actions a:hover,.top-actions button:hover{color:#fff;border-color:#777}main{max-width:1500px;margin:auto;padding:26px}.login{max-width:430px;margin:8vh auto;border:1px solid var(--line);padding:30px;background:var(--panel)}h1{font-size:25px;margin:4px 0 14px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:.14em;margin:0}.login label{display:grid;gap:7px;color:var(--muted);margin:25px 0 14px}.login input{background:#050505;border:1px solid #555;color:#fff;padding:13px;outline:none}.login input:focus{border-color:var(--accent)}button{border:1px solid var(--line);background:#111;color:#fff;padding:9px 12px}.primary{background:var(--accent);color:#080808;border-color:var(--accent);font-weight:900;width:100%;padding:13px}.error{color:var(--red);min-height:20px}.summary{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr)) auto;border:1px solid var(--line);margin-bottom:20px}.summary>div,.summary>button{padding:14px 16px;border:0;border-right:1px solid var(--line);background:var(--panel)}.summary span{display:block;color:var(--muted);font-size:11px}.summary strong{font-size:20px}.grid{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(580px,1.35fr);gap:20px}.grid>section{border:1px solid var(--line);background:var(--panel);min-height:520px}.section-head{padding:18px;border-bottom:1px solid var(--line)}.section-head h1{margin:2px 0 0}.stack{display:grid}.item{padding:16px 18px;border-bottom:1px solid #242424;display:grid;gap:10px}.item:last-child{border-bottom:0}.item-head{display:flex;align-items:start;justify-content:space-between;gap:10px}.item h2{font-size:15px;margin:0}.meta{color:var(--muted);font-size:12px;display:flex;gap:12px;flex-wrap:wrap}.badge{font-size:10px;padding:3px 7px;border:1px solid #555}.badge.pending{color:var(--accent);border-color:#6d5c18}.badge.playing{color:var(--green);border-color:#28633b}.badge.waiting,.badge.paused{color:var(--cyan);border-color:#245c70}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button,.actions a{padding:8px 10px;border:1px solid #454545;background:#111;color:#fff;text-decoration:none}.actions .accept{border-color:#317a49;color:var(--green)}.actions .danger{border-color:#773030;color:var(--red)}.empty{color:var(--muted);padding:20px}#toast{position:fixed;right:22px;bottom:22px;max-width:430px;background:#111;border:1px solid var(--accent);padding:12px 15px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.15s}#toast.show{opacity:1;transform:none}@media(max-width:1000px){.grid{grid-template-columns:1fr}.summary{grid-template-columns:1fr 1fr}.summary>button{border-top:1px solid var(--line)}main{padding:14px}}