.u4_XDW_trainer{--rhythm-accent:#ff9f1c;--rhythm-accent-soft:color-mix(in srgb, var(--rhythm-accent) 17%, transparent);background:radial-gradient(circle at 86% 8%, var(--rhythm-accent-soft), transparent 22rem), linear-gradient(145deg, color-mix(in srgb, var(--lp-color-primary-soft) 30%, transparent), transparent 45%), var(--lp-color-surface-raised);border:1px solid var(--lp-color-border);border-radius:var(--lp-radius-xl);box-shadow:var(--lp-shadow-lg);padding:clamp(1.25rem,4vw,2.5rem);position:relative;overflow:hidden}.u4_XDW_panelHeading{justify-content:space-between;align-items:flex-start;gap:var(--lp-space-6);display:flex}.u4_XDW_eyebrow,.u4_XDW_sectionHeading p{margin:0 0 var(--lp-space-2);color:var(--lp-color-primary);font-size:var(--lp-text-xs);font-weight:var(--lp-weight-bold);letter-spacing:var(--lp-tracking-label);text-transform:uppercase}.u4_XDW_panelHeading h2{max-width:34rem;font-family:var(--lp-font-display);font-size:clamp(1.35rem, 3vw, var(--lp-text-2xl));letter-spacing:-.035em;margin:0}.u4_XDW_status{align-items:center;gap:var(--lp-space-2);padding:var(--lp-space-2) var(--lp-space-3);color:var(--lp-color-ink-muted);background:color-mix(in srgb, var(--lp-color-surface-raised) 82%, transparent);border:1px solid var(--lp-color-border);border-radius:var(--lp-radius-pill);font-size:var(--lp-text-xs);font-weight:var(--lp-weight-semibold);flex:none;display:inline-flex}.u4_XDW_status i{background:var(--lp-color-ink-muted);border-radius:50%;width:.5rem;height:.5rem}.u4_XDW_running .u4_XDW_status{color:var(--lp-color-success);border-color:color-mix(in srgb, var(--lp-color-success) 35%, var(--lp-color-border))}.u4_XDW_running .u4_XDW_status i{background:var(--lp-color-success);box-shadow:0 0 0 .3rem color-mix(in srgb, var(--lp-color-success) 15%, transparent)}.u4_XDW_silent .u4_XDW_status{color:var(--rhythm-accent);border-color:color-mix(in srgb, var(--rhythm-accent) 45%, var(--lp-color-border))}.u4_XDW_silent .u4_XDW_status i{background:var(--rhythm-accent);box-shadow:0 0 0 .3rem var(--rhythm-accent-soft)}.u4_XDW_levels{gap:var(--lp-space-3);margin-top:var(--lp-space-7);grid-template-columns:repeat(3,1fr);display:grid}.u4_XDW_levels button{gap:.1rem var(--lp-space-3);min-width:0;padding:var(--lp-space-3);color:var(--lp-color-ink);background:color-mix(in srgb, var(--lp-color-canvas) 74%, transparent);border:1px solid var(--lp-color-border);border-radius:var(--lp-radius-md);font:inherit;text-align:left;transition:border-color var(--lp-duration-fast), transform var(--lp-duration-fast);grid-template-columns:auto 1fr;display:grid}.u4_XDW_levels button:hover{border-color:var(--lp-color-primary);transform:translateY(-.1rem)}.u4_XDW_levels button[aria-pressed=true]{background:var(--lp-color-primary-soft);border-color:var(--lp-color-primary);box-shadow:var(--lp-shadow-focus)}.u4_XDW_levels button>span{width:2rem;height:2rem;color:var(--lp-color-on-primary);background:var(--lp-color-primary);font-size:var(--lp-text-xs);border-radius:50%;grid-row:1/3;place-items:center;font-weight:800;display:grid}.u4_XDW_levels strong,.u4_XDW_levels small{min-width:0}.u4_XDW_levels strong{font-size:var(--lp-text-sm)}.u4_XDW_levels small{color:var(--lp-color-ink-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.u4_XDW_workspace{align-items:center;gap:clamp(var(--lp-space-6), 5vw, var(--lp-space-12));margin-top:var(--lp-space-7);grid-template-columns:minmax(18rem,.85fr) minmax(22rem,1.15fr);display:grid}.u4_XDW_visualStage{aspect-ratio:1;background:radial-gradient(circle, var(--lp-color-surface-raised) 0 40%, transparent 41%), conic-gradient(from 225deg, var(--lp-color-primary-soft), var(--rhythm-accent-soft), var(--lp-color-primary-soft));border:1px solid var(--lp-color-border);width:min(100%,23rem);box-shadow:inset 0 0 0 .8rem color-mix(in srgb, var(--lp-color-surface-raised) 60%, transparent), var(--lp-shadow-sm);border-radius:50%;place-items:center;margin-inline:auto;display:grid;position:relative;overflow:hidden}.u4_XDW_visualStage:after{border:1px solid color-mix(in srgb, var(--rhythm-accent) 32%, var(--lp-color-border));content:"";border-radius:50%;width:45%;height:45%;position:absolute}.u4_XDW_silent .u4_XDW_visualStage{background:radial-gradient(circle, var(--lp-color-surface-raised) 0 40%, transparent 41%), conic-gradient(from 225deg, var(--lp-color-surface-subtle), var(--rhythm-accent-soft), var(--lp-color-surface-subtle))}.u4_XDW_stageTop{z-index:2;align-items:center;gap:var(--lp-space-2);color:var(--lp-color-ink-muted);font-size:var(--lp-text-xs);display:flex;position:absolute;top:16%}.u4_XDW_stageTop strong{color:var(--lp-color-primary)}.u4_XDW_beatNumber{z-index:1;font-family:var(--lp-font-display);letter-spacing:-.09em;font-size:clamp(5rem,13vw,8rem);font-weight:800;line-height:1}.u4_XDW_visualStage>p{z-index:2;color:var(--lp-color-ink-muted);font-size:var(--lp-text-xs);margin:0;font-weight:700;position:absolute;bottom:29%}.u4_XDW_miniTimeline{z-index:2;justify-content:center;gap:.25rem;display:flex;position:absolute;bottom:18%;left:13%;right:13%}.u4_XDW_miniTimeline i{aspect-ratio:1;background:var(--lp-color-border-strong);border-radius:50%;width:min(.65rem,4%)}.u4_XDW_miniTimeline .u4_XDW_accentMiniStep{background:var(--lp-color-primary)}.u4_XDW_miniTimeline .u4_XDW_restMiniStep{border:1px solid var(--lp-color-border-strong);background:0 0}.u4_XDW_miniTimeline .u4_XDW_currentMiniStep{box-shadow:0 0 0 .25rem var(--rhythm-accent-soft);transform:scale(1.35)}.u4_XDW_controls{gap:var(--lp-space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.u4_XDW_bpmControl,.u4_XDW_optionGroup,.u4_XDW_volumeControl{min-width:0;padding:var(--lp-space-3);background:color-mix(in srgb, var(--lp-color-canvas) 74%, transparent);border:1px solid var(--lp-color-border);border-radius:var(--lp-radius-md);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);margin:0}.u4_XDW_bpmControl{grid-column:1/-1}.u4_XDW_bpmControl>div:first-child,.u4_XDW_volumeControl{align-items:center;gap:var(--lp-space-2);grid-template-columns:1fr auto;display:grid}.u4_XDW_bpmControl span,.u4_XDW_optionGroup legend,.u4_XDW_volumeControl span{color:var(--lp-color-ink-muted);font-size:var(--lp-text-xs);font-weight:var(--lp-weight-semibold)}.u4_XDW_bpmControl strong,.u4_XDW_volumeControl strong{font-size:var(--lp-text-sm)}.u4_XDW_stepper{grid-template-columns:var(--lp-control-md) 5rem var(--lp-control-md);justify-content:center;gap:var(--lp-space-2);margin-top:var(--lp-space-3);display:grid}.u4_XDW_stepper button,.u4_XDW_optionGroup button{min-height:var(--lp-control-md);color:var(--lp-color-ink-subtle);background:var(--lp-color-surface-raised);border:1px solid var(--lp-color-border);border-radius:var(--lp-radius-sm);font:inherit;font-weight:var(--lp-weight-bold)}.u4_XDW_stepper button:hover,.u4_XDW_optionGroup button:hover{color:var(--lp-color-primary-hover);border-color:var(--lp-color-primary)}.u4_XDW_stepper input{width:100%;min-width:0;color:var(--lp-color-ink);background:var(--lp-color-surface-raised);border:1px solid var(--lp-color-border-strong);border-radius:var(--lp-radius-sm);font:inherit;text-align:center;font-weight:800}.u4_XDW_range,.u4_XDW_volumeControl input{width:100%;accent-color:var(--rhythm-accent)}.u4_XDW_range{margin-top:var(--lp-space-3)}.u4_XDW_optionGroup{padding-top:var(--lp-space-2)}.u4_XDW_optionGroup legend{padding-inline:var(--lp-space-1)}.u4_XDW_optionGroup>div{gap:var(--lp-space-1);grid-template-columns:repeat(4,1fr);display:grid}.u4_XDW_optionGroup button{min-width:0;padding:var(--lp-space-1);font-size:var(--lp-text-xs);place-items:center;display:grid}.u4_XDW_optionGroup button strong,.u4_XDW_optionGroup button small{display:block}.u4_XDW_optionGroup button small{max-width:100%;color:var(--lp-color-ink-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.58rem;font-weight:400;overflow:hidden}.u4_XDW_optionGroup button[aria-pressed=true]{color:var(--lp-color-on-primary);background:var(--lp-color-primary);border-color:var(--lp-color-primary)}.u4_XDW_optionGroup button[aria-pressed=true] small{color:color-mix(in srgb, var(--lp-color-on-primary) 75%, transparent)}.u4_XDW_volumeControl{grid-column:1/-1}.u4_XDW_volumeControl span{align-items:center;gap:var(--lp-space-2);display:inline-flex}.u4_XDW_volumeControl span svg{color:var(--lp-color-primary)}.u4_XDW_volumeControl input{margin-top:var(--lp-space-2);grid-column:1/-1}.u4_XDW_patternSection,.u4_XDW_presets{margin-top:var(--lp-space-7);padding:var(--lp-space-5);background:color-mix(in srgb, var(--lp-color-canvas) 70%, transparent);border:1px solid var(--lp-color-border);border-radius:var(--lp-radius-lg)}.u4_XDW_sectionHeading{justify-content:space-between;align-items:flex-end;gap:var(--lp-space-5);display:flex}.u4_XDW_sectionHeading h3{font-family:var(--lp-font-display);font-size:var(--lp-text-xl);letter-spacing:-.035em;margin:0}.u4_XDW_legend{gap:var(--lp-space-3);color:var(--lp-color-ink-muted);font-size:var(--lp-text-xs);flex-wrap:wrap;display:flex}.u4_XDW_legend span{align-items:center;gap:var(--lp-space-1);display:inline-flex}.u4_XDW_legend i{background:var(--lp-color-primary-soft-strong);border-radius:50%;width:.65rem;height:.65rem}.u4_XDW_legend .u4_XDW_legendAccent{background:var(--rhythm-accent)}.u4_XDW_legend .u4_XDW_legendRest{border:1px solid var(--lp-color-border-strong);background:0 0}.u4_XDW_patternGrid{gap:var(--lp-space-2);margin-top:var(--lp-space-4);grid-template-columns:repeat(8,minmax(0,1fr));display:grid}.u4_XDW_patternStep{min-width:0;min-height:4.5rem;padding:var(--lp-space-2);color:var(--lp-color-ink-subtle);background:var(--lp-color-surface-raised);border:1px solid var(--lp-color-border);border-radius:var(--lp-radius-sm);font:inherit;place-items:center;gap:.15rem;display:grid;position:relative}.u4_XDW_patternStep>span{color:var(--lp-color-ink-muted);font-size:.58rem;position:absolute;top:.25rem;left:.35rem}.u4_XDW_patternStep>i{background:var(--lp-color-primary-soft-strong);border-radius:50%;width:1rem;height:1rem}.u4_XDW_patternStep small{color:var(--lp-color-ink-muted);font-size:.58rem}.u4_XDW_patternStep.u4_XDW_accentStep{color:#6e4100;background:color-mix(in srgb, var(--rhythm-accent) 13%, var(--lp-color-surface-raised));border-color:color-mix(in srgb, var(--rhythm-accent) 55%, var(--lp-color-border))}.u4_XDW_patternStep.u4_XDW_accentStep>i{background:var(--rhythm-accent);box-shadow:0 0 0 .25rem var(--rhythm-accent-soft)}.u4_XDW_patternStep.u4_XDW_restStep{opacity:.6}.u4_XDW_patternStep.u4_XDW_restStep>i{border:1px solid var(--lp-color-border-strong);background:0 0}.u4_XDW_patternStep.u4_XDW_beatStart{border-left-width:3px}.u4_XDW_patternStep.u4_XDW_activeStep{box-shadow:0 0 0 2px var(--lp-color-primary);transform:translateY(-.12rem)}.u4_XDW_presets>div:last-child{gap:var(--lp-space-3);margin-top:var(--lp-space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.u4_XDW_presets button{gap:var(--lp-space-1);min-height:6.5rem;padding:var(--lp-space-3);color:var(--lp-color-ink);background:var(--lp-color-surface-raised);border:1px solid var(--lp-color-border);border-radius:var(--lp-radius-md);font:inherit;text-align:left;display:grid}.u4_XDW_presets button:hover{border-color:var(--lp-color-primary)}.u4_XDW_presets button[aria-pressed=true]{background:var(--lp-color-primary-soft);border-color:var(--lp-color-primary);box-shadow:var(--lp-shadow-focus)}.u4_XDW_presets button>span{color:var(--lp-color-primary);letter-spacing:.08em;text-transform:uppercase;font-size:.6rem;font-weight:800}.u4_XDW_presets button strong{font-size:var(--lp-text-sm)}.u4_XDW_presets button small{color:var(--lp-color-ink-muted);font-size:var(--lp-text-xs);line-height:1.35}.u4_XDW_actions{margin-top:var(--lp-space-7);justify-content:center;display:flex}.u4_XDW_actions>*{min-width:14rem}.u4_XDW_localNotice,.u4_XDW_error{justify-content:center;align-items:center;gap:var(--lp-space-2);margin:var(--lp-space-4) 0 0;font-size:var(--lp-text-xs);text-align:center;display:flex}.u4_XDW_localNotice{color:var(--lp-color-ink-muted)}.u4_XDW_localNotice svg{color:var(--lp-color-success);flex:none}.u4_XDW_error{color:var(--lp-color-danger)}@media (max-width:54rem){.u4_XDW_workspace{grid-template-columns:1fr}.u4_XDW_visualStage{width:min(100%,20rem)}}@media (max-width:44rem){.u4_XDW_levels{grid-template-columns:1fr}.u4_XDW_levels small{white-space:normal}.u4_XDW_controls{grid-template-columns:1fr}.u4_XDW_bpmControl,.u4_XDW_volumeControl{grid-column:auto}.u4_XDW_patternGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.u4_XDW_presets>div:last-child{grid-template-columns:1fr}.u4_XDW_sectionHeading{flex-direction:column;align-items:flex-start}}@media (max-width:25rem){.u4_XDW_panelHeading{gap:var(--lp-space-3)}.u4_XDW_status{font-size:0}.u4_XDW_status i{margin:.2rem}.u4_XDW_optionGroup>div{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.u4_XDW_patternStep.u4_XDW_activeStep{transform:none}}
.LewUdG_page{min-height:100vh;padding-bottom:var(--lp-space-16);background:radial-gradient(circle at 86% 13%, #ff9f1c1f, transparent 27rem), radial-gradient(circle at 12% 18%, var(--lp-color-primary-soft), transparent 25rem), var(--lp-color-canvas)}.LewUdG_container,.LewUdG_content{width:min(100% - 2.5rem,72rem);margin-inline:auto}.LewUdG_hero{padding:clamp(var(--lp-space-10), 6vw, var(--lp-space-16)) 0 var(--lp-space-8);text-align:center}.LewUdG_hero h1{margin:var(--lp-space-4) 0 0;font-family:var(--lp-font-display);font-size:clamp(2.8rem,7vw,5.5rem);font-weight:var(--lp-weight-bold);letter-spacing:-.065em;line-height:.95}.LewUdG_hero>div>p{max-width:48rem;margin:var(--lp-space-5) auto 0;color:var(--lp-color-ink-muted);font-size:var(--lp-text-lg);line-height:var(--lp-leading-relaxed)}.LewUdG_features{justify-content:center;gap:var(--lp-space-3);margin-top:var(--lp-space-6);flex-wrap:wrap;display:flex}.LewUdG_features span{align-items:center;gap:var(--lp-space-2);padding:var(--lp-space-2) var(--lp-space-3);color:var(--lp-color-ink-subtle);background:var(--lp-color-surface-raised);border:1px solid var(--lp-color-border);border-radius:var(--lp-radius-pill);font-size:var(--lp-text-xs);display:inline-flex}.LewUdG_features svg{color:var(--lp-color-primary)}.LewUdG_instructions{gap:var(--lp-space-10);margin-top:var(--lp-space-10);background:var(--lp-color-surface-subtle);border-radius:var(--lp-radius-lg);grid-template-columns:minmax(12rem,.7fr) minmax(0,1.3fr);padding:clamp(1.25rem,4vw,2rem);display:grid}.LewUdG_instructions>div>p{margin:0 0 var(--lp-space-2);color:var(--lp-color-primary);font-size:var(--lp-text-xs);font-weight:var(--lp-weight-bold);letter-spacing:var(--lp-tracking-label);text-transform:uppercase}.LewUdG_instructions h2{font-family:var(--lp-font-display);font-size:var(--lp-text-2xl);letter-spacing:-.04em;margin:0}.LewUdG_instructions ol{gap:var(--lp-space-4);margin:0;padding:0;list-style:none;display:grid}.LewUdG_instructions li{align-items:flex-start;gap:var(--lp-space-3);display:flex}.LewUdG_instructions li>span{width:2rem;height:2rem;color:var(--lp-color-on-primary);background:var(--lp-color-primary);font-size:var(--lp-text-xs);font-weight:var(--lp-weight-bold);border-radius:50%;flex:none;place-items:center;display:grid}.LewUdG_instructions strong{font-size:var(--lp-text-sm);display:block}.LewUdG_instructions li p{margin:var(--lp-space-1) 0 0;color:var(--lp-color-ink-muted);font-size:var(--lp-text-sm);line-height:var(--lp-leading-relaxed)}@media (max-width:42rem){.LewUdG_container,.LewUdG_content{width:min(100% - 1.5rem,72rem)}.LewUdG_hero>div>p{font-size:var(--lp-text-md)}.LewUdG_instructions{gap:var(--lp-space-6);grid-template-columns:1fr}}