:root{--dme-ink: #0a1230;--dme-mid: #14193a;--dme-flame: #f6c15e;--dme-coral: #ff6b8a;--dme-mint: #8aeac0;--dme-sky: #7ac8ed;--dme-mauve: #c9a8ef;--dme-cream: #f4e7c8;--dme-cream-dim: #b8aa84;--dme-cream-dimmer: #7a7058}body:has(.dme){background:radial-gradient(circle at 20% 8%,#1a1e58 0%,transparent 50%),radial-gradient(circle at 80% 92%,#2a1640 0%,transparent 55%),var(--dme-ink);color:var(--dme-cream);font-family:Inter,-apple-system,system-ui,sans-serif;min-height:100vh}.dme{max-width:780px;margin:0 auto;padding:36px 24px 64px}.dme__hero{margin-bottom:32px}.dme__kicker{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.18em;color:var(--dme-coral);text-transform:uppercase;margin:0 0 12px}.dme__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}.dme__sub{font-size:15px;line-height:1.55;color:var(--dme-cream-dim);margin:0}.dme__sub a{color:var(--dme-sky);text-decoration:underline;text-underline-offset:3px}.dme__stage{background:#ffffff0a;border:1px solid rgba(244,231,200,.1);border-radius:18px;padding:22px;margin-bottom:36px}.dme__banner{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:0 0 18px;background:#ff6b8a1a;border:1px solid rgba(255,107,138,.3);border-radius:10px}.dme__banner-icon{font-size:22px}.dme__banner-body{flex:1;display:flex;flex-direction:column}.dme__banner-title{font-family:Inter Tight,sans-serif;font-weight:700;font-size:15px;color:var(--dme-coral)}.dme__banner-meta{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.04em;color:var(--dme-cream-dim);margin-top:2px}.dme__banner-action{border:1px solid rgba(255,107,138,.6);background:#ff6b8a26;color:var(--dme-coral);padding:8px 14px;border-radius:6px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}.dme__banner-action:hover{background:#ff6b8a40}.dme__slots{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.dme__slot{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:8px 10px;background:#0003;border:1px solid rgba(244,231,200,.08);border-radius:8px;transition:border-color .2s ease}.dme__slot--filled{border-color:#f4e7c833}.dme__slot--playing{border-color:var(--dme-flame);background:#f6c15e0f;box-shadow:0 0 0 2px #f6c15e33}.dme__slot-n{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#f4e7c814;color:var(--dme-cream-dim);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600}.dme__slot--filled .dme__slot-n{background:#f6c15e26;color:var(--dme-flame)}.dme__slot--playing .dme__slot-n{animation:dmePulse 1s ease-in-out infinite}@keyframes dmePulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.dme__slot-body{display:flex;flex-direction:column;gap:6px;min-width:0}.dme__slot-input{width:100%;padding:6px 10px;background:#0000004d;border:1px solid rgba(244,231,200,.12);border-radius:4px;color:var(--dme-cream);font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.02em;box-sizing:border-box}.dme__slot-input:focus{outline:0;border-color:var(--dme-flame);background:#00000073}.dme__slot-mini{display:grid;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(4,1fr);gap:2px;aspect-ratio:16 / 4;max-height:56px;background:#0000004d;border-radius:4px;padding:3px}.dme__slot-mini[data-empty=true]{background-image:repeating-linear-gradient(45deg,rgba(244,231,200,.03),rgba(244,231,200,.03) 4px,transparent 4px,transparent 8px)}.dme__mini-cell{background:#f4e7c80f;border-radius:1px;min-width:0;min-height:0}.dme__mini-cell--on{background:var(--cell-color)}.dme__mini-cell--low.dme__mini-cell--on{--cell-color: #f6c15e}.dme__mini-cell--mid.dme__mini-cell--on{--cell-color: #ff8a70}.dme__mini-cell--high.dme__mini-cell--on{--cell-color: #c9a8ef}.dme__mini-cell--bell.dme__mini-cell--on{--cell-color: #8aeac0}.dme__mini-cell--play{box-shadow:0 0 0 2px var(--dme-cream);transform:scale(.92)}.dme__slot-aside{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.dme__slot-bpm{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--dme-flame);white-space:nowrap}.dme__slot-remove{border:1px solid rgba(255,107,138,.3);background:transparent;color:var(--dme-coral);font-family:JetBrains Mono,monospace;font-size:10px;padding:3px 8px;border-radius:4px;cursor:pointer}.dme__slot-remove:hover{background:#ff6b8a1a}.dme__transport{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.dme__btn{border:1px solid rgba(244,231,200,.25);background:#f4e7c814;color:var(--dme-cream);padding:10px 18px;border-radius:8px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}.dme__btn:hover{background:#f4e7c829}.dme__btn--play{background:#f6c15e26;border-color:#f6c15e73;color:var(--dme-flame)}.dme__btn--play:hover{background:#f6c15e40}.dme__transport-meta{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--dme-cream-dim)}.dme__actions{display:flex;flex-wrap:wrap;gap:10px}.dme__action{flex:0 0 auto;border:1px solid rgba(244,231,200,.18);background:#f4e7c80f;color:var(--dme-cream);padding:10px 16px;border-radius:8px;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;text-decoration:none}.dme__action:hover{background:#f4e7c824;border-color:#f4e7c859}.dme__action--primary{background:#ff6b8a26;border-color:#ff6b8a73;color:var(--dme-coral)}.dme__action--primary:hover{background:#ff6b8a40}.dme__action--ghost{color:var(--dme-cream-dim);background:transparent;border-color:#f4e7c81a}.dme__notes{max-width:700px}.dme__notes-h{font-family:Inter Tight,sans-serif;font-weight:700;font-size:22px;letter-spacing:-.01em;color:var(--dme-cream);margin:0 0 12px}.dme__notes p{font-size:14px;line-height:1.6;color:var(--dme-cream-dim);margin:0 0 12px}.dme__notes em{color:var(--dme-flame);font-style:italic}.dme__notes strong{color:var(--dme-cream);font-weight:600}.dme__notes code{font-family:JetBrains Mono,monospace;font-size:12px;padding:1px 6px;border-radius:4px;background:#f4e7c814;color:var(--dme-mint)}.dme__notes a{color:var(--dme-coral);text-decoration:underline;text-underline-offset:3px}.dme__toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(20px);background:#000000d9;color:var(--dme-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)}.dme__toast--show{opacity:1;transform:translate(-50%) translateY(0)}