:root{--bg:#070a12;--panel: rgba(255,255,255,.05);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.7);--muted2: rgba(255,255,255,.55);--line: rgba(255,255,255,.12);--good:#27f2b4;--warn:#ffcc66;--bad:#ff5a7a}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1100px 600px at 20% 10%,rgba(39,242,180,.12),transparent 55%),radial-gradient(900px 550px at 85% 30%,rgba(255,90,122,.1),transparent 55%),radial-gradient(900px 700px at 50% 90%,rgba(90,150,255,.09),transparent 55%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.container{max-width:980px;margin:0 auto;padding:20px 14px 64px}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.badge{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);background:#ffffff08;padding:8px 10px;border-radius:999px}.h1{font-size:32px;line-height:1.08;margin:10px 0 6px}.p{color:var(--muted);margin:0 0 14px;max-width:72ch}.grid{display:grid;gap:12px}@media (min-width: 820px){.grid.cols2{grid-template-columns:1.2fr .8fr}}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(180deg,#ffffff14,#ffffff08);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none}.button:hover{border-color:#ffffff38}.button.primary{border-color:#27f2b459;box-shadow:0 0 0 3px #27f2b41a}.button:disabled{opacity:.55;cursor:not-allowed}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.small{font-size:13px;color:var(--muted2)}.hr{height:1px;background:var(--line);margin:16px 0;border:0}.kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media (max-width: 420px){.kpi{grid-template-columns:1fr}}.kpi>div{border:1px solid var(--line);background:#ffffff08;border-radius:14px;padding:12px}.kpi .label{font-size:12px;color:var(--muted2)}.kpi .value{font-size:18px;margin-top:4px}.panel{border:1px solid var(--line);background:var(--panel);border-radius:22px;padding:16px}kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;border:1px solid var(--line);border-bottom-width:2px;padding:2px 6px;border-radius:8px;background:#ffffff0a}.canvasWrap{width:min(100%,420px)}.tileGrid{width:min(100%,420px);display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tile{height:78px;border-radius:16px;border:1px solid var(--line);background:#ffffff08;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:22px}.lightsGrid{width:min(100%,420px);display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.lightCell{height:62px;border-radius:16px;border:1px solid var(--line);background:#ffffff08}.lightCell.on{background:radial-gradient(180px 120px at 50% 50%,#27f2b459,#ffffff08);border-color:#27f2b440}