*{box-sizing:border-box}body{margin:0;background:#090d12;color:#edf5fb;font:15px system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:1500px;margin:auto;padding:34px 42px}header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.brand{color:#63c8ec;font-weight:800;letter-spacing:.18em}h1{font-size:48px;letter-spacing:-.04em;margin:10px 0 4px}p,small{color:#8f9ba7}small{display:block;margin-top:4px}.instrument,.scale-row label{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:.1em}.instrument{background:#121820;border:1px solid #303b46;padding:9px 12px;border-radius:12px}select,button{color:#edf5fb;background:#202a35;border:1px solid #3a4855;border-radius:8px;padding:9px 12px;font-weight:700}button{cursor:pointer}button:hover{border-color:#63c8ec}.panel,.board-card{background:#121820;border:1px solid #303b46;border-radius:16px;overflow:hidden}.panel{padding:20px;margin-bottom:20px}.scale-row,.custom-row{display:flex;align-items:center;gap:24px}.scale-row{padding-bottom:18px;border-bottom:1px solid #303b46}.scale-row>div:first-child,.custom-row>div:first-child{min-width:145px}.scale-row>span{margin-left:auto;color:#8f9ba7;font-size:12px}.segmented{display:flex;border:1px solid #303b46;padding:3px;border-radius:10px}.segmented button{border:0;background:transparent}.segmented button.active,#all{background:#63c8ec;color:#061118}.custom-row{padding-top:18px}.filters{display:flex;flex-wrap:wrap;gap:7px;flex:1}.filter{border-radius:999px;min-width:40px;opacity:.45}.filter.active{opacity:1;color:#fff}.actions{display:flex;gap:8px}.quiet{background:transparent}.board-head,.status{display:flex;justify-content:space-between;align-items:center;padding:16px 20px}.board-scroll{overflow-x:auto;padding:20px 14px;background:radial-gradient(circle at 50% 0,#27313b,#080b0e)}.board{min-width:1040px}.numbers,.string,.markers{display:grid;grid-template-columns:82px repeat(12,minmax(72px,1fr))}.numbers span{text-align:center;color:#aab6c0;font-size:10px;height:25px}.string{height:54px;background:linear-gradient(#29333d,#11171d 48%,#090d11 52%,#242d36)}.cell{position:relative;display:grid;place-items:center;border-right:3px ridge #94a3ae}.cell.open{background:#05080b;border-right:6px solid #d5e0e8}.wire{position:absolute;width:100%;background:#d7e0e6;box-shadow:0 1px 2px #000}.note{z-index:1;display:grid;place-items:center;width:35px;height:35px;border:1px solid #dff6ff;border-radius:50%;font-size:12px;font-weight:800;box-shadow:0 4px 12px #000}.note.root{box-shadow:0 0 0 3px #71d8fa,0 0 18px #63d3f6}.markers span{height:28px;text-align:center;color:#8ea6b5}.status{border-top:1px solid #303b46;background:#202a3566;color:#8f9ba7;font-size:12px}@media(max-width:750px){main{padding:22px 14px}header,.scale-row,.custom-row{align-items:stretch;flex-direction:column}.scale-row>span{margin:0}h1{font-size:38px}.status span:last-child{display:none}}