:root{--dll-ink: #060a18;--dll-deep: #0a1230;--dll-flame: #f6c15e;--dll-coral: #ff6b8a;--dll-mint: #8aeac0;--dll-mauve: #c9a8ef;--dll-sky: #7ac8ed;--dll-cream: #f4e7c8;--dll-cream-dim: #8a8a9a}html,body{background:var(--dll-ink);margin:0;padding:0}body:has(.dll){background:radial-gradient(circle at 10% 0%,#1a1238 0%,transparent 45%),radial-gradient(circle at 90% 100%,#0e1a38 0%,transparent 50%),var(--dll-ink);color:var(--dll-cream);font-family:Inter,-apple-system,system-ui,sans-serif;min-height:100vh}.dll{max-width:1080px;margin:0 auto;padding:28px 20px 60px}.dll__hud{display:flex;align-items:center;gap:14px;margin-bottom:28px;flex-wrap:wrap}.dll__live-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:14px;background:#ff6b8a2e;border:1px solid rgba(255,107,138,.42);font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.16em;color:var(--dll-coral)}.dll__live-dot{width:8px;height:8px;border-radius:50%;background:var(--dll-coral);box-shadow:0 0 10px #ff6b8ab3;animation:dllBlink 1.4s ease-in-out infinite}@keyframes dllBlink{0%,to{opacity:1}50%{opacity:.35}}.dll__here{font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.08em;color:var(--dll-cream-dim);padding:6px 12px;background:#00000052;border-radius:14px}.dll__here strong{color:var(--dll-flame);font-weight:600}.dll__grid-wrap{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:stretch;background:#00000052;border:1px solid rgba(244,231,200,.1);border-radius:18px;padding:16px;margin-bottom:22px}.dll__grid{display:grid;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(4,1fr);gap:4px;flex:1;min-height:220px}.dll__cell{position:relative;border-radius:6px;background:#f4e7c80a;border:1px solid rgba(244,231,200,.06);transition:background 80ms linear,border-color .1s ease}.dll__cell--col0{border-left:2px solid rgba(246,193,94,.32)}.dll__cell--low.dll__cell--lit{background:rgba(255,138,160,calc(var(--lit, 0)));border-color:#ff6b8a8c}.dll__cell--mid.dll__cell--lit{background:rgba(246,193,94,calc(var(--lit, 0)));border-color:#f6c15e8c}.dll__cell--high.dll__cell--lit{background:rgba(122,200,237,calc(var(--lit, 0)));border-color:#7ac8ed8c}.dll__cell--bell.dll__cell--lit{background:rgba(138,234,192,calc(var(--lit, 0)));border-color:#8aeac08c}.dll__cell--playhead{outline:2px solid var(--dll-flame);outline-offset:-1px;box-shadow:0 0 12px #f6c15e73}.dll__cell--self{box-shadow:inset 0 0 0 2px #f6c15ed9}.dll__legend{display:flex;flex-direction:column;justify-content:space-evenly;gap:4px;padding:4px 6px}.dll__legend-row{display:flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.1em;color:var(--dll-cream-dim)}.dll__legend-swatch{width:14px;height:14px;border-radius:4px;flex-shrink:0}.dll__legend-swatch--low{background:#ff6b8ab3}.dll__legend-swatch--mid{background:#f6c15eb3}.dll__legend-swatch--high{background:#7ac8edb3}.dll__legend-swatch--bell{background:#8aeac0b3}.dll__pads{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:28px}.dll__pad{padding:18px;border-radius:14px;border:0;color:#1a0c20;cursor:pointer;font-family:Inter Tight,sans-serif;font-weight:800;font-size:18px;letter-spacing:.06em;transition:transform 80ms ease;box-shadow:inset 0 -5px 10px #0000004d,inset 0 4px 6px #ffffff29,0 6px 18px #00000073;touch-action:manipulation;user-select:none;-webkit-tap-highlight-color:transparent}.dll__pad:active{transform:scale(.97) translateY(2px)}.dll__pad--low{background:linear-gradient(160deg,#ff8aa0,#c43048);color:#2a0810}.dll__pad--mid{background:linear-gradient(160deg,#f4c150,#8a4218);color:#2a1a08}.dll__pad--high{background:linear-gradient(160deg,#7ac8ed,#2a558c);color:#0a1830}.dll__pad--bell{background:linear-gradient(160deg,#8aeac0,#2a8a68);color:#0a2a18}.dll__about{max-width:720px;padding-top:24px;border-top:1px solid rgba(244,231,200,.12)}.dll__about-h{font-family:Inter Tight,sans-serif;font-weight:700;font-size:20px;letter-spacing:-.01em;color:var(--dll-cream);margin:0 0 12px}.dll__about p{font-size:14px;line-height:1.6;color:var(--dll-cream-dim);margin:0 0 12px}.dll__about code{font-family:JetBrains Mono,monospace;font-size:12px;padding:1px 6px;border-radius:4px;background:#f4e7c814;color:var(--dll-flame)}.dll__about a{color:var(--dll-flame);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}