:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--studio-bg:#0e0f13;--studio-surface:#171922;--studio-surface-2:#1f2230;--studio-border:#2b2f40;--studio-fg:#f2f3f5;--studio-muted:#b6bccd;--studio-accent:#7aa2f7;--studio-accent-strong:#9db8ff;--studio-success:#7ee0a6;--studio-warning:#f6c177;--studio-focus:#ffd479;--touch-target:2.75rem}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--studio-bg);min-height:100vh;color:var(--studio-fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}:focus-visible{outline:3px solid var(--studio-focus);outline-offset:2px;border-radius:4px}a{color:var(--studio-accent-strong)}a:not(.btn){padding-block:.25rem}.scaffold{max-width:42rem;margin:0 auto;padding:clamp(1.5rem,4vw,3rem)}.scaffold h1{color:var(--studio-accent);font-size:clamp(1.5rem,4vw,2.25rem)}.skip-link{background:var(--studio-accent);color:#0b0c10;z-index:10;padding:.75rem 1rem;position:absolute;top:0;left:-9999px}.skip-link:focus{top:.5rem;left:.5rem}.app-shell{max-width:60rem;margin:0 auto;padding:clamp(1rem,3vw,2rem)}.site-header{border-bottom:1px solid var(--studio-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:1rem;display:flex}.brand{color:var(--studio-accent);font-size:1.1rem;font-weight:700;text-decoration:none}.top-nav{flex-wrap:wrap;gap:.25rem 1rem;display:flex}.top-nav a{min-height:var(--touch-target);align-items:center;padding:0 .5rem;text-decoration:none;display:inline-flex}.content{padding-top:1.5rem}.content:focus{outline:none}.page>h1{color:var(--studio-accent);margin-top:0;font-size:clamp(1.5rem,4vw,2.25rem)}.lede{color:var(--studio-muted);max-width:46rem;font-size:1.05rem}.card{background:var(--studio-surface);border:1px solid var(--studio-border);border-radius:10px;margin:1.25rem 0;padding:clamp(1rem,3vw,1.5rem)}.card h2,.card h3{color:var(--studio-fg);margin-top:0}.btn{min-height:var(--touch-target);border:1px solid var(--studio-border);background:var(--studio-surface-2);color:var(--studio-fg);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:.5rem 1.1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--studio-accent)}.btn-primary{background:var(--studio-accent);color:#0b0c10;border-color:var(--studio-accent)}.btn:disabled{opacity:.6;cursor:not-allowed}.depth-legend dl{margin:0}.depth-legend__row{border-top:1px solid var(--studio-border);padding:.5rem 0}.depth-legend__row:first-of-type{border-top:none}.depth-legend dt{color:var(--studio-accent-strong);font-weight:700}.depth-legend dd{color:var(--studio-muted);margin:.15rem 0 0}.resume-banner{background:var(--studio-surface-2);border:1px solid var(--studio-accent);border-radius:10px;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin:1.25rem 0;padding:1rem 1.25rem;display:flex}.resume-banner__label{margin:0;font-weight:600}.week-grid{gap:1rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=40rem){.week-grid{grid-template-columns:repeat(2,1fr)}}.week-card{background:var(--studio-surface);border:1px solid var(--studio-border);border-radius:10px;padding:1rem 1.15rem}.week-card__header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.week-card h2,.week-card h3{margin:0;font-size:1.05rem}.week-card__meta{color:var(--studio-muted);margin:.5rem 0 0;font-size:.95rem}.status{border:1px solid var(--studio-border);border-radius:999px;align-items:center;gap:.3rem;padding:.1rem .55rem;font-size:.8rem;font-weight:600;display:inline-flex}.status:before{content:"○"}.status--in_progress:before{content:"◐"}.status--completed:before{content:"●"}.status--completed{border-color:var(--studio-success);color:var(--studio-success)}.status--in_progress{border-color:var(--studio-warning);color:var(--studio-warning)}.badge{border-radius:4px;margin-left:.4rem;padding:.05rem .45rem;font-size:.75rem;font-weight:700;display:inline-block}.badge-gate{background:var(--studio-warning);color:#221a05}.prereq-warning{border-left:4px solid var(--studio-warning);background:var(--studio-surface-2);color:var(--studio-fg);margin:.75rem 0 0;padding:.6rem .8rem}.breadcrumb ol{flex-wrap:wrap;gap:.35rem;margin:0 0 .75rem;padding:0;font-size:.9rem;list-style:none;display:flex}.breadcrumb a{align-items:center;min-width:1.5rem;min-height:1.5rem;padding:.1rem .35rem;display:inline-flex}.breadcrumb li:not(:last-child):after{content:"/";color:var(--studio-muted);margin-left:.35rem}.breadcrumb [aria-current=page]{color:var(--studio-muted)}.diagnostic-form .field{border:1px solid var(--studio-border);border-radius:8px;margin:0 0 1rem;padding:.75rem 1rem}.diagnostic-form legend{padding:0 .35rem;font-weight:600}.choice{min-height:var(--touch-target);align-items:center;gap:.4rem;margin-right:1rem;display:inline-flex}.recommendations{padding-left:1.1rem}.recommendations li{margin:.35rem 0}.week-nav{justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.home-nav ul{gap:.5rem;padding:0;list-style:none;display:grid}.home-nav a{min-height:var(--touch-target);align-items:center;display:inline-flex}.login-panel .login-form{grid-template-columns:minmax(0,1fr);gap:1rem;max-width:min(24rem,100%);display:grid}.login-form .field{border:none;gap:.35rem;min-width:0;margin:0;padding:0;display:grid}.login-form label{font-weight:600}.login-form input{width:100%;min-width:0;min-height:var(--touch-target);border:1px solid var(--studio-border);background:var(--studio-bg);color:var(--studio-fg);font:inherit;letter-spacing:.4em;border-radius:8px;padding:.5rem .75rem}.turnstile{max-width:100%;min-height:65px;overflow-x:auto}.btn.linklike{min-height:var(--touch-target);color:var(--studio-accent-strong);cursor:pointer;background:0 0;border:none;padding:0 .5rem;font-weight:600}.btn.linklike:hover{text-decoration:underline}.status-region{min-height:1.25rem;color:var(--studio-muted)}.status-complete{color:var(--studio-success);font-weight:600}.status-error{color:#ffb4a2;font-weight:600}.element-nav{background:var(--studio-surface-2);border:1px solid var(--studio-border);border-radius:10px;margin:1rem 0 1.5rem;padding:.75rem 1rem}.element-nav ol{flex-wrap:wrap;gap:.25rem 1rem;margin:0;padding:0;list-style:none;display:flex}.element-nav a{min-height:var(--touch-target);align-items:center;display:inline-flex}.week-section{margin-top:2rem}.week-section>h2{color:var(--studio-accent);border-bottom:1px solid var(--studio-border);padding-bottom:.35rem}.week-overview__controls{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin-top:1rem;display:flex}.block-header{flex-wrap:wrap;align-items:baseline;gap:.25rem 1rem;display:flex}.block-header h3{flex:auto;margin:0}.block-objectives h4,.block-sources h4{color:var(--studio-accent-strong);margin-bottom:.35rem}.block-sources li a,.week-overview li a{align-items:center;min-height:1.5rem;margin-left:-.35rem;padding:.1rem .35rem;display:inline-flex}.block-provenance{color:var(--studio-muted);margin-top:1rem;font-size:.85rem}.bookmark-toggle__button[aria-pressed=true]{border-color:var(--studio-accent);color:var(--studio-accent-strong)}.progress-control{margin-top:1rem}.progress-control__status{margin:0 0 .5rem}.progress-control__label{color:var(--studio-muted);font-size:.9rem}.progress-control__actions{flex-wrap:wrap;gap:.5rem;display:flex}.piano-scaffold__framing,.artifact-reflection__framing{border-left:4px solid var(--studio-accent);background:var(--studio-surface-2);margin:.75rem 0;padding:.6rem .8rem}.piano-scaffold__checklist{border:1px solid var(--studio-border);border-radius:8px;gap:.25rem;margin:.75rem 0;padding:.75rem 1rem;display:grid}.piano-scaffold__checklist legend{padding:0 .35rem;font-weight:600}.piano-scaffold__checklist .choice{margin-right:0;display:flex}.check-form .field{border:1px solid var(--studio-border);border-radius:8px;margin:0 0 1rem;padding:.75rem 1rem}.check-form legend{padding:0 .35rem;font-weight:600}.check-form .field label{margin-bottom:.35rem;font-weight:600;display:block}.check-form .field input[type=text],.check-form .field select,.check-form .field textarea{width:100%;max-width:32rem;min-height:var(--touch-target);border:1px solid var(--studio-border);background:var(--studio-bg);color:var(--studio-fg);font:inherit;border-radius:8px;padding:.5rem .75rem}.check-form .field textarea{resize:vertical}.check-form .choice{display:flex}.check-ordering{counter-reset:ordering;gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.check-ordering__item{counter-increment:ordering;border:1px solid var(--studio-border);border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;padding:.35rem .75rem;display:flex}.check-ordering__item:before{content:counter(ordering) ".";color:var(--studio-muted);margin-right:.5rem}.check-ordering__item>span:first-of-type{flex:auto}.check-ordering__controls{gap:.25rem;display:flex}.check-result{border-top:1px solid var(--studio-border);margin-top:1rem;padding-top:.75rem}.check-result__items{gap:.35rem;padding:0;list-style:none;display:grid}.check-item--ok span[aria-hidden]{color:var(--studio-success)}.check-item--miss span[aria-hidden]{color:var(--studio-warning)}.check-item__name{font-weight:600}.score-figure{border:1px solid var(--studio-border);background:var(--studio-surface);border-radius:10px;margin:1rem 0;padding:.75rem 1rem}.score-figure__caption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem 1rem;font-weight:600;display:flex}.score-figure__static,.score-figure__interactive{margin-top:.5rem;overflow-x:auto}.score-figure__svg svg{max-width:100%;height:auto}.score-figure__note{color:var(--studio-muted)}.score-figure__details{margin-top:.5rem}.score-figure__details summary{min-height:var(--touch-target);cursor:pointer;color:var(--studio-accent-strong);align-items:center;display:inline-flex}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.offline-notice{background:var(--studio-surface-2);border:1px solid var(--studio-border);border-radius:10px;padding:.75rem 1rem}.offline-list{gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.offline-list__item{background:var(--studio-surface-2);border:1px solid var(--studio-border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.75rem 1rem;display:flex}.offline-list__meta{color:var(--studio-muted);font-size:.9rem}.offline-file-list{flex-basis:100%;gap:.25rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.offline-preview{background:#fff;border-radius:8px;max-width:100%;margin-top:.5rem;display:block}.offline-unlock-form{gap:.75rem;max-width:22rem;margin-top:.5rem;display:grid}.capstone-stage{margin-top:1.5rem}.capstone-stage__status{margin:.75rem 0}.capstone-stage__form .field textarea{max-width:100%}.capstone-stage__saved{margin:0}.capstone-stage__conflict{margin:0 0 .75rem}.recording-list{margin:0;padding:0;list-style:none}.recording-item{border-top:1px solid var(--studio-border);padding:.75rem 0}.recording-item audio,.recordings-page audio{width:100%;max-width:32rem;margin:.5rem 0;display:block}.recordings-page fieldset.field,.device-page fieldset.field{border:1px solid var(--studio-border);border-radius:8px;margin:0 0 1rem;padding:.75rem 1rem}.recordings-page .check-actions,.device-page .check-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.offline-lesson-actions{flex-wrap:wrap;gap:.5rem;margin:.5rem 0;display:flex}input[type=number]{min-height:var(--touch-target);border:1px solid var(--studio-border);background:var(--studio-bg);min-width:4.5rem;color:var(--studio-fg);font:inherit;border-radius:8px;padding:.25rem .5rem}.check-result h4:focus{outline:3px solid var(--studio-focus);outline-offset:2px;border-radius:4px}