:root{color-scheme:dark;--bg:#10151c;--panel:#171f29;--line:#2b3644;--text:#edf3fa;--muted:#9caec2;--accent:#8ee4cc;--danger:#ffabb2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 system-ui,-apple-system,"Segoe UI","Microsoft JhengHei",sans-serif}main{max-width:1000px;margin:auto;padding:32px 24px 24px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px}.eyebrow,.sectionlabel{font-size:11px;letter-spacing:2px;color:var(--accent);font-weight:700}h1{font-size:27px;line-height:1.2;margin:9px 0}h1 span{font-size:12px;color:var(--muted);margin-left:12px;white-space:nowrap}h2{font-size:24px;margin:18px 0 12px}.badge{font-size:12px;border:1px solid var(--line);border-radius:30px;padding:7px 12px;white-space:nowrap}.badge.live{color:var(--accent);border-color:var(--accent)}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px}.login{max-width:500px;margin:40px auto 64px;padding:30px}.muted,.fine{color:var(--muted)}.fine{font-size:12px;margin-top:22px}label{display:block;margin:18px 0 7px;font-size:13px}input{width:100%;background:#111820;border:1px solid #405063;border-radius:9px;padding:13px 14px;font:inherit;color:var(--text);outline:none}input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #8ee4cc22}button{cursor:pointer;background:var(--accent);border:1px solid var(--accent);border-radius:9px;padding:12px 18px;color:#10221d;font-family:inherit;font-size:15px;font-weight:600;line-height:1.3;min-height:44px}button:disabled{opacity:.4;cursor:default}.secondary{background:transparent;border:1px solid #44536a;color:var(--text)}#signin{width:100%;margin-top:24px}.error{color:var(--danger);font-size:14px;min-height:21px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0}.toolbar .muted{font-size:12px;margin-left:12px}.screen{position:relative;aspect-ratio:16/9;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#090e14}.screen img{width:100%;height:100%;object-fit:contain}.screen:fullscreen{height:100vh;width:100vw;border-radius:0}.screenmeta{position:absolute;bottom:0;left:0;right:0;padding:10px 16px;background:#070c12cc;display:flex;justify-content:space-between;font:10px/1.4 ui-monospace,monospace;letter-spacing:1px}#placeholder{text-align:center;padding:24px;max-width:90%;color:var(--muted)}#placeholder h2{font-size:21px;color:var(--text)}#placeholder p{font-size:14px}.crosshair{font-size:44px;color:var(--accent);line-height:1}.controls{display:flex;gap:10px;margin:18px 0}.controls #start{flex:1}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--line);margin:22px 0}.metrics div{background:var(--panel);padding:16px}.metrics span{display:block;color:var(--muted);font-size:12px}.metrics strong{display:block;font-size:18px;margin-top:6px;font-weight:500}.notice{color:var(--muted);font-size:13px;border-left:2px solid var(--accent);padding:0 14px;margin:24px 0}footer{border-top:1px solid var(--line);padding-top:18px;font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}[hidden]{display:none!important}@media(max-width:600px){main{padding:22px 16px}header{margin-bottom:22px;align-items:flex-start}h1{font-size:21px}h1 span{display:block;margin:7px 0 0}.login{padding:22px;margin:24px auto 40px}h2{font-size:22px}.metrics{grid-template-columns:repeat(2,1fr)}.screen{aspect-ratio:4/3}#placeholder p{font-size:12px}.toolbar .muted{display:block;margin:2px 0}.controls{flex-wrap:wrap}.controls #start{min-width:40%}button{font-size:14px;padding:11px 14px}}