*{box-sizing:border-box}:root{color-scheme:dark;font:16px/1.55 system-ui,"Malgun Gothic",sans-serif;background:#121816;color:#f0f1e8}body{margin:0;background:radial-gradient(ellipse at 87% 4%,#28392e 0,transparent 49%),#121816;min-height:100dvh}header{height:76px;padding:0 clamp(20px,6vw,92px);border-bottom:1px solid #38453d;display:flex;align-items:center;justify-content:space-between}.brand{font:700 23px/1 Georgia,serif;display:flex;align-items:center;gap:12px}.mark{font:900 30px/34px system-ui;background:#c3ed88;color:#23301c;padding:0 6px;border-radius:8px}.tag,.eyebrow,.badge{font:600 11px/1.4 ui-monospace,monospace;letter-spacing:.13em}.tag{color:#b5c1b6}.eyebrow{color:#b7da91}main{width:min(900px,100%);margin:auto;padding:clamp(30px,6vw,70px) clamp(16px,4vw,36px)}h1{font-size:clamp(32px,6vw,54px);line-height:1.2;letter-spacing:-.065em;margin:12px 0}p{color:#bbc6bb;margin:0 0 20px}section{border:1px solid #425045;background:#1c2520;border-radius:14px;padding:clamp(18px,4vw,28px);margin-top:18px}.strip,.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.strip{justify-content:space-between;margin-bottom:16px}.strip b{font-size:18px}.row{margin-top:14px}.badge{color:#d0edac;background:#2f412f;padding:6px 10px;border-radius:20px}.hint{font-size:13px;margin-top:16px;color:#a4b8aa}input,select,button{font:inherit}label{display:block;color:#c4d0c5;font-size:14px;margin:12px 0 5px}input,select{display:block;width:100%;background:#111913;color:#eaf0e6;border:1px solid #4c5b50;border-radius:8px;padding:12px}button,a{cursor:pointer}button{border-radius:8px;padding:10px 16px;font-weight:650;background:#c0ea87;color:#1e2d18;border:1px solid transparent;min-height:44px}button:disabled{opacity:.4;cursor:default}.secondary{background:#29362d;border-color:#536253;color:#e1e9de}.quiet{background:transparent;color:#c3cfc4}a{color:#c5ec91;font-size:14px}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #c5e993;outline-offset:2px}form button{margin-top:18px}.monitor{overflow:hidden;padding:0}.monitor .strip{padding:15px 18px;margin:0}.screen{background:#080e0b;display:flex;align-items:center;justify-content:center;min-height:110px;color:#adc0af}.screen canvas{display:block;max-width:100%;max-height:78dvh;touch-action:none;user-select:none;-webkit-user-drag:none}.controls p{margin:12px 0 0}.controls .row{margin:0}[hidden]{display:none!important}@media(max-width:520px){header{height:60px}.row{gap:8px}button{padding:9px 12px}.monitor{margin-inline:-10px}.tag{font-size:9px}}

#music select{margin-top:6px}#transport{margin-bottom:18px}#logout{margin-top:12px}