:root{--g:#a0c969;--k:#000;--w:#fff;--mut:#6b6b6b;--line:#e6e6e6;color:var(--k);background:var(--w);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;cursor:pointer;text-decoration:none}button{background:var(--k);color:var(--w);cursor:pointer;border:0;border-radius:10px;padding:10px 14px;font-size:15px;font-weight:600}button:disabled{opacity:.4}button.secondary{background:var(--g);color:var(--k)}button.ghost{color:var(--k);border:1px solid var(--line);background:0 0}input,textarea{border:1px solid var(--line);border-radius:10px;width:100%;padding:10px;font-size:16px}label{color:var(--mut);text-transform:capitalize;margin:8px 0;font-size:13px;display:block}.brand{letter-spacing:-.5px;font-weight:800}.brand span{color:var(--g)}.brand.big{text-align:center;font-size:34px}.center,.login{place-items:center;min-height:100vh;padding:16px;display:grid}.card{background:var(--w);border:1px solid var(--line);border-radius:16px;gap:10px;width:100%;max-width:420px;padding:20px;display:grid}.top{z-index:5;background:var(--k);color:var(--w);align-items:center;gap:16px;padding:10px 16px;display:flex;position:sticky;top:0}.top nav{gap:6px;display:flex}.top nav a{border-radius:8px;padding:6px 10px}.top nav a.on{background:var(--g);color:var(--k)}.status{align-items:center;gap:8px;margin-left:auto;display:flex}.status .ghost{color:var(--w);border-color:#333;padding:6px 10px}main{max-width:1400px;margin:0 auto;padding:16px}h2{margin:4px 0 12px}.muted{color:var(--mut)}.msg{background:#fff6e0;border-radius:8px;padding:8px 10px}.pill{color:var(--k);white-space:nowrap;background:#f0f0f0;border-radius:99px;padding:2px 8px;font-size:12px}.pill.green,.pill.live{background:var(--g)}.pill.warn{background:#fc6}.list{gap:8px;margin:8px 0;padding:0;list-style:none;display:grid}.list a{border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.list a.on{border-color:var(--g);box-shadow:0 0 0 2px var(--g) inset}.list a .pill{margin-left:auto}.row{justify-content:space-between;align-items:center;gap:8px;display:flex}.tabs{gap:6px;margin-bottom:10px;display:flex;overflow-x:auto}.tabs button{color:var(--k);white-space:nowrap;background:#f0f0f0}.tabs button.on{background:var(--g)}.board{gap:12px;display:grid}.col{display:none}.col.active{display:block}.col h3{border-bottom:3px solid var(--g);margin:0 0 8px;padding-bottom:6px}.ex{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:10px}.ex-head{justify-content:space-between;gap:8px;display:flex}.hints{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.done{margin:4px 0 6px 18px;padding:0;font-size:14px}.logrow{grid-template-columns:1fr 1fr auto;gap:6px;display:grid}.logrow input{padding:12px;font-size:18px}.logrow button{background:var(--g);color:var(--k)}.split{gap:16px;display:grid}.video{aspect-ratio:16/9;background:#000;border:0;border-radius:12px;width:100%}@media (width>=768px){.tabs{display:none}.board{grid-template-columns:repeat(var(--cols,2), minmax(260px, 1fr))}.col{display:block}.split{grid-template-columns:minmax(280px,380px) 1fr}.detail{align-self:start;position:sticky;top:70px}}