@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/32687112bd2dd8db-s.0gspg~~t9nou8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/28868e710e86be81-s.0rx81dn62y51_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(../media/32687112bd2dd8db-s.0gspg~~t9nou8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(../media/28868e710e86be81-s.0rx81dn62y51_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/32687112bd2dd8db-s.0gspg~~t9nou8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/28868e710e86be81-s.0rx81dn62y51_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_2e6dd7d1-module__H7WC-q__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_2e6dd7d1-module__H7WC-q__variable{--font-display:"Space Grotesk", "Space Grotesk Fallback"}
@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c3cb240f9c892514-s.163v2i5cux7-c.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.0yo6-5yoeeudq.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/c3cb240f9c892514-s.163v2i5cux7-c.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.0yo6-5yoeeudq.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/c3cb240f9c892514-s.163v2i5cux7-c.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.0yo6-5yoeeudq.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/c3cb240f9c892514-s.163v2i5cux7-c.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.0yo6-5yoeeudq.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Fallback;src:local(Arial);ascent-override:94.9%;descent-override:29.66%;line-gap-override:0.0%;size-adjust:104.53%}.dm_sans_6bdfccaa-module__GvoHWa__className{font-family:DM Sans,DM Sans Fallback;font-style:normal}.dm_sans_6bdfccaa-module__GvoHWa__variable{--font-body:"DM Sans", "DM Sans Fallback"}
*,:before,:after{box-sizing:border-box}html,body{background:var(--rb-bg);min-height:100%;color:var(--rb-ink);font-family:var(--font-body), system-ui, sans-serif;-webkit-font-smoothing:antialiased;margin:0;padding:0}:root{--rb-bg:#0c0810;--rb-ink:#f8eef4;--rb-muted:#bea0b4e0;--rb-accent:#ff6b9d;--rb-accent-dim:#ff6b9d38;--rb-surface:#ff6b9d14;--rb-line:#ff6b9d47;--rb-danger:#ff4d6d;--rb-radius:14px;--rb-nav-h:76px}button,input,select{font:inherit}.ritmo-app{flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow:hidden}.orbit-bg{pointer-events:none;z-index:0;position:fixed;inset:0}.orbit-bg__ring{border:1px solid var(--rb-accent-dim);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-bg__ring--a{width:min(90vw,520px);height:min(90vw,520px);animation:48s linear infinite orbit-spin}.orbit-bg__ring--b{opacity:.6;width:min(70vw,380px);height:min(70vw,380px);animation:32s linear infinite reverse orbit-spin}.orbit-bg__ring--c{opacity:.35;width:min(50vw,240px);height:min(50vw,240px)}.orbit-bg__glow{background:radial-gradient(circle at 50% 20%,#ff6b9d1f,#0000 55%);position:absolute;inset:0}@keyframes orbit-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.ritmo-header{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;padding:1.25rem 1.25rem .5rem;display:flex;position:relative}.ritmo-header__brand{align-items:center;gap:.85rem;display:flex}.ritmo-header__orb{background:radial-gradient(circle at 30% 30%, #ffb3d0, var(--rb-accent) 55%, #8a2850);border-radius:50%;width:2.4rem;height:2.4rem;box-shadow:0 0 24px #ff6b9d59}.ritmo-header__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--rb-muted);margin:0;font-size:.68rem}.ritmo-header__title{font-family:var(--font-display), sans-serif;letter-spacing:-.02em;margin:.1rem 0 0;font-size:1.45rem;font-weight:700}.ritmo-header__tagline{color:var(--rb-muted);margin:0;font-size:.82rem}.ritmo-main{z-index:1;padding:.75rem 1rem calc(var(--rb-nav-h) + 1rem);flex:1;position:relative;overflow:auto}.panel{max-width:720px;margin:0 auto}.panel__head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.panel__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--rb-accent);margin:0;font-size:.72rem}.panel__title{font-family:var(--font-display), sans-serif;margin:.2rem 0 0;font-size:1.35rem;font-weight:600}.panel__metric{text-align:right}.panel__metric-val{font-family:var(--font-display), sans-serif;font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700;display:block}.panel__metric-label{color:var(--rb-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.panel__hint{color:var(--rb-muted);margin:1rem 0 0;font-size:.88rem;line-height:1.5}.panel__error{color:#ffb3c1;background:#ff4d6d1f;border:1px solid #ff4d6d59;border-radius:10px;margin:.75rem 0 0;padding:.65rem .85rem;font-size:.88rem}.control-row{flex-wrap:wrap;align-items:flex-end;gap:.85rem;margin:1rem 0;display:flex}.action-row{flex-wrap:wrap;gap:.65rem;margin:.5rem 0 0;display:flex}.field{flex-direction:column;flex:1;gap:.35rem;min-width:140px;display:flex}.field__label{color:var(--rb-muted);font-size:.78rem}.field__select{appearance:none;border:1px solid var(--rb-line);color:var(--rb-ink);background:#0c0810d9;border-radius:10px;padding:.55rem .75rem}.field__range{width:100%;accent-color:var(--rb-accent)}.btn{border:1px solid var(--rb-line);cursor:pointer;background:var(--rb-surface);color:var(--rb-ink);border-radius:999px;padding:.62rem 1.1rem;transition:background .15s,transform .1s}.btn:active{transform:scale(.98)}.btn--primary{color:#1a0814;background:linear-gradient(135deg,#ff6b9d,#d94078);border-color:#0000;font-weight:600}.btn--ghost{background:0 0}.btn--danger{color:#ffc2d0;background:#ff4d6d2e;border-color:#ff4d6d73}.btn--sm{padding:.45rem .85rem;font-size:.82rem}.btn:disabled{opacity:.45;cursor:not-allowed}.mode-nav{z-index:10;padding:.55rem .65rem calc(.55rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--rb-line);background:#08050ceb;grid-template-columns:repeat(3,1fr);gap:.35rem;display:grid;position:fixed;bottom:0;left:0;right:0}.mode-nav__btn{color:var(--rb-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:.15rem;padding:.55rem .35rem;display:flex}.mode-nav__btn--active{background:var(--rb-surface);border-color:var(--rb-line);color:var(--rb-ink)}.mode-nav__label{font-family:var(--font-display), sans-serif;font-size:.82rem;font-weight:600}.mode-nav__hint{opacity:.75;font-size:.62rem}.freestyle-panel__beat-bar{grid-template-columns:repeat(16,1fr);gap:.28rem;margin:.5rem 0 .25rem;display:grid}.freestyle-panel__beat-dot{background:#ffffff14;border-radius:999px;height:.55rem}.freestyle-panel__beat-dot--on{background:var(--rb-accent);box-shadow:0 0 10px #ff6b9d8c}.playback-card{border-radius:var(--rb-radius);border:1px solid var(--rb-line);background:#ffffff08;margin-top:1rem;padding:.85rem}.playback-card__label{color:var(--rb-muted);margin:0 0 .5rem;font-size:.78rem}.playback-card__audio{width:100%}.seq-grid{border:1px solid var(--rb-line);border-radius:var(--rb-radius);background:#ffffff05;padding:.65rem;overflow-x:auto}.seq-grid__head,.seq-grid__row{grid-template-columns:4.5rem repeat(16,minmax(1.35rem,1fr));align-items:center;gap:.28rem;display:grid}.seq-grid__head{margin-bottom:.35rem}.seq-grid__step{text-align:center;color:var(--rb-muted);font-size:.58rem}.seq-grid__step--on{color:var(--rb-accent)}.seq-grid__track{color:var(--rb-muted);font-size:.72rem}.seq-cell{aspect-ratio:1;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;min-height:1.35rem;padding:0}.seq-cell--on.seq-cell--kick{background:#ff6b9dd9;border-color:#0000}.seq-cell--on.seq-cell--snare{background:#b898f8d9;border-color:#0000}.seq-cell--on.seq-cell--hat{background:#6ee7c8bf;border-color:#0000}.seq-cell--playhead{outline-offset:1px;outline:2px solid #ffffff59}.dj-decks{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.dj-deck{border:1px solid var(--rb-line);border-radius:var(--rb-radius);background:#ffffff05;flex-direction:column;gap:.65rem;padding:.85rem;display:flex}.dj-deck__top{min-height:3.2rem}.dj-deck__label{letter-spacing:.1em;text-transform:uppercase;color:var(--rb-accent);font-size:.72rem;display:block}.dj-deck__track{color:var(--rb-muted);word-break:break-all;margin-top:.25rem;font-size:.82rem;display:block}.dj-deck__load{text-align:center;position:relative}.dj-deck__play{width:100%}.dj-deck__vol{margin:0}.crossfader{border-radius:var(--rb-radius);border:1px solid var(--rb-line);background:var(--rb-surface);align-items:center;gap:.65rem;margin:1rem 0 0;padding:.75rem;display:flex}.crossfader__label{font-family:var(--font-display), sans-serif;color:var(--rb-muted);font-size:.82rem;font-weight:700}.crossfader__slider{flex:1}@media (min-width:640px){.ritmo-header{padding:1.5rem 1.75rem .75rem}.ritmo-main{padding-left:1.75rem;padding-right:1.75rem}.panel__title{font-size:1.55rem}}@media (max-width:480px){.dj-decks{grid-template-columns:1fr}}