:root{--dl-ink: #0a1230;--dl-ink-deep: #060a1c;--dl-flame: #f6c15e;--dl-flame-deep: #d68f2c;--dl-coral: #ff6b8a;--dl-mint: #8aeac0;--dl-sky: #7ac8ed;--dl-mauve: #c9a8ef;--dl-cream: #f4e7c8;--dl-cream-dim: #b8aa84;--dl-cream-dimmer: #7a7058}body:has(.dl){background:radial-gradient(circle at 20% 0%,#2a1e58 0%,transparent 45%),radial-gradient(circle at 80% 100%,#1a2e58 0%,transparent 50%),var(--dl-ink);color:var(--dl-cream);font-family:Inter,-apple-system,system-ui,sans-serif;min-height:100vh}.dl{max-width:920px;margin:0 auto;padding:32px 20px 48px}.dl__hero{max-width:720px;margin:0 auto 32px}.dl__hero-row{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.dl__live-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;background:#ff6b8a2e;border:1px solid rgba(255,107,138,.42);font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.16em;color:var(--dl-coral)}.dl__live-dot{width:7px;height:7px;border-radius:50%;background:var(--dl-coral);box-shadow:0 0 8px #ff6b8ab3;animation:dlLiveBlink 1.4s ease-in-out infinite}@keyframes dlLiveBlink{0%,to{opacity:1}50%{opacity:.35}}.dl__here{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.08em;color:var(--dl-cream-dim)}.dl__here strong{color:var(--dl-flame);font-weight:600}.dl__title{font-family:Inter Tight,sans-serif;font-weight:800;font-size:clamp(40px,7vw,72px);letter-spacing:-.03em;line-height:.98;margin:0 0 14px;color:var(--dl-cream);text-shadow:0 4px 24px rgba(0,0,0,.5)}.dl__sub{font-size:16px;line-height:1.55;color:var(--dl-cream-dim);margin:0}.dl__pads{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}@media(max-width:600px){.dl__pads{grid-template-columns:1fr 1fr}}.dl__pad{position:relative;aspect-ratio:1;border-radius:20px;border:0;padding:0;cursor:pointer;transition:transform 80ms ease,box-shadow .2s ease;box-shadow:inset 0 -8px 14px #0006,inset 0 6px 10px #ffffff2e,0 8px 20px #00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;overflow:hidden;touch-action:manipulation;user-select:none;-webkit-tap-highlight-color:transparent}.dl__pad:active{transform:scale(.96) translateY(2px)}.dl__pad--low{background:linear-gradient(160deg,#f4a050,#8a4218);color:#2a1a08}.dl__pad--mid{background:linear-gradient(160deg,#ff8a9a,#c43048);color:#2a0810}.dl__pad--high{background:linear-gradient(160deg,#c9a8ef,#5a3a8c);color:#1a0a30}.dl__pad--bell{background:linear-gradient(160deg,#8aeac0,#2a8a68);color:#0a2a18}.dl__pad-label{font-family:Inter Tight,sans-serif;font-weight:800;font-size:clamp(20px,4vw,28px);letter-spacing:.02em;text-shadow:0 2px 6px rgba(0,0,0,.32);position:relative;z-index:2}.dl__pad-pitch{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.14em;opacity:.72;text-shadow:0 1px 3px rgba(0,0,0,.3);position:relative;z-index:2}.dl__pad-ring{position:absolute;inset:8%;border-radius:50%;border:2px solid currentColor;opacity:0;transform:scale(.9);transition:opacity 80ms ease,transform 80ms ease;pointer-events:none}.dl__pad--struck .dl__pad-ring{animation:dlRing .8s ease-out}@keyframes dlRing{0%{opacity:.7;transform:scale(.8)}to{opacity:0;transform:scale(1.4)}}.dl__pad--struck-other .dl__pad-ring{animation:dlRingOther 1.2s ease-out}@keyframes dlRingOther{0%{opacity:.4;transform:scale(.85);border-style:dashed}to{opacity:0;transform:scale(1.3);border-style:dashed}}.dl__activity{background:#00000052;border:1px solid rgba(246,193,94,.16);border-radius:16px;padding:14px 16px;margin-bottom:18px}.dl__activity-label{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.14em;color:var(--dl-cream-dimmer);margin:0 0 10px}.dl__activity-row{display:flex;gap:6px;flex-wrap:nowrap;align-items:center;min-height:28px;overflow:hidden}.dl__activity-row:empty:before{content:"no taps yet";font-family:JetBrains Mono,monospace;font-size:11px;color:var(--dl-cream-dimmer)}.dl__act-dot{width:22px;height:22px;border-radius:50%;flex-shrink:0;animation:dlDotIn .36s ease-out;box-shadow:0 2px 6px #0000004d;position:relative}.dl__act-dot--self{box-shadow:0 0 0 2px #f6c15e8c,0 2px 6px #0000004d}@keyframes dlDotIn{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.dl__activity-hint{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--dl-cream-dimmer);margin:10px 0 0}.dl__panel{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:28px}.dl__toggle,.dl__share{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;border:1px solid rgba(244,231,200,.22);background:transparent;color:var(--dl-cream);cursor:pointer;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.1em;text-decoration:none;transition:background .1s ease}.dl__toggle:hover,.dl__share:hover{background:#f4e7c814}.dl__toggle-dot{width:8px;height:8px;border-radius:50%;background:var(--dl-mint);box-shadow:0 0 6px #8aeac08c}.dl__toggle[aria-pressed=false] .dl__toggle-dot{background:var(--dl-cream-dimmer);box-shadow:none}.dl__share-icon{font-size:13px;color:var(--dl-flame)}.dl__share-status{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--dl-mint)}.dl__about{max-width:720px;margin:0 auto;padding-top:24px;border-top:1px solid rgba(244,231,200,.12)}.dl__about-h{font-family:Inter Tight,sans-serif;font-weight:700;font-size:20px;letter-spacing:-.01em;color:var(--dl-cream);margin:0 0 12px}.dl__about p{font-size:14px;line-height:1.6;color:var(--dl-cream-dim);margin:0 0 12px}.dl__about code{font-family:JetBrains Mono,monospace;font-size:12px;padding:1px 6px;border-radius:4px;background:#f4e7c814;color:var(--dl-flame)}.dl__about a{color:var(--dl-flame);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}