:root{--dsh-ink: #0a1230;--dsh-mid: #14193a;--dsh-flame: #f6c15e;--dsh-coral: #ff6b8a;--dsh-mint: #8aeac0;--dsh-sky: #7ac8ed;--dsh-mauve: #c9a8ef;--dsh-cream: #f4e7c8;--dsh-cream-dim: #b8aa84;--dsh-cream-dimmer: #6e6850}body:has(.dsh){background:radial-gradient(circle at 20% 10%,#1a1e58 0%,transparent 50%),radial-gradient(circle at 80% 90%,#2a1640 0%,transparent 55%),var(--dsh-ink);color:var(--dsh-cream);font-family:Inter,-apple-system,system-ui,sans-serif;min-height:100vh}.dsh{max-width:820px;margin:0 auto;padding:36px 24px 64px}.dsh__hero{margin-bottom:28px}.dsh__kicker{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.18em;color:var(--dsh-coral);text-transform:uppercase;margin:0 0 12px}.dsh__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 14px}.dsh__sub{font-size:15px;line-height:1.55;color:var(--dsh-cream-dim);margin:0}.dsh__sub a{color:var(--dsh-flame);text-decoration:underline;text-underline-offset:3px}.dsh__sub code{font-family:JetBrains Mono,monospace;font-size:13px;padding:1px 6px;border-radius:4px;background:#f4e7c814;color:var(--dsh-mint)}.dsh__list{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}.dsh__row{display:grid;grid-template-columns:132px 1fr auto;gap:16px;align-items:center;padding:12px 14px;background:#ffffff0a;border:1px solid rgba(244,231,200,.1);border-radius:12px;cursor:pointer;text-decoration:none;color:inherit;transition:background .16s ease,border-color .16s ease,transform .1s ease}.dsh__row:hover{background:#ffffff14;border-color:#f4e7c84d}.dsh__row:active{transform:translateY(1px)}@media(max-width:560px){.dsh__row{grid-template-columns:100px 1fr auto;gap:12px;padding:10px 12px}}.dsh__mini{display:grid;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(4,1fr);gap:2px;aspect-ratio:16 / 4;background:#0000004d;border-radius:4px;padding:3px}.dsh__mini-cell{background:#f4e7c80f;border-radius:1px;min-width:0;min-height:0}.dsh__mini-cell--on{background:var(--mini-color)}.dsh__mini-cell--low.dsh__mini-cell--on{--mini-color: #f6c15e}.dsh__mini-cell--mid.dsh__mini-cell--on{--mini-color: #ff8a70}.dsh__mini-cell--high.dsh__mini-cell--on{--mini-color: #c9a8ef}.dsh__mini-cell--bell.dsh__mini-cell--on{--mini-color: #8aeac0}.dsh__mini-stack{display:flex;flex-direction:column;gap:2px}.dsh__mini-stack .dsh__mini:first-child{border-left:2px solid var(--dsh-flame)}.dsh__mini-stack .dsh__mini:last-child{border-left:2px solid var(--dsh-sky)}.dsh__mini-strip{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;aspect-ratio:8 / 1}.dsh__mini-beat{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:1px;background:#0000004d;border-radius:2px;padding:1px;aspect-ratio:1}.dsh__mini-beat--empty{opacity:.2}.dsh__mini-melody{display:grid;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(15,1fr);gap:1px;aspect-ratio:16 / 7;background:#00000059;border-radius:4px;padding:2px}.dsh__melody-cell{background:transparent;border-radius:1px;min-width:0;min-height:0}.dsh__melody-cell--on{background:var(--melody-color)}.dsh__melody-cell--low.dsh__melody-cell--on{--melody-color: #ff8a70}.dsh__melody-cell--mid.dsh__melody-cell--on{--melody-color: #c9a8ef}.dsh__melody-cell--high.dsh__melody-cell--on{--melody-color: #8aeac0}.dsh__meta{display:flex;flex-direction:column;gap:4px;min-width:0}.dsh__meta-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dsh__chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:600}.dsh__chip--made{background:#ff6b8a26;color:var(--dsh-coral)}.dsh__chip--received{background:#7ac8ed26;color:var(--dsh-sky)}.dsh__chip--kind-bottle{background:#f6c15e1f;color:var(--dsh-flame)}.dsh__chip--kind-call{background:#7ac8ed1f;color:var(--dsh-sky)}.dsh__chip--kind-octet{background:#8aeac01f;color:var(--dsh-mint)}.dsh__chip--kind-melody{background:#c9a8ef1f;color:var(--dsh-mauve)}.dsh__from{font-family:Inter Tight,sans-serif;font-weight:700;font-size:14px;color:var(--dsh-cream)}.dsh__bpm{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--dsh-flame)}.dsh__time{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--dsh-cream-dimmer)}.dsh__open{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.12em;color:var(--dsh-coral);text-transform:uppercase;white-space:nowrap}@media(max-width:560px){.dsh__open{font-size:9px}}.dsh__empty{text-align:center;padding:48px 24px;background:#ffffff08;border:1px dashed rgba(244,231,200,.2);border-radius:16px;margin-bottom:28px}.dsh__empty-icon{font-size:48px;margin:0 0 12px}.dsh__empty-msg{font-family:Inter Tight,sans-serif;font-weight:700;font-size:22px;color:var(--dsh-cream);margin:0 0 6px}.dsh__empty-sub{font-size:14px;color:var(--dsh-cream-dim);margin:0}.dsh__empty-sub a{color:var(--dsh-flame);text-decoration:underline}.dsh__footer{display:flex;align-items:center;justify-content:space-between;padding:16px 0 12px;margin-bottom:32px;border-top:1px solid rgba(244,231,200,.1);flex-wrap:wrap;gap:12px}.dsh__footer-buttons{display:flex;gap:8px;align-items:center}.dsh__play-all,.dsh__stop-all{border:1px solid rgba(246,193,94,.45);background:#f6c15e1f;color:var(--dsh-flame);font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.04em;padding:8px 16px;border-radius:6px;cursor:pointer}.dsh__play-all:hover,.dsh__stop-all:hover{background:#f6c15e38}.dsh__stop-all{border-color:#ff6b8a73;background:#ff6b8a1f;color:var(--dsh-coral)}.dsh__stop-all:hover{background:#ff6b8a38}.dsh__clear{border:1px solid rgba(244,231,200,.18);background:transparent;color:var(--dsh-cream-dim);font-family:inherit;font-size:12px;letter-spacing:.06em;padding:8px 14px;border-radius:6px;cursor:pointer}.dsh__clear:hover{color:var(--dsh-coral);border-color:#ff6b8a66;background:#ff6b8a0f}.dsh__count{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--dsh-cream-dim)}.dsh__row--playing{border-color:var(--dsh-flame)!important;box-shadow:0 0 0 2px #f6c15e4d;background:#f6c15e0f!important}.dsh__row--playing:before{content:"▶";position:absolute;left:-22px;top:50%;transform:translateY(-50%);color:var(--dsh-flame);font-size:14px;animation:dshPulse 1.2s ease-in-out infinite}.dsh__row{position:relative}@keyframes dshPulse{0%,to{opacity:.6;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.15)}}.dsh__notes{max-width:680px}.dsh__notes-h{font-family:Inter Tight,sans-serif;font-weight:700;font-size:20px;letter-spacing:-.01em;color:var(--dsh-cream);margin:0 0 12px}.dsh__notes p{font-size:14px;line-height:1.6;color:var(--dsh-cream-dim);margin:0 0 12px}.dsh__notes a{color:var(--dsh-coral);text-decoration:underline;text-underline-offset:3px}.dsh__toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(20px);background:#000000d9;color:var(--dsh-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)}.dsh__toast--show{opacity:1;transform:translate(-50%) translateY(0)}