@import url("https://fonts.googleapis.com/css2?family=Anybody:wght@700;800&family=Hanken+Grotesk:wght@400;500;600;700&display=swap");:root{--di-bg:#131313;--di-surface:#1e1e1e;--di-surface-2:#1c1b1b;--di-surface-3:#2a2a2a;--di-text:#e5e2e1;--di-muted:#9a96a3;--di-pink:#ff007a;--di-pink-strong:#e6006e;--di-orange:#ff6b00;--di-lime:#adff00;--di-gold:#ffd700;--di-purple:#9d00ff;--di-green:#00e676;--di-cyan:#00f0ff;--di-radius-sm:0.5rem;--di-radius:14px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--font-display:"Anybody",system-ui,sans-serif;--font-body:"Hanken Grotesk",system-ui,sans-serif;--header-height:56px;--header-logo-size:40px;--scrollbar-size:8px;--scrollbar-thumb:color-mix(in srgb,var(--di-pink) 55%,#666);--scrollbar-track:color-mix(in srgb,#fff 8%,transparent)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--di-bg);color:var(--di-text);font-family:var(--font-body);min-height:100%;overflow-x:hidden}body{background:radial-gradient(1000px 480px at 8% -8%,rgba(255,0,122,.14),transparent 55%),radial-gradient(800px 420px at 100% 0,rgba(173,255,0,.07),transparent 50%),var(--di-bg)}a{color:var(--di-pink);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.di-shell{width:min(1120px,100%);margin:0 auto;padding:calc(var(--header-height) + 12px) 14px 48px;overflow-x:hidden}.di-header{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--header-height);background:var(--di-surface);box-shadow:0 4px 12px rgba(0,0,0,.35);display:flex;align-items:center}.di-header-inner{width:min(1120px,100%);margin:0 auto;padding:0 14px;justify-content:space-between;gap:12px}.di-brand-link,.di-header-inner{display:flex;align-items:center;min-width:0}.di-brand-link{gap:8px;color:inherit}.di-brand-link,.di-brand-link:hover{text-decoration:none}.di-brand-mark{width:var(--header-logo-size);height:var(--header-logo-size);border-radius:var(--di-radius-sm);background:radial-gradient(circle at 35% 30%,#ff4d9a,var(--di-pink-strong) 55%,#7a0038);border:1px solid rgba(255,255,255,.9);box-shadow:0 2px 0 #0a0a0a;flex-shrink:0}.di-brand-text{display:flex;flex-direction:column;line-height:1.05;min-width:0}.di-brand-name{font-family:var(--font-display);font-weight:800;font-size:.95rem;letter-spacing:-.04em;text-transform:uppercase;white-space:nowrap}.di-brand-sub{color:var(--di-muted);font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.di-header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.di-nav-pill{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;height:var(--header-logo-size);min-width:min(420px,58vw);border:1px solid color-mix(in srgb,#fff 18%,#000);border-radius:var(--di-radius-sm);background:#141414;box-shadow:0 2px 0 #0a0a0a;overflow:hidden}.di-nav-pill>span{display:contents}.di-nav-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:100%;min-width:0;padding:0 8px;color:rgba(255,255,255,.55);background:color-mix(in srgb,#fff 6%,transparent);text-decoration:none;font-weight:700;font-size:.7rem;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;border-right:1px solid #333;transition:color .12s ease,background .12s ease,filter .12s ease}.di-nav-link:last-child,.di-nav-pill>span:last-child .di-nav-link{border-right:0}.di-nav-link:hover{color:rgba(255,255,255,.85);text-decoration:none;filter:saturate(1.05)}.di-nav-link.is-active{color:#fff;background:color-mix(in srgb,var(--di-pink) 28%,#1a1a1a);filter:saturate(1.25);text-decoration:none;box-shadow:inset 0 -2px 0 var(--di-pink-strong)}.di-nav-split{display:none}.di-nav-icon{width:18px;height:18px;flex-shrink:0}.di-lang{position:relative}.di-flag{font-size:1.25rem;line-height:1;display:inline-flex;width:1.35em;justify-content:center}.di-lang-btn{display:inline-flex;align-items:center;gap:8px;height:var(--header-logo-size);padding:0 12px;color:#fff;background:color-mix(in srgb,#fff 8%,#141414);border:1px solid color-mix(in srgb,#fff 18%,#000);border-radius:var(--di-radius-sm);box-shadow:0 2px 0 #0a0a0a;cursor:pointer;font-weight:700;font-size:.8rem;text-transform:uppercase}.di-lang-btn:active{transform:translateY(2px);box-shadow:none}.di-lang-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:180px;background:var(--di-surface);border:1px solid color-mix(in srgb,#fff 14%,#000);border-radius:var(--di-radius-sm);box-shadow:0 8px 24px rgba(0,0,0,.45);padding:6px;z-index:1100}.di-lang-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:6px;background:transparent;color:var(--di-text);cursor:pointer;text-align:left;font-weight:600;font-size:.9rem;text-decoration:none}.di-lang-option.is-active,.di-lang-option:hover{background:color-mix(in srgb,var(--di-pink) 18%,transparent);color:#fff;text-decoration:none}.di-page-header{margin:0 0 14px;padding:14px 16px;border-radius:var(--di-radius);background:linear-gradient(135deg,color-mix(in srgb,var(--di-pink) 14%,transparent),transparent 55%),var(--di-surface);border:1px solid rgba(255,255,255,.08)}.di-page-header.is-metro{max-width:750px;margin-inline:auto;margin-bottom:16px}.di-title-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.di-title-copy{min-width:0;flex:1 1 12rem}.di-title-eyebrow{margin:0 0 4px;color:var(--di-muted);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.di-h1{font-family:var(--font-display);font-size:clamp(1.55rem,4.5vw,2.35rem);margin:0;letter-spacing:-.03em;line-height:.98;display:flex;flex-direction:column;font-weight:800;text-transform:uppercase}.di-h1-line{display:block}.di-share-page{flex-shrink:0}.di-content-wrap{margin-top:24px;width:100%}.di-content-wrap .di-article-card{max-width:750px;margin-inline:auto}.di-hint{margin:0 0 10px;color:var(--di-muted);font-size:.85rem}.di-studio{display:grid;grid-gap:14px;gap:14px}@media (min-width:900px){.di-studio.has-rail{grid-template-columns:1fr 280px;align-items:start}.di-rail{position:-webkit-sticky;position:sticky;top:calc(var(--header-height) + 12px)}}.di-panel{background:rgba(30,30,30,.94);border:1px solid rgba(255,255,255,.06);border-radius:var(--di-radius);padding:var(--space-3)}.di-panel h2{margin:0 0 10px;font-size:.78rem;letter-spacing:.08em;color:var(--di-muted)}.di-btn,.di-panel h2{text-transform:uppercase;font-weight:700}.di-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 14px;border-radius:var(--di-radius-sm);font-size:.8rem;letter-spacing:.03em;cursor:pointer;color:#fff;background:color-mix(in srgb,#fff 10%,#141414);border:1px solid color-mix(in srgb,#fff 18%,#000);box-shadow:0 3px 0 #0a0a0a;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;touch-action:manipulation;white-space:nowrap}.di-btn:hover{filter:brightness(1.06)}.di-btn:active{transform:translateY(3px);box-shadow:0 0 0 transparent;filter:saturate(1.2) brightness(1.05)}.di-btn:disabled{opacity:.55;cursor:not-allowed}.di-btn-primary{background:var(--di-pink-strong);border-color:color-mix(in srgb,var(--di-pink-strong) 70%,#fff);box-shadow:0 3px 0 color-mix(in srgb,var(--di-pink-strong) 40%,#000)}.di-btn-primary:hover{box-shadow:0 3px 0 color-mix(in srgb,var(--di-pink-strong) 40%,#000),0 0 12px color-mix(in srgb,var(--di-pink) 30%,transparent)}.di-btn-accent{background:var(--di-lime);color:#111;border-color:color-mix(in srgb,var(--di-lime) 70%,#fff);box-shadow:0 3px 0 color-mix(in srgb,var(--di-lime) 35%,#000)}.di-btn-icon{width:16px;height:16px;flex-shrink:0}.di-transport-stack{display:flex;flex-direction:column;gap:12px;width:100%}.di-transport{flex-wrap:wrap}.di-field,.di-transport{display:flex;gap:8px;align-items:center}.di-field{color:var(--di-muted);font-size:.85rem;height:40px}.di-field input[type=range]{width:110px;accent-color:var(--di-pink)}.di-field select{background:var(--di-surface-2);color:var(--di-text);border:1px solid color-mix(in srgb,#fff 14%,#000);border-radius:var(--di-radius-sm);padding:0 8px;height:40px;box-shadow:0 2px 0 #0a0a0a}.di-pads{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.di-pad{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid color-mix(in srgb,#fff 35%,transparent);border-radius:16px;min-height:76px;color:#111;font-weight:800;font-family:var(--font-display);font-size:.85rem;cursor:pointer;box-shadow:0 6px 0 var(--pad-lip,rgba(0,0,0,.45));transition:transform 80ms ease,filter 80ms ease,box-shadow 80ms ease,background .16s ease,color .16s ease;filter:saturate(.92)}.di-pad.is-hit,.di-pad:active{transform:translateY(5px);box-shadow:0 1px 0 var(--pad-lip,rgba(0,0,0,.45));filter:saturate(1.25) brightness(1.12)}.di-grid-wrap{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:4px;margin:0 -4px}@media (min-width:640px){.di-grid-wrap.steps-16{overflow-x:hidden}}.di-seq{display:grid;grid-gap:6px;gap:6px;width:100%}.di-seq.steps-16{min-width:0}.di-seq.steps-32{min-width:640px}.di-seq-row{display:grid;grid-template-columns:64px repeat(var(--steps,16),minmax(0,1fr));grid-gap:4px;gap:4px;align-items:stretch}.di-seq-label{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--di-muted);font-size:.7rem;font-weight:700;text-align:left;padding:0 2px;cursor:pointer;align-self:center}.di-seq-label.is-muted{text-decoration:line-through;opacity:.45}.di-step{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:6px;aspect-ratio:1;min-height:0;min-width:0;background:var(--di-surface-2);cursor:pointer;box-shadow:inset 0 0 0 0 transparent;transition:background 80ms ease,box-shadow 80ms ease,filter 80ms ease,opacity 80ms ease;opacity:.55}.di-step.on{opacity:1;filter:brightness(1.02)}.di-step.playhead{box-shadow:inset 0 0 0 2px var(--di-lime);opacity:1;filter:brightness(1.15)}.di-step.lit,.di-step.on.playhead{filter:brightness(1.55) saturate(1.35);box-shadow:inset 0 0 0 2px #fff,0 0 14px color-mix(in srgb,var(--step-color,var(--di-pink)) 70%,transparent)}@keyframes di-pulse{0%{filter:brightness(1.6)}to{filter:brightness(1.2)}}.di-feed{display:flex;flex-direction:column;gap:8px;max-height:none;overflow:visible}.di-feed--horizontal{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:10px;gap:10px}.di-feed-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid transparent;background:var(--di-surface-2);color:var(--di-text);border-radius:12px;padding:12px;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;box-sizing:border-box;transition:border-color .12s ease,background .12s ease,box-shadow .12s ease;box-shadow:0 3px 0 #0a0a0a}.di-feed-card--themed{border-color:color-mix(in srgb,var(--genre-accent) 55%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--genre-accent) 18%,transparent),color-mix(in srgb,var(--genre-secondary) 14%,transparent) 55%,var(--di-surface-2));box-shadow:0 3px 0 color-mix(in srgb,var(--genre-secondary) 55%,#000)}.di-feed-card.is-active,.di-feed-card:focus-visible,.di-feed-card:hover{border-color:var(--di-pink);background:color-mix(in srgb,var(--di-pink) 12%,var(--di-surface-2));box-shadow:0 3px 0 color-mix(in srgb,var(--di-pink-strong) 45%,#000)}.di-feed-card--themed.is-active,.di-feed-card--themed:focus-visible,.di-feed-card--themed:hover{border-color:var(--genre-accent);background:linear-gradient(135deg,color-mix(in srgb,var(--genre-accent) 28%,transparent),color-mix(in srgb,var(--genre-secondary) 18%,transparent) 55%,var(--di-surface-2));box-shadow:0 3px 0 color-mix(in srgb,var(--genre-accent) 50%,#000)}.di-feed-card:active{transform:translateY(3px);box-shadow:0 0 0 transparent}.di-feed-card-body{min-width:0}.di-feed-card strong{display:block;font-family:var(--font-display);margin-bottom:2px}.di-feed-card--themed strong{font-family:var(--genre-font,var(--font-display));font-weight:var(--genre-weight,800);font-style:var(--genre-style,normal);letter-spacing:var(--genre-tracking,normal);text-transform:var(--genre-transform,none);color:var(--genre-accent)}.di-feed-card span{color:var(--di-muted);font-size:.8rem}.di-feed-card--themed .di-pattern-thumb-cell.on{background:var(--genre-accent)}.di-pattern-thumb{display:grid;grid-gap:2px;gap:2px;width:72px;flex-shrink:0;padding:4px;border-radius:6px;background:rgba(0,0,0,.35)}.di-pattern-thumb-row{display:grid;grid-template-columns:repeat(16,1fr);grid-gap:1px;gap:1px}.di-pattern-thumb-cell{aspect-ratio:1;border-radius:1px;background:rgba(255,255,255,.08)}.di-pattern-thumb-cell.on{background:var(--di-pink)}.di-preset-dd{position:relative;z-index:5}.di-preset-dd-trigger{width:100%;justify-content:space-between;height:auto;min-height:48px;padding:10px 12px;text-transform:none;letter-spacing:0;gap:12px}.di-preset-dd-label{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;text-align:left}.di-preset-dd-label strong{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--di-muted)}.di-preset-dd-label span{font-size:.92rem;font-weight:700;color:#fff}.di-preset-dd-menu{list-style:none;margin:8px 0 0;padding:6px;position:absolute;left:0;right:0;background:var(--di-surface);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 12px 28px rgba(0,0,0,.45);max-height:320px;overflow:auto}.di-preset-dd-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:2px solid transparent;border-radius:10px;background:var(--di-surface-2);color:var(--di-text);padding:10px;cursor:pointer;margin-bottom:6px;box-sizing:border-box;box-shadow:0 2px 0 #0a0a0a}.di-preset-dd-item:last-child{margin-bottom:0}.di-preset-dd-item.is-active,.di-preset-dd-item:hover{border-color:var(--di-pink);background:color-mix(in srgb,var(--di-pink) 12%,var(--di-surface-2))}.di-preset-dd-item--themed{border-color:color-mix(in srgb,var(--genre-accent) 40%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--genre-accent) 16%,transparent),color-mix(in srgb,var(--genre-secondary) 10%,transparent) 60%,var(--di-surface-2))}.di-preset-dd-item--themed.is-active,.di-preset-dd-item--themed:hover{border-color:var(--genre-accent);background:linear-gradient(135deg,color-mix(in srgb,var(--genre-accent) 26%,transparent),color-mix(in srgb,var(--genre-secondary) 14%,transparent) 60%,var(--di-surface-2))}.di-preset-dd-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.di-preset-dd-text strong{font-family:var(--font-display)}.di-preset-dd-item--themed .di-preset-dd-text strong{font-family:var(--genre-font,var(--font-display));font-weight:var(--genre-weight,800);font-style:var(--genre-style,normal);letter-spacing:var(--genre-tracking,normal);text-transform:var(--genre-transform,none);color:var(--genre-accent)}.di-preset-dd-text span{color:var(--di-muted);font-size:.8rem}.di-preset-dd-item--themed .di-pattern-thumb-cell.on{background:var(--genre-accent)}.di-kit-dd{position:relative;z-index:4;width:100%;display:flex;flex-direction:column;gap:6px}.di-kit-dd-heading{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--di-muted)}.di-kit-dd-trigger{width:100%;justify-content:flex-start;height:auto;min-height:52px;padding:10px 12px;text-transform:none;letter-spacing:0;gap:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--kit-accent,var(--di-pink)) 18%,transparent),color-mix(in srgb,var(--kit-secondary,#333) 12%,transparent) 55%,var(--di-surface-2));border-color:color-mix(in srgb,var(--kit-accent,var(--di-pink)) 45%,#333)}.di-kit-dd-label{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;text-align:left;flex:1 1}.di-kit-dd-label strong{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--di-muted);font-weight:700}.di-kit-dd-label>span{font-size:1rem;font-family:var(--font-display);color:var(--kit-accent,#fff)}.di-kit-swatch{width:28px;height:28px;border-radius:8px;flex-shrink:0;border:1px solid color-mix(in srgb,#fff 25%,transparent);box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}.di-kit-dd-menu{list-style:none;margin:0;padding:6px;position:absolute;left:0;right:0;top:calc(100% + 4px);background:var(--di-surface);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 12px 28px rgba(0,0,0,.45);max-height:320px;overflow:auto}.di-kit-dd-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:flex;align-items:center;gap:12px;border:2px solid color-mix(in srgb,var(--kit-accent) 35%,transparent);border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--kit-accent) 16%,transparent),color-mix(in srgb,var(--kit-secondary) 10%,transparent) 60%,var(--di-surface-2));color:var(--di-text);padding:12px;cursor:pointer;margin-bottom:6px;box-sizing:border-box;box-shadow:0 2px 0 #0a0a0a;text-align:left}.di-kit-dd-item:last-child{margin-bottom:0}.di-kit-dd-item.is-active,.di-kit-dd-item:hover{border-color:var(--kit-accent);background:linear-gradient(135deg,color-mix(in srgb,var(--kit-accent) 28%,transparent),color-mix(in srgb,var(--kit-secondary) 16%,transparent) 60%,var(--di-surface-2))}.di-kit-dd-item-name{font-family:var(--font-display);font-size:.95rem;min-width:0}.di-studio-metro{max-width:750px;margin-inline:auto;width:100%}.di-metro-card{background:var(--di-surface);border:1px solid rgba(255,255,255,.08);border-radius:var(--di-radius);padding:clamp(18px,4vw,28px) clamp(12px,3vw,18px) 18px;text-align:center;display:grid;grid-gap:8px;gap:8px;justify-items:center;width:100%;box-sizing:border-box}.di-metro-count-window{width:min(100%,180px);margin:8px 0 2px;padding:12px 16px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02)),#0d0d0d;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(0,0,0,.45),0 8px 20px rgba(0,0,0,.28);transition:border-color .2s ease,box-shadow .2s ease}.di-metro-count-window.is-live{border-color:color-mix(in srgb,var(--di-pink) 45%,rgba(255,255,255,.12));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(0,0,0,.45),0 0 0 1px color-mix(in srgb,var(--di-pink) 20%,transparent),0 8px 22px rgba(0,0,0,.3)}.di-metro-count-label{display:block;margin-bottom:6px;color:var(--di-muted);font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.di-metro-count{font-family:var(--font-display);font-size:clamp(2.5rem,10vw,3.1rem);font-weight:800;letter-spacing:-.03em;line-height:1;color:#fff;min-height:1.05em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:opacity .35s ease,color .15s ease}.di-metro-count.is-idle{opacity:.45;color:color-mix(in srgb,#fff 70%,var(--di-muted))}.di-metro-dots{list-style:none;margin:8px 0 6px;padding:0;display:grid;grid-gap:10px 28px;gap:10px 28px;justify-items:center;width:min(100%,420px)}.di-metro-dots li{display:flex;justify-content:center}.di-metro-dot{width:18px;height:18px;border-radius:50%;background:var(--di-surface-3);display:inline-block;transition:background-color .08s ease,box-shadow .08s ease}.di-metro-dot.is-on{background:color-mix(in srgb,var(--di-text) 72%,transparent)}.di-metro-dot.is-accent{background:var(--di-pink);box-shadow:0 0 14px color-mix(in srgb,var(--di-pink) 45%,transparent)}.di-metro-tempo{width:min(100%,520px);margin-top:8px}.di-metro-tempo-row{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 0}.di-metro-step{width:40px;height:40px;border-radius:20px;border:1px solid rgba(255,255,255,.16);background:transparent;color:var(--di-text);cursor:pointer;display:grid;place-items:center;font-size:1.25rem;line-height:1;transition:background .12s ease,border-color .12s ease,color .12s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.di-metro-step:hover:not(:disabled){background:var(--di-pink);border-color:var(--di-pink);color:#fff}.di-metro-step:disabled{opacity:.35;cursor:not-allowed}.di-metro-slider{flex:1 1;min-width:0;max-width:400px;display:block}.di-metro-slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent;margin:0}.di-metro-slider input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:25px;background:var(--di-surface-3)}.di-metro-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;margin-top:-8px;border-radius:50%;background:color-mix(in srgb,var(--di-text) 78%,#000);border:none;cursor:pointer;-webkit-transition:background .2s ease;transition:background .2s ease}.di-metro-slider input[type=range]:focus{outline:none}.di-metro-slider input[type=range]:focus::-webkit-slider-thumb{background:var(--di-pink)}.di-metro-slider input[type=range]::-moz-range-track{height:8px;border-radius:25px;background:var(--di-surface-3);border:none}.di-metro-slider input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--di-pink);border:none;cursor:pointer}.di-metro-bpm-label{color:var(--di-muted);font-size:clamp(1.5rem,4vw,2rem);font-weight:600;padding-top:10px;letter-spacing:-.02em}.di-metro-actions{display:flex;flex-direction:column;align-items:center;width:min(100%,300px);margin:20px 0 10px;gap:0}.di-metro-main{width:100%;min-height:44px;margin:6px 0;padding:8px 16px;border-radius:6px;border:1px solid rgba(255,255,255,.18);background:color-mix(in srgb,var(--di-surface-2) 80%,#000);color:var(--di-text);font-size:1.05rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .15s ease}.di-metro-start{min-height:56px;padding:12px 20px;font-size:1.2rem;letter-spacing:.06em;color:#fff}.di-metro-start:not(.is-stop){background:var(--di-pink);border-color:var(--di-pink-strong);box-shadow:0 4px 0 var(--di-pink-strong),0 10px 28px color-mix(in srgb,var(--di-pink) 35%,transparent)}.di-metro-start:not(.is-stop):hover{background:color-mix(in srgb,var(--di-pink) 88%,#fff);border-color:var(--di-pink);transform:translateY(1px);box-shadow:0 3px 0 var(--di-pink-strong),0 8px 22px color-mix(in srgb,var(--di-pink) 40%,transparent)}.di-metro-start:not(.is-stop):active{transform:translateY(3px);box-shadow:0 1px 0 var(--di-pink-strong)}.di-metro-start.is-stop{background:#c62828;border-color:#8e1b1b;transform:translateY(3px);box-shadow:inset 0 3px 8px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.08),0 0 0 2px color-mix(in srgb,#db4437 45%,transparent)}.di-metro-start.is-stop:hover{background:#db4437;border-color:#8e1b1b;color:#fff}.di-metro-btn-icon{width:1.05rem;height:1.05rem;flex-shrink:0}.di-metro-start .di-metro-btn-icon{width:1.25rem;height:1.25rem}.di-metro-tap{min-height:42px;opacity:.92}.di-metro-tap:hover{background:color-mix(in srgb,var(--di-text) 14%,var(--di-surface-2));border-color:rgba(255,255,255,.28);color:#fff}.di-metro-tap.is-active,.di-metro-tap:active{background:color-mix(in srgb,var(--di-text) 55%,#000);border-color:transparent;color:#fff}.di-metro-tones{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:min(100%,420px);margin:10px 0 4px}.di-metro-tone{--tone-accent:var(--di-pink);flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 8px);min-width:0;min-height:42px;padding:8px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--tone-accent) 28%,rgba(255,255,255,.12));background:color-mix(in srgb,var(--tone-accent) 10%,transparent);color:color-mix(in srgb,var(--tone-accent) 55%,var(--di-muted));font-size:.82rem;font-weight:650;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.di-metro-tone[data-tone=click]{--tone-accent:#00e5ff}.di-metro-tone[data-tone=wood]{--tone-accent:#e8a04a}.di-metro-tone[data-tone=beep]{--tone-accent:#7aa2ff}.di-metro-tone[data-tone=soft]{--tone-accent:#d4a5ff}.di-metro-tone:hover{color:#fff;border-color:color-mix(in srgb,var(--tone-accent) 55%,transparent);background:color-mix(in srgb,var(--tone-accent) 18%,transparent)}.di-metro-tone.is-active{background:color-mix(in srgb,var(--tone-accent) 32%,transparent);border-color:var(--tone-accent);color:#fff;box-shadow:0 0 0 1px color-mix(in srgb,var(--tone-accent) 40%,transparent),inset 0 0 18px color-mix(in srgb,var(--tone-accent) 18%,transparent)}.di-metro-mute{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 12px;margin:10px 0 4px;color:var(--di-muted);font-size:.95rem}.di-metro-switch{position:relative;width:45px;height:24px;border:none;padding:0;border-radius:34px;background:var(--di-surface-3);cursor:pointer;flex-shrink:0;transition:background .25s ease}.di-metro-switch.is-on{background:var(--di-pink)}.di-metro-switch-knob{position:absolute;top:2px;left:4px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .25s ease}.di-metro-switch.is-on .di-metro-switch-knob{transform:translateX(18px)}.di-metro-mute-label{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:4px 6px}.di-metro-mute-label input{width:1.5rem;border:none;background:transparent;color:var(--di-text);font-weight:700;text-align:center;outline:none;padding:0}.di-metro-beats{display:flex;align-items:center;justify-content:center;gap:4px;margin:8px 0 4px;width:100%}.di-metro-beats-list{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:0;overflow:hidden;width:min(100%,340px)}.di-metro-beats-list li{flex:0 0 auto;padding:16px 8px}.di-metro-beat-btn{width:48px;height:48px;border-radius:50%;border:none;background:var(--di-surface-3);color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;transition:background .2s ease,opacity .15s ease}.di-metro-beat-btn:hover{opacity:.85}.di-metro-beat-btn.is-active{background:var(--di-pink)}.di-metro-arrow{border:none;background:transparent;color:var(--di-muted);font-size:1.75rem;line-height:1;cursor:pointer;padding:8px 10px;transition:color .2s ease}.di-metro-arrow:hover{color:var(--di-pink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:480px){.di-page-header{padding:12px}.di-title-row{gap:10px}.di-metro-step{width:36px;height:36px}.di-metro-tempo-row{gap:8px;width:100%;padding-inline:2px}.di-metro-slider{max-width:none}.di-metro-actions{width:min(100%,100%);padding-inline:2px}.di-metro-tones{width:100%}.di-metro-tone{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 8px);font-size:.78rem}.di-metro-mute{gap:8px;font-size:.88rem}.di-metro-beats-list{width:min(100%,240px)}.di-metro-beats-list li{padding:12px 4px}.di-metro-beat-btn{width:42px;height:42px}.di-metro-arrow{padding:8px 6px}}.di-ad{border:1px dashed rgba(255,255,255,.12);border-radius:12px;min-height:72px;display:grid;place-items:center;font-size:.75rem;background:rgba(255,255,255,.02)}.di-ad,.di-article{color:var(--di-muted)}.di-article{margin-top:0;line-height:1.55}.di-article-card{padding:clamp(16px,3.5vw,24px);border-radius:var(--di-radius);background:var(--di-surface);border:1px solid rgba(255,255,255,.08)}.di-article h2{color:var(--di-text);font-family:var(--font-display);font-size:1.2rem;margin:1.4em 0 .55em}.di-article h2:first-child{margin-top:0}.di-article p{margin:0 0 .85em}.di-article-list{margin:0 0 .85em;padding-left:1.25em}.di-article-list li{margin-bottom:.55em}.di-footer{margin-top:36px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06)}.di-cross-promo{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px;max-width:800px;margin:0 auto 20px}@media (min-width:720px){.di-cross-promo{grid-template-columns:repeat(2,minmax(0,1fr))}}.di-promo-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;display:grid;grid-gap:14px;gap:14px;box-sizing:border-box}.di-promo-top{display:flex;gap:12px;align-items:center;min-width:0}.di-promo-icon{width:64px;height:64px;border-radius:14px;object-fit:contain;flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,.35);background:#111}.di-promo-meta{min-width:0}.di-promo-title{margin:0;color:#fff;font-size:17px;font-weight:600;line-height:1.25;letter-spacing:0;text-transform:none}.di-promo-sub{display:flex;align-items:center;gap:.3em;margin:3px 0 0;color:rgba(255,255,255,.72);font-size:12px;font-weight:650}.di-promo-star{color:#f5c518}.di-promo-sep{color:rgba(255,255,255,.4)}.di-interest{max-width:800px;margin:0 auto 18px;padding:18px 16px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--di-pink) 16%,transparent),transparent 58%),rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:grid;grid-gap:14px;gap:14px}.di-interest-title{margin:0;color:#fff;font-family:var(--font-display);font-size:1.2rem;letter-spacing:-.02em}.di-interest-body{margin:6px 0 0;color:rgba(255,255,255,.72);font-size:.92rem;line-height:1.45}.di-interest-form{display:flex;flex-wrap:wrap;gap:8px}.di-interest-form input{flex:1 1 200px;min-width:0;min-height:44px;padding:0 14px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.28);color:var(--di-text);outline:none}.di-interest-form input:focus{border-color:color-mix(in srgb,var(--di-pink) 55%,transparent)}.di-interest-form input::placeholder{color:rgba(255,255,255,.42)}.di-interest-submit{flex:0 0 auto;min-height:44px}.di-interest-note{margin:0;color:var(--di-muted);font-size:.82rem;line-height:1.4}.di-interest-note.is-error{color:#ff8a80}.di-promo-stores{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch;--di-store-h:50px;--di-store-w:calc(var(--di-store-h) * 499 / 167)}.di-store-badge{display:flex;align-items:center;height:var(--di-store-h);min-height:var(--di-store-h);max-height:var(--di-store-h);width:min(var(--di-store-w),100%);max-width:100%;flex:1 1 148px;overflow:hidden;text-decoration:none;box-sizing:border-box;border-radius:6px;transition:transform .15s ease,background-color .15s ease,border-color .15s ease}.di-store-badge:hover{text-decoration:none;transform:scale(1.01)}.di-store-badge:active{transform:scale(.98)}.di-store-badge--play,.di-store-badge--web{gap:8px;padding:0 8px 0 7px;background:#fff;border:1px solid rgba(0,0,0,.08);color:#111;justify-content:flex-start;font-family:Roboto,Google Sans,Arial,sans-serif}.di-store-badge--play:hover,.di-store-badge--web:hover{background:#f8f8f8;border-color:rgba(0,0,0,.12)}.di-store-badge--ios{padding:0;justify-content:center;background:transparent;border:none}.di-store-badge--ios img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.di-store-badge-icon{width:25px;height:25px;object-fit:contain;flex-shrink:0}.di-store-badge-web-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;color:#111}.di-store-badge-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;line-height:1.05}.di-store-badge-eyebrow{font-size:8px;font-weight:500;letter-spacing:.03em;text-transform:uppercase;color:#111}.di-store-badge-brand{font-size:14px;font-weight:500;letter-spacing:-.01em;color:#111;white-space:nowrap}@media (max-width:480px){.di-interest-form{flex-direction:column}.di-interest-submit{width:100%}.di-store-badge{flex:1 1 100%;width:100%}}.di-footer-bottom{display:flex;flex-wrap:wrap;gap:16px 28px;justify-content:space-between;align-items:flex-start;color:var(--di-muted);font-size:.9rem}.di-footer-links{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.di-footer-copy,.di-footer-links a{color:var(--di-muted)}.di-footer-copy{font-size:.82rem}.di-footer-copy a{color:inherit}@media (max-width:820px){.di-nav-pill{min-width:0;flex:1 1 auto}.di-nav-label{font-size:.62rem}.di-brand-sub{display:none}}@media (max-width:720px){.di-nav-label{display:none}.di-nav-pill{min-width:132px}.di-nav-icon{width:20px;height:20px}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}