:root{--dcr-ink: #0a1230;--dcr-mid: #14193a;--dcr-flame: #f6c15e;--dcr-coral: #ff6b8a;--dcr-mint: #8aeac0;--dcr-sky: #7ac8ed;--dcr-mauve: #c9a8ef;--dcr-cream: #f4e7c8;--dcr-cream-dim: #b8aa84}body:has(.dcr){background:radial-gradient(circle at 15% 5%,#1a1e58 0%,transparent 50%),radial-gradient(circle at 85% 95%,#2a1640 0%,transparent 55%),var(--dcr-ink);color:var(--dcr-cream);font-family:Inter,-apple-system,system-ui,sans-serif;min-height:100vh}.dcr{max-width:780px;margin:0 auto;padding:36px 24px 64px}.dcr__hero{margin-bottom:32px}.dcr__kicker{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.18em;color:var(--dcr-coral);text-transform:uppercase;margin:0 0 12px}.dcr__title{font-family:Inter Tight,sans-serif;font-weight:800;font-size:clamp(32px,5.5vw,52px);letter-spacing:-.025em;line-height:1.04;margin:0 0 16px}.dcr__sub{font-size:15px;line-height:1.55;color:var(--dcr-cream-dim);margin:0}.dcr__sub a{color:var(--dcr-flame)}.dcr__stage{background:#ffffff0a;border:1px solid rgba(244,231,200,.1);border-radius:18px;padding:22px;margin-bottom:36px}.dcr__banner{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:0 0 18px;background:#7ac8ed1a;border:1px solid rgba(122,200,237,.3);border-radius:10px}.dcr__banner-icon{font-size:22px}.dcr__banner-body{flex:1;display:flex;flex-direction:column}.dcr__banner-from{font-family:Inter Tight,sans-serif;font-weight:700;font-size:15px;color:var(--dcr-sky)}.dcr__banner-meta{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.04em;color:var(--dcr-cream-dim);margin-top:2px}.dcr__banner-action{border:1px solid rgba(122,200,237,.6);background:#7ac8ed26;color:var(--dcr-sky);padding:8px 14px;border-radius:6px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}.dcr__banner-action:hover{background:#7ac8ed40}.dcr__half{margin-bottom:8px}.dcr__half-label{display:flex;align-items:baseline;gap:12px;margin-bottom:8px;padding-left:4px}.dcr__half-tag{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.18em;color:var(--dcr-flame);font-weight:700;padding:2px 8px;background:#f6c15e26;border-radius:4px}.dcr__half-tag--response{color:var(--dcr-sky);background:#7ac8ed26}.dcr__half-meta{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.04em;color:var(--dcr-cream-dim)}.dcr__half--locked .dcr__grid{opacity:.5}.dcr__half--locked .dcr__cell{cursor:not-allowed}.dcr__half--locked .dcr__cell:hover{background:#f4e7c80f}.dcr__half--locked .dcr__cell--on:hover{background:var(--cell-color)}.dcr__bridge{display:flex;align-items:center;gap:10px;margin:4px 0;padding:0 4px}.dcr__bridge-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(244,231,200,.18),transparent)}.dcr__bridge-arrow{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.18em;color:var(--dcr-cream-dim);text-transform:uppercase}.dcr__grid-wrap{display:grid;grid-template-columns:1fr 60px;gap:12px}@media(max-width:560px){.dcr__grid-wrap{grid-template-columns:1fr 48px;gap:8px}}.dcr__grid{display:grid;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(4,1fr);gap:4px;aspect-ratio:16 / 4;background:#0000004d;border-radius:8px;padding:6px}.dcr__cell{background:#f4e7c80f;border:1px solid rgba(244,231,200,.1);border-radius:3px;cursor:pointer;transition:background 80ms ease,transform 60ms ease;min-width:0;min-height:0;padding:0}.dcr__cell:hover{background:#f4e7c829}.dcr__cell--on{background:var(--cell-color);border-color:var(--cell-color)}.dcr__cell--low.dcr__cell--on{--cell-color: #f6c15e}.dcr__cell--mid.dcr__cell--on{--cell-color: #ff8a70}.dcr__cell--high.dcr__cell--on{--cell-color: #c9a8ef}.dcr__cell--bell.dcr__cell--on{--cell-color: #8aeac0}.dcr__cell--play{box-shadow:0 0 0 2px var(--dcr-cream);transform:scale(.95)}.dcr__cell:nth-child(16n+5),.dcr__cell:nth-child(16n+9),.dcr__cell:nth-child(16n+13){margin-left:2px}.dcr__voice-labels{display:grid;grid-template-rows:repeat(4,1fr);gap:4px;padding:6px 0}.dcr__voice{display:flex;align-items:center;justify-content:flex-end;font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.12em;color:var(--dcr-cream-dim)}.dcr__voice--low{color:#f6c15e}.dcr__voice--mid{color:#ff8a70}.dcr__voice--high{color:#c9a8ef}.dcr__voice--bell{color:#8aeac0}.dcr__transport{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 0}.dcr__btn{border:1px solid rgba(244,231,200,.25);background:#f4e7c814;color:var(--dcr-cream);padding:10px 18px;border-radius:8px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;letter-spacing:.02em}.dcr__btn:hover{background:#f4e7c829}.dcr__btn--play{background:#f6c15e26;border-color:#f6c15e73;color:var(--dcr-flame)}.dcr__btn--play:hover{background:#f6c15e40}.dcr__bpm-wrap{display:flex;align-items:center;gap:10px;flex:1;min-width:220px}.dcr__bpm-label{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.12em;color:var(--dcr-cream-dim)}.dcr__bpm{flex:1;accent-color:var(--dcr-flame);cursor:pointer}.dcr__bpm-readout{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--dcr-flame);min-width:32px;text-align:right}.dcr__actions{display:flex;flex-wrap:wrap;gap:10px}.dcr__action{flex:0 0 auto;border:1px solid rgba(244,231,200,.18);background:#f4e7c80f;color:var(--dcr-cream);padding:10px 16px;border-radius:8px;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;text-decoration:none}.dcr__action:hover{background:#f4e7c824;border-color:#f4e7c859}.dcr__action--primary{background:#ff6b8a26;border-color:#ff6b8a73;color:var(--dcr-coral)}.dcr__action--primary:hover{background:#ff6b8a40}.dcr__action--ghost{color:var(--dcr-cream-dim);background:transparent;border-color:#f4e7c81a}.dcr__notes{max-width:700px}.dcr__notes-h{font-family:Inter Tight,sans-serif;font-weight:700;font-size:22px;letter-spacing:-.01em;color:var(--dcr-cream);margin:0 0 12px}.dcr__notes p,.dcr__notes li{font-size:14px;line-height:1.6;color:var(--dcr-cream-dim);margin:0 0 12px}.dcr__notes ul{list-style:none;padding-left:0;margin:0 0 12px}.dcr__notes li{padding-left:18px;position:relative;margin-bottom:6px}.dcr__notes li:before{content:"·";position:absolute;left:6px;color:var(--dcr-flame)}.dcr__notes em{color:var(--dcr-flame);font-style:italic}.dcr__notes strong{color:var(--dcr-cream);font-weight:600}.dcr__notes code{font-family:JetBrains Mono,monospace;font-size:12px;padding:1px 6px;border-radius:4px;background:#f4e7c814;color:var(--dcr-mint)}.dcr__notes a{color:var(--dcr-coral);text-decoration:underline;text-underline-offset:3px}.dcr__toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(20px);background:#000000d9;color:var(--dcr-flame);padding:10px 18px;border-radius:6px;font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.04em;opacity:0;pointer-events:none;transition:opacity .24s ease,transform .24s ease;z-index:50;border:1px solid rgba(246,193,94,.4)}.dcr__toast--show{opacity:1;transform:translate(-50%) translateY(0)}