.music-lab{--music-accent:#0ea5e9;--music-accent-soft:#38bdf824;--music-pop-a:#38bdf88c;--music-pop-b:#8b5cf673;--music-pop-c:#f472b680;--music-pop-d:#fbbf2473;--music-class-a:#c4b5fd80;--music-class-b:#7dd3fc73;--music-class-c:#fb923c66;--music-class-d:#4ade8066;min-height:100vh;padding:var(--space-section-y) var(--space-page-x) calc(var(--space-section-y) + var(--nav-bottom-clearance));max-width:820px;margin:0 auto}.music-lab-back{margin-bottom:var(--space-6);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-muted);text-decoration:none;display:inline-block}.music-lab-back:hover{color:var(--color-link)}.music-lab-kicker{margin:0 0 var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.22em;text-transform:uppercase;color:var(--color-accent)}.music-lab-hero__title{margin:0 0 var(--space-3);font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-fg);font-size:clamp(2rem,5vw,2.75rem);font-weight:500;line-height:1.08}.music-lab-hero__hook{margin:0 0 var(--space-5);font-size:var(--text-lg);color:var(--color-fg-secondary);max-width:58ch;line-height:1.6}.music-lab-wave-wrap{height:72px;margin-bottom:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:color-mix(in srgb, var(--music-accent-soft) 60%, var(--color-bg-elevated));overflow:hidden}.music-lab-wave{width:100%;height:100%;display:block}.music-lab-jump{gap:var(--space-2);margin-bottom:var(--space-12);flex-wrap:wrap;display:flex}.music-lab-jump__link{border:1px solid var(--color-border);border-radius:var(--radius-pill);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-fg-secondary);transition:border-color var(--motion-fast), color var(--motion-fast);padding:.4rem .75rem;font-size:.68rem;text-decoration:none}.music-lab-jump__link:hover{border-color:color-mix(in srgb, var(--music-accent) 40%, var(--color-border));color:var(--color-fg)}.music-lab-section{margin-bottom:var(--space-12);scroll-margin-top:var(--space-8)}.music-lab-section__title{margin:0 0 var(--space-3);font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-fg);font-weight:500}.music-lab-section__body{margin:0 0 var(--space-6);font-size:var(--text-base);color:var(--color-fg-secondary);max-width:58ch;line-height:1.6}.music-lab-stack{gap:var(--space-5);flex-direction:column;display:flex}.music-lab-panel{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-elevated);box-shadow:var(--shadow-card)}.music-lab-panel__title{margin:0 0 var(--space-4);font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-fg);font-weight:500}.music-lab-demo__lead{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--color-fg-secondary);line-height:1.6}.music-lab-demo__example{margin:var(--space-4) 0 0;padding:var(--space-3);border-left:3px solid var(--music-accent);font-size:var(--text-sm);color:var(--color-fg-secondary);background:color-mix(in srgb, var(--music-accent-soft) 50%, transparent);border-radius:0 var(--radius-md) var(--radius-md) 0;line-height:1.55}.music-lab-demo__actions{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.music-lab-btn{border-radius:var(--radius-md);background:var(--color-accent);min-height:44px;color:var(--color-bg);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:filter var(--motion-fast);border:0;padding:.55rem 1rem;font-weight:500}.music-lab-btn:hover:not(:disabled){filter:brightness(1.06)}.music-lab-btn:disabled{opacity:.55;cursor:not-allowed}.music-lab-btn--ghost{color:var(--color-fg-secondary);border:1px solid var(--color-border);background:0 0}.music-lab-pitch-keys{gap:var(--space-2);grid-template-columns:repeat(7,1fr);display:grid}.music-lab-pitch-key{align-items:center;gap:var(--space-2);min-height:88px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);cursor:pointer;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-fg);flex-direction:column;font-weight:600;display:flex}.music-lab-pitch-key:hover{border-color:var(--music-accent)}.music-lab-pitch-key__bar{width:100%;height:calc(12px + var(--key-i) * 6px);border-radius:var(--radius-xs);background:linear-gradient(180deg, var(--music-accent), color-mix(in srgb, var(--music-accent) 40%, transparent))}.music-lab-rhythm-grid{gap:var(--space-2);grid-template-columns:repeat(8,1fr);display:grid}.music-lab-rhythm-cell{aspect-ratio:1;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);cursor:pointer;min-height:44px;transition:background var(--motion-fast), transform var(--motion-fast)}.music-lab-rhythm-cell--on{background:var(--music-accent);border-color:color-mix(in srgb, var(--music-accent) 70%, var(--color-border));transform:scale(.96)}.music-lab-toggle{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.music-lab-toggle__btn{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg);min-height:44px;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--color-fg-secondary);cursor:pointer;padding:.45rem .85rem;font-size:.68rem}.music-lab-toggle__btn--active{border-color:var(--color-accent);color:var(--color-fg);background:color-mix(in srgb, var(--color-accent-light) 80%, var(--color-bg))}.music-lab-chord-row{gap:var(--space-2);margin-bottom:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:540px){.music-lab-chord-row{grid-template-columns:repeat(4,1fr)}}.music-lab-chord{min-height:72px;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:.25rem;display:flex}.music-lab-chord--active{border-color:var(--music-accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--music-accent) 35%, transparent)}.music-lab-chord__numeral{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-fg);font-weight:500}.music-lab-chord__notes{font-family:var(--font-mono);color:var(--color-fg-muted);font-size:.65rem}.music-lab-form-track{gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.music-lab-form-block{min-height:52px;padding:var(--space-2);border-radius:var(--radius-md);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;text-align:center;color:#ffffffeb;text-shadow:0 1px 2px #00000040;flex:72px;place-items:center;font-size:.62rem;display:grid}.music-lab-genre-chips{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.music-lab-chip{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg);min-height:44px;font-size:var(--text-sm);color:var(--color-fg-secondary);cursor:pointer;padding:.45rem .85rem}.music-lab-chip--active{border-color:var(--music-accent);color:var(--color-fg);background:var(--music-accent-soft)}.music-lab-genre-panel{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg)}.music-lab-genre-panel p{margin:0 0 var(--space-3);font-size:var(--text-sm);color:var(--color-fg-secondary);line-height:1.6}.music-lab-genre-panel p:last-child{margin-bottom:0}.music-lab-steps{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.music-lab-step{align-items:center;gap:var(--space-3);width:100%;min-height:48px;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);font-family:var(--font-display);font-size:var(--text-base);color:var(--color-fg);text-align:left;cursor:pointer;font-weight:500;display:flex}.music-lab-step--open{border-color:var(--color-accent)}.music-lab-step__num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent)}.music-lab-step__body{margin:0 0 var(--space-2);padding:0 var(--space-4) var(--space-3);font-size:var(--text-sm);color:var(--color-fg-secondary);line-height:1.6}.music-lab-myth-grid{gap:var(--space-4);display:grid}@media (min-width:640px){.music-lab-myth-grid{grid-template-columns:repeat(3,1fr)}}.music-lab-myth{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-elevated)}.music-lab-myth__wrong,.music-lab-myth__right{font-size:var(--text-sm);margin:0;line-height:1.55}.music-lab-myth__wrong{margin-bottom:var(--space-3);color:var(--color-fg-muted)}.music-lab-myth__wrong span,.music-lab-myth__right span{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.25rem;font-size:.65rem;display:block}.music-lab-myth__right{color:var(--color-fg-secondary)}.music-lab-myth__right span{color:var(--color-accent)}.music-lab-close{margin:var(--space-6) 0 0;padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-fg-secondary);background:color-mix(in srgb, var(--color-accent-light) 35%, var(--color-bg-elevated));line-height:1.6}.music-lab-sequencer{gap:var(--space-2);margin-bottom:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:540px){.music-lab-sequencer{grid-template-columns:repeat(4,1fr)}}.music-lab-seq-cell{flex-direction:column;gap:.25rem;display:flex}.music-lab-seq-cell__label{font-family:var(--font-mono);color:var(--color-fg-muted);font-size:.62rem}.music-lab-seq-cell select{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);min-height:44px;font-size:var(--text-sm);color:var(--color-fg);padding:.4rem .5rem}.music-lab-create-tips{margin-top:var(--space-5);padding:var(--space-5);border:1px dashed var(--color-border);border-radius:var(--radius-lg)}.music-lab-create-tips ul{margin:var(--space-3) 0 0;font-size:var(--text-sm);color:var(--color-fg-secondary);padding-left:1.1rem;line-height:1.65}.music-lab-timbre-list{margin:0 0 var(--space-3);font-size:var(--text-sm);color:var(--color-fg-secondary);padding-left:1.1rem;line-height:1.65}.music-lab-footer{padding-top:var(--space-8);border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-fg-secondary);line-height:1.6}.music-lab-footer__link{margin-top:var(--space-4);color:var(--color-link);text-underline-offset:3px;text-decoration:underline;display:inline-block}@media (prefers-reduced-motion:reduce){.music-lab-wave-wrap{background:var(--music-accent-soft)}}