:root{--paper:#f7f2e2;--paper-deep:#ede5ce;--ink:#18100a;--ink-mid:#4a3520;--ink-light:#7a6045;--gold:#7b5d1a;--gold-light:#a8842c;--rule:#c8baaa;--rule-light:#ddd4c2;--shadow:#18100a1a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--paper-deep);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;background-image:radial-gradient(140% 55% at 50% -5%,#fff8e18c 0%,#0000 70%);font-family:Cormorant Garamond,Garamond,Times New Roman,serif}#root{justify-content:center;align-items:flex-start;min-height:100vh;padding:4rem 1.5rem 6rem;display:flex}.app{width:100%}.page{background:var(--paper);border:1px solid var(--rule-light);max-width:720px;box-shadow:inset 0 0 0 8px var(--paper), inset 0 0 0 9px var(--rule-light), 0 6px 48px var(--shadow), 0 1px 4px #0000000f;margin:0 auto;padding:4rem 5rem;position:relative}.page--wide{box-sizing:border-box;max-width:1200px;padding:2rem 1.5rem;overflow:visible}.page:before,.page:after{content:"◆";color:var(--rule);pointer-events:none;font-size:.38rem;line-height:1;position:absolute}.page:before{top:1.05rem;left:1.05rem}.page:after{top:1.05rem;right:1.05rem}.rule{align-items:center;gap:.8rem;display:flex}.rule-line{background:var(--rule);flex:1;height:1px;display:block}.rule-diamond{color:var(--gold);flex-shrink:0;font-size:.42rem;line-height:1}.page-header{text-align:center;margin-bottom:3rem}.header-note{color:var(--gold);letter-spacing:.35em;margin-bottom:.65rem;font-size:1.5rem;line-height:1}.page-title{letter-spacing:.24em;text-transform:uppercase;color:var(--ink);font-family:Cormorant SC,Cormorant Garamond,serif;font-size:2.2rem;font-weight:400;line-height:1.1}.page-subtitle{color:var(--ink-mid);letter-spacing:.08em;margin-top:.45rem;margin-bottom:1.6rem;font-size:1rem;font-style:italic;font-weight:300}.selector-prompt{text-align:center;color:var(--ink-mid);letter-spacing:.04em;margin-bottom:2.5rem;font-size:1.05rem;font-style:italic;font-weight:300}.instrument-cards{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.instrument-card{border:1px solid var(--rule);color:var(--ink);text-align:center;box-shadow:inset 0 0 0 4px var(--paper), inset 0 0 0 5px var(--rule-light);background:0 0;padding:2.5rem 1.75rem 2.25rem;font-family:Cormorant Garamond,serif;transition:border-color .25s,box-shadow .25s,background .25s;position:relative}.instrument-card:hover{border-color:var(--gold-light);box-shadow:inset 0 0 0 4px var(--paper), inset 0 0 0 5px var(--gold-light), 0 2px 18px #a8842c21;background:#a8842c08}.card-note{color:var(--gold);margin-bottom:1rem;font-size:2rem;line-height:1}.card-title{letter-spacing:.2em;text-transform:uppercase;color:var(--ink);margin-bottom:.6rem;font-family:Cormorant SC,serif;font-size:1.75rem;font-weight:400}.card-method{color:var(--ink-mid);margin-bottom:1.75rem;padding:0 .25rem;font-size:.88rem;font-style:italic;line-height:1.55}.card-actions{flex-direction:column;align-items:center;gap:.55rem;display:flex}.card-cta{appearance:none;cursor:pointer;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);background:0 0;border:none;padding:0;font-family:Cormorant Garamond,serif;font-size:.78rem;font-style:normal;font-weight:500;text-decoration:none;transition:color .15s;display:inline-block}.card-cta:hover{color:var(--gold-light)}.card-cta--practice{color:var(--ink-light);letter-spacing:.14em;font-size:.72rem}.card-cta--practice:hover{color:var(--gold)}.back-button{appearance:none;cursor:pointer;color:var(--ink-light);letter-spacing:.05em;background:0 0;border:none;margin-bottom:2.25rem;padding:0;font-family:Cormorant Garamond,serif;font-size:.9rem;font-style:italic;transition:color .15s;display:inline-block}.back-button:hover{color:var(--gold)}.exercise-page-header{text-align:center;border-bottom:1px solid var(--rule-light);margin-bottom:2.75rem;padding-bottom:1.5rem}.exercise-instrument{letter-spacing:.2em;text-transform:uppercase;color:var(--ink);font-family:Cormorant SC,serif;font-size:2rem;font-weight:400}.exercise-method{color:var(--ink-mid);letter-spacing:.04em;margin-top:.4rem;font-size:.95rem;font-style:italic}.exercise-group{margin-bottom:2rem}.group-heading{border-bottom:1px solid var(--rule-light);align-items:baseline;gap:.9rem;margin-bottom:.75rem;padding-bottom:.45rem;display:flex}.group-roman{letter-spacing:.18em;color:var(--gold);text-transform:uppercase;min-width:1.4rem;font-family:Cormorant SC,serif;font-size:.68rem;font-weight:500}.group-name{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-light);font-family:Cormorant SC,serif;font-size:.78rem;font-weight:400}.exercise-list{counter-reset:exercise;list-style:none}.exercise-item{counter-increment:exercise}.exercise-link{color:var(--ink);align-items:baseline;gap:.5em;padding:.55rem 0;text-decoration:none;transition:color .15s;display:flex}.exercise-link:hover{color:var(--gold)}.exercise-link:hover .exercise-leader{opacity:.35}.exercise-link:before{content:counter(exercise) ".";color:var(--ink-light);text-align:right;font-variant-numeric:oldstyle-nums;flex-shrink:0;min-width:1.8rem;padding-right:.3em;font-size:.85rem;transition:color .15s}.exercise-link:hover:before{color:var(--gold-light)}.exercise-title{letter-spacing:.01em;flex-shrink:0;font-size:1.1rem;font-weight:400}.exercise-leader{border-bottom:1px dotted var(--rule);flex:1;min-width:1.5rem;transition:opacity .15s;position:relative;top:-.22em}.exercise-subtitle{color:var(--ink-mid);white-space:nowrap;flex-shrink:0;font-size:.88rem;font-style:italic;transition:color .15s}.exercise-link:hover .exercise-subtitle{color:var(--gold-light)}.page-footer{margin-top:2.75rem}.exercise-group-label{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:.4rem;font-family:Cormorant SC,serif;font-size:.72rem;font-weight:400}.score-frame{box-sizing:border-box;border:1px solid var(--rule-light);background:#fff;width:100%;max-width:100%;margin:1.75rem 0;padding:1.5rem 1rem .5rem;display:block;position:relative;overflow:visible;box-shadow:0 2px 12px #00000012,0 1px 3px #0000000a}.score-status{text-align:center;color:var(--ink-light);padding:2rem 0;font-size:.9rem;font-style:italic}.score-error{color:#8b2020}.score-canvas{box-sizing:border-box;width:100%;max-width:100%;display:block}.exercise-meta{margin-top:1rem}.meta-list{flex-wrap:wrap;gap:2.5rem;margin-top:1.25rem;display:flex}.meta-row{align-items:baseline;gap:.6em;display:flex}.meta-row dt{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-family:Cormorant SC,serif;font-size:.72rem;font-weight:500}.meta-row dd{color:var(--ink-mid);font-size:.9rem;font-style:italic}@media (width<=580px){#root{padding:1.5rem 1rem 3rem}.page{box-shadow:inset 0 0 0 5px var(--paper), inset 0 0 0 6px var(--rule-light), 0 4px 24px var(--shadow);padding:2.5rem 1.75rem}.instrument-cards{grid-template-columns:1fr;gap:1.5rem}.page-title{letter-spacing:.16em;font-size:1.75rem}}.mode-nav{border-bottom:1px solid var(--rule-light);flex-wrap:wrap;gap:0;margin-bottom:1.75rem;display:flex}.mode-nav-btn{appearance:none;cursor:pointer;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-light);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.45rem 1rem .55rem;font-family:Cormorant Garamond,serif;font-size:.8rem;transition:color .15s,border-color .15s}.mode-nav-btn:hover:not(.mode-nav-btn--active){color:var(--ink-mid)}.mode-nav-btn--active{color:var(--gold);border-bottom-color:var(--gold)}.mode-hint{color:var(--ink-light);letter-spacing:.02em;margin-bottom:.75rem;font-size:.88rem;font-style:italic}.accomp-toggle{appearance:none;cursor:pointer;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-light);background:0 0;border:none;border-bottom:1px solid #0000;margin-bottom:.5rem;padding:0;font-family:Cormorant Garamond,serif;font-size:.82rem;transition:color .15s,border-color .15s;display:inline-block}.accomp-toggle--active{color:var(--gold);border-bottom-color:var(--gold)}.accomp-toggle:hover:not(.accomp-toggle--active){color:var(--ink-mid)}.mode-btn-sm{appearance:none;border:1px solid var(--rule);cursor:pointer;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mid);background:0 0;padding:.3rem .85rem;font-family:Cormorant Garamond,serif;font-size:.82rem;transition:border-color .15s,color .15s}.mode-btn-sm:hover{border-color:var(--gold);color:var(--gold)}.mode-btn-sm--active{border-color:var(--gold);color:var(--gold);background:#7b5d1a0d}.rhythm-controls{flex-wrap:wrap;align-items:center;gap:.75rem;margin:1rem 0;display:flex}.rhythm-pulse{background:var(--rule-light);border-radius:50%;width:1.1rem;height:1.1rem;transition:background 80ms}.rhythm-pulse--active{background:var(--gold)}.rhythm-count{color:var(--ink-mid);font-size:.85rem;font-style:italic}.rhythm-result{margin:1rem 0}.rhythm-score{letter-spacing:.12em;color:var(--ink);margin-bottom:.4rem;font-family:Cormorant SC,serif;font-size:1.5rem}.rhythm-error{color:#8b2020;font-size:.85rem;font-style:italic}.viz-note-seq{flex-wrap:wrap;gap:.45rem;margin:1rem 0;display:flex}.viz-note-dot{border:2px solid var(--rule);width:1.8rem;height:1.8rem;color:var(--ink-light);border-radius:50%;justify-content:center;align-items:center;font-family:Cormorant Garamond,serif;font-size:.72rem;font-weight:500;transition:border-color .2s,background .2s,color .2s;display:flex}.viz-note-dot--current{border-color:var(--gold);color:var(--gold);background:#7b5d1a12;transform:scale(1.2)}.viz-status{flex-wrap:wrap;align-items:baseline;gap:.6rem;min-height:2rem;margin:.75rem 0;display:flex}.viz-match-tag{color:var(--ink-mid);font-size:.82rem;font-style:italic}.viz-reveal-btn{appearance:none;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-light);text-underline-offset:.15em;background:0 0;border:none;padding:0;font-family:Cormorant Garamond,serif;font-size:.78rem;text-decoration:underline}.viz-reveal-btn:hover{color:var(--ink-mid)}.viz-revealed{letter-spacing:.14em;color:var(--ink-mid);font-family:Cormorant SC,serif;font-size:1rem;font-style:italic}.viz-controls{flex-wrap:wrap;gap:.75rem;margin:1rem 0;display:flex}.viz-complete{margin:1rem 0}.viz-complete-head{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:.5rem;font-family:Cormorant SC,serif;font-size:1.3rem}.viz-error{color:#8b2020;font-size:.85rem;font-style:italic}.ps-note-seq{flex-wrap:wrap;gap:.45rem;margin:1rem 0;display:flex}.ps-dot{border:2px solid var(--rule);width:1.8rem;height:1.8rem;color:var(--ink-light);border-radius:50%;justify-content:center;align-items:center;font-family:Cormorant Garamond,serif;font-size:.72rem;font-weight:500;transition:border-color .2s,background .2s,color .2s;display:flex}.ps-dot--current{border-color:var(--gold);color:var(--gold);background:#7b5d1a12;transform:scale(1.2)}.ps-live{flex-wrap:wrap;align-items:baseline;gap:.6rem;min-height:2rem;margin:.75rem 0;display:flex}.ps-tag{color:var(--ink-mid);font-size:.82rem;font-style:italic}.ps-reveal-btn{appearance:none;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-light);text-underline-offset:.15em;background:0 0;border:none;padding:0;font-family:Cormorant Garamond,serif;font-size:.78rem;text-decoration:underline}.ps-reveal-btn:hover{color:var(--ink-mid)}.ps-revealed{letter-spacing:.14em;color:var(--ink-mid);font-family:Cormorant SC,serif;font-size:1rem;font-style:italic}.ps-controls{flex-wrap:wrap;gap:.75rem;margin:1rem 0;display:flex}.ps-error{color:#8b2020;font-size:.85rem;font-style:italic}.ps-complete{margin:1rem 0}.ps-complete-head{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:.5rem;font-family:Cormorant SC,serif;font-size:1.3rem}.grade-grid{flex-wrap:wrap;gap:.75rem;margin:1.75rem 0 1rem;display:flex}.grade-btn{appearance:none;border:1px solid var(--rule);cursor:pointer;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mid);background:0 0;outline:none;padding:.55rem 1.25rem;font-family:Cormorant Garamond,serif;font-size:.9rem;transition:border-color .18s,color .18s,background .18s}.grade-btn:hover{border-color:var(--gold-light);color:var(--gold)}.grade-btn--selected{border-color:var(--gold);color:var(--gold);background:#7b5d1a0f}.submit-btn{appearance:none;border:1px solid var(--gold);cursor:pointer;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);background:0 0;outline:none;margin-top:.75rem;padding:.6rem 2rem;font-family:Cormorant SC,serif;font-size:.82rem;transition:background .18s}.submit-btn:hover:not(:disabled){background:#7b5d1a14}.submit-btn:disabled{opacity:.35;cursor:default}.submit-error{color:#8b2020;margin-top:.5rem;font-size:.82rem;font-style:italic}.teacher-panel{margin-top:.5rem}.teacher-section-head{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:1.5rem 0 .9rem;font-family:Cormorant SC,serif;font-size:.7rem;font-weight:500}.outcome-block{border:1px solid var(--rule-light);margin-bottom:1rem;padding:1rem 1.25rem}.outcome-skill{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mid);margin-bottom:.75rem;font-family:Cormorant SC,serif;font-size:.72rem}.outcome-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.55rem;display:flex}.field-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-light);flex-shrink:0;min-width:5.5rem;font-family:Cormorant SC,serif;font-size:.65rem}.field-select{appearance:none;background:var(--paper);border:1px solid var(--rule);color:var(--ink);cursor:pointer;flex:1;max-width:18rem;padding:.25rem .5rem;font-family:Cormorant Garamond,serif;font-size:.88rem}input[type=range]{max-width:12rem;accent-color:var(--gold);cursor:pointer;flex:1}.field-num{color:var(--ink-mid);min-width:2.5rem;font-size:.82rem;font-style:italic}.field-text{background:var(--paper);border:none;border-bottom:1px solid var(--rule);color:var(--ink);outline:none;flex:1;min-width:0;padding:.2rem .25rem;font-family:Cormorant Garamond,serif;font-size:.88rem}.field-textarea{background:var(--paper);border:1px solid var(--rule);width:100%;color:var(--ink);resize:vertical;outline:none;margin-top:.35rem;padding:.4rem .6rem;font-family:Cormorant Garamond,serif;font-size:.88rem}.obs-block{border-bottom:1px solid var(--rule-light);margin-bottom:1.25rem;padding-bottom:1.25rem}.obs-block:last-of-type{border-bottom:none}.obs-note-id{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mid);margin-bottom:.6rem;font-family:Cormorant SC,serif;font-size:.7rem}.obs-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.4rem;display:flex}.obs-row--diag{flex-direction:column;align-items:flex-start}.obs-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-light);flex-shrink:0;min-width:7rem;font-family:Cormorant SC,serif;font-size:.65rem}.obs-radios{flex-wrap:wrap;gap:.5rem;display:flex}.radio-lbl{color:var(--ink-mid);border:1px solid var(--rule);cursor:pointer;-webkit-user-select:none;user-select:none;padding:.2rem .55rem;font-family:Cormorant Garamond,serif;font-size:.82rem;transition:border-color .15s,color .15s}.radio-lbl--on{border-color:var(--gold);color:var(--gold);background:#7b5d1a0d}.diag-label{flex-direction:column;gap:.2rem;display:flex}.diag-flag{color:var(--ink-light);text-transform:none;letter-spacing:.03em;font-family:Cormorant Garamond,serif;font-size:.78rem;font-style:italic}.mode-toggle{gap:1.5rem;margin-bottom:1.75rem;display:flex}.mode-btn{appearance:none;cursor:pointer;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-light);background:0 0;border:none;border-bottom:1px solid #0000;padding:0;font-family:Cormorant Garamond,serif;font-size:.82rem;transition:color .15s,border-color .15s}.mode-btn--active{color:var(--gold);border-color:var(--gold)}.mode-btn:hover:not(.mode-btn--active){color:var(--ink-mid)}.playback-bar{flex-wrap:wrap;align-items:center;gap:.75rem;margin:.75rem 0 1.25rem;display:flex}.pb-btn{appearance:none;border:1px solid var(--rule);cursor:pointer;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mid);background:0 0;padding:.3rem .85rem;font-family:Cormorant Garamond,serif;font-size:.82rem;transition:border-color .15s,color .15s}.pb-btn:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.pb-btn:disabled{opacity:.35;cursor:default}.pb-btn--active{border-color:var(--gold);color:var(--gold);background:#7b5d1a0d}.pb-progress{background:var(--rule-light);border-radius:2px;flex:1;min-width:6rem;height:3px;overflow:hidden}.pb-progress-fill{background:var(--gold);height:100%;transition:width .1s linear}.pb-time{color:var(--ink-light);text-align:right;min-width:3.5rem;font-size:.78rem;font-style:italic}.pb-error{color:#8b2020;font-size:.82rem;font-style:italic}.ex-bar{justify-content:flex-end;margin-bottom:.75rem;display:flex}.ex-gear{appearance:none;cursor:pointer;border:1px solid var(--rule);background:var(--paper);color:var(--ink-mid);letter-spacing:.14em;text-transform:uppercase;padding:.35rem .9rem;font-family:Cormorant SC,serif;font-size:.66rem;transition:border-color .15s,color .15s}.ex-gear:hover,.ex-gear--active{border-color:var(--gold);color:var(--gold)}.ex-reset{appearance:none;cursor:pointer;color:var(--ink-light);letter-spacing:.14em;text-transform:uppercase;background:0 0;border:none;padding:0;font-family:Cormorant SC,serif;font-size:.66rem}.ex-reset:hover{color:var(--gold)}.ex-section{border:1px solid var(--rule-light);margin-bottom:1.5rem;padding:.6rem 1.1rem}.ex-row{border-bottom:1px solid var(--rule-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0;display:flex}.ex-row:last-child{border-bottom:none}.ex-row--col{flex-direction:column;align-items:flex-start}.ex-label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-light);font-family:Cormorant SC,serif;font-size:.64rem}.ex-group-label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-light);margin:.4rem 0 .1rem;font-family:Cormorant SC,serif;font-size:.56rem}.ex-group-label--gold{color:var(--gold);margin:.5rem 0 .15rem}.seg{border:1px solid var(--rule);flex-wrap:wrap;display:flex}.seg-btn{appearance:none;cursor:pointer;color:var(--ink-mid);background:0 0;border:none;padding:.25rem .7rem;font-family:Cormorant Garamond,serif;font-size:.84rem}.seg-btn+.seg-btn{border-left:1px solid var(--rule)}.seg-btn--active{background:var(--gold);color:var(--paper)}.seg-gap{margin-left:.5rem}.ex-select{color:var(--ink);background:var(--paper);border:1px solid var(--rule);padding:.25rem .5rem;font-family:Cormorant Garamond,serif;font-size:.9rem}.ex-keys{flex-wrap:wrap;gap:.3rem .9rem;padding:.3rem 0;display:flex}.ex-box,.ex-keybox{cursor:pointer;color:var(--ink-mid);align-items:center;gap:.35rem;font-family:Cormorant Garamond,serif;font-size:.82rem;display:flex}.ex-box input,.ex-keybox input{accent-color:var(--gold);cursor:pointer}.ex-scales,.ex-chords{flex-wrap:wrap;gap:.3rem 1rem;display:flex}.ex-section .osmd-range-picker{touch-action:none;max-width:90vw;display:inline-block}.ex-grid{align-items:center;gap:.3rem;display:grid}.ex-gh{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-light);text-align:center;font-family:Cormorant SC,serif;font-size:.6rem}.ex-rl{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-light);white-space:nowrap;padding-right:.5rem;font-family:Cormorant SC,serif;font-size:.58rem}.ex-cell{appearance:none;cursor:pointer;border:1px solid var(--rule);background:var(--paper);color:var(--ink-mid);min-height:2rem;padding:.3rem .2rem;font-family:Cormorant Garamond,serif;font-size:.9rem;transition:all .1s}.ex-cell:hover:not(:disabled){border-color:var(--gold)}.ex-cell--on{border-color:var(--gold);color:var(--gold);background:#7b5d1a14}.ex-cell--gap{visibility:hidden}.ex-cell--correct{color:var(--paper);background:#2e7d32;border-color:#2e7d32}.ex-cell--wrong{color:var(--paper);background:#8b2020;border-color:#8b2020}.ex-answers{flex-direction:column;gap:.4rem;width:100%;max-width:36rem;display:flex}.ex-ans-row{flex-wrap:wrap;justify-content:center;gap:.35rem;display:flex}.ex-key{appearance:none;cursor:pointer;border:1px solid var(--rule);background:var(--paper);color:var(--ink-mid);padding:.4rem .7rem;font-family:Cormorant Garamond,serif;font-size:.92rem;transition:all .1s}.ex-key:hover:not(:disabled){border-color:var(--gold)}.ex-key--sel{border-color:var(--gold);color:var(--gold);background:#7b5d1a14}.ex-key--correct{color:var(--paper);background:#2e7d32;border-color:#2e7d32}.ex-key--wrong{color:var(--paper);background:#8b2020;border-color:#8b2020}.nk-grid{gap:.4rem;max-width:34rem;margin:0 auto;display:grid}.nk-cell{appearance:none;cursor:pointer;border:1px solid var(--rule);background:var(--paper);color:var(--ink-mid);min-height:2.2rem;padding:.4rem .2rem;font-family:Cormorant Garamond,serif;font-size:.95rem;transition:all .1s}.nk-cell:hover:not(:disabled){border-color:var(--gold)}.nk-cell--correct{color:var(--paper);background:#2e7d32;border-color:#2e7d32}.nk-cell--wrong{color:var(--paper);background:#8b2020;border-color:#8b2020}.nk-cell--off{opacity:.3}.nk-cell--blank{visibility:hidden}.ex-acc{flex-wrap:wrap;justify-content:center;gap:.35rem;display:flex}.ex-acc-btn{appearance:none;cursor:pointer;border:1px solid var(--rule);background:var(--paper);color:var(--ink-mid);justify-content:center;align-items:center;min-width:2.6rem;min-height:2.6rem;padding:.35rem .4rem;font-family:Cormorant Garamond,serif;font-size:1.1rem;transition:all .1s;display:flex}.ex-acc-btn:hover:not(:disabled){border-color:var(--gold)}.ex-acc-btn--active{border-color:var(--gold);background:var(--gold);color:var(--paper)}.ex-stage{flex-direction:column;align-items:center;gap:1rem;margin-top:.5rem;display:flex}.ex-prompt{color:var(--ink-mid);text-align:center;font-family:Cormorant Garamond,serif;font-size:1.1rem}.ex-prompt b{color:var(--gold)}.ex-piano{justify-content:center;width:100%;max-width:34rem;display:flex}.ex-piano--wide{max-width:40rem}.ex-board{justify-content:center;width:100%;max-width:46rem;display:flex}.ex-staff-row{align-items:center;gap:1rem;display:flex}.ex-stage .notation-view,.ex-staff-row .notation-view{zoom:1.6;justify-content:center;width:320px;max-width:90vw;display:flex}.ex-play{appearance:none;cursor:pointer;border:1px solid var(--gold);background:var(--gold);color:var(--paper);letter-spacing:.16em;text-transform:uppercase;border-radius:2px;padding:.7rem 2.2rem;font-family:Cormorant SC,serif;font-size:.9rem}.ex-play:hover{filter:brightness(1.08)}.ex-feedback{min-height:1.4rem;font-style:italic}.ex-score{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-light);font-family:Cormorant SC,serif;font-size:.7rem}.ex-btn{appearance:none;border:1px solid var(--gold);cursor:pointer;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);background:0 0;padding:.5rem 1.6rem;font-family:Cormorant SC,serif;font-size:.78rem;transition:background .18s}.ex-btn:hover:not(:disabled){background:#7b5d1a14}.ex-btn:disabled{opacity:.4;cursor:default}.tools-section{text-align:center;margin-bottom:2.75rem}.tools-heading{letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0 0 1.1rem;font-family:Cormorant SC,serif;font-size:.78rem}.tools-grid{flex-wrap:wrap;justify-content:center;gap:.9rem;display:flex}.tool-card{text-align:left;border:1px solid var(--rule);flex-direction:column;gap:.25rem;width:13rem;padding:.8rem 1rem;text-decoration:none;transition:border-color .15s;display:flex}.tool-card:hover{border-color:var(--gold)}.tool-card-title{color:var(--ink);font-family:Cormorant Garamond,serif;font-size:1.02rem}.tool-card-desc{color:var(--ink-light);font-size:.8rem;font-style:italic}.tool-card-soon{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-light);margin-top:.35rem;font-family:Cormorant SC,serif;font-size:.58rem}.amr-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0;display:flex}.amr-row--rule{border-bottom:1px solid var(--rule-light)}.amr-label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-light);font-family:Cormorant SC,serif;font-size:.64rem}.asgn{border:1px solid var(--gold);flex-direction:column;gap:.4rem;margin-bottom:1.25rem;padding:.6rem 1rem;display:flex}.asgn-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.asgn-title{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-family:Cormorant SC,serif;font-size:.72rem}.asgn-dismiss{appearance:none;cursor:pointer;color:var(--ink-light);background:0 0;border:none;padding:0;font-size:.85rem}.asgn-dismiss:hover{color:var(--gold)}.asgn-body{color:var(--ink-mid);font-family:Cormorant Garamond,serif;font-size:.92rem}.asgn-body a{color:var(--gold)}.asgn-progress{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-light);font-family:Cormorant SC,serif;font-size:.7rem}.asgn-done{color:#2e7d32}.asgn-issue{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.asgn-name{color:var(--ink);background:var(--paper);border:1px solid var(--rule);padding:.25rem .5rem;font-family:Cormorant Garamond,serif;font-size:.9rem}.asgn-btn{appearance:none;border:1px solid var(--gold);cursor:pointer;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);background:0 0;padding:.3rem .9rem;font-family:Cormorant SC,serif;font-size:.68rem}.asgn-btn:hover{background:#7b5d1a14}.asgn-code{word-break:break-all;background:var(--paper-deep,#0000000a);border:1px dashed var(--rule);padding:.4rem .6rem;font-family:monospace;font-size:.78rem}.audio-mixer{margin:.75rem 0 1.25rem}.mx-tracks{flex-direction:column;gap:.5rem;margin-bottom:.85rem;display:flex}.mx-track{align-items:center;gap:.75rem;display:flex}.mx-name{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mid);flex-shrink:0;width:5.5rem;font-family:Cormorant SC,serif;font-size:.66rem}.mx-fader{min-width:6rem;accent-color:var(--gold);cursor:pointer;flex:1}.mx-sm{appearance:none;cursor:pointer;border:1px solid var(--rule);background:var(--paper);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-light);text-align:center;width:2.2rem;padding:.2rem .5rem;font-family:Cormorant SC,serif;font-size:.6rem}.mx-sm:hover{border-color:var(--gold);color:var(--gold)}.mx-sm--mute{color:var(--paper);background:#8b2020;border-color:#8b2020}.mx-sm--solo{border-color:var(--gold);color:var(--paper);background:var(--gold)}.mx-dim{opacity:.4}.ksp-row{flex-wrap:nowrap;gap:.3rem .7rem;padding:.3rem 0;display:flex}.ksp-box{cursor:pointer;color:var(--ink-mid);align-items:center;gap:.35rem;font-family:Cormorant Garamond,serif;font-size:.82rem;display:flex}.ksp-box input{accent-color:var(--gold);cursor:pointer}.ex-qmode{flex-direction:column;gap:.5rem;width:100%;padding:.3rem 0;display:flex}.ex-card{appearance:none;cursor:pointer;text-align:left;border:1px solid var(--rule);background:var(--paper);padding:.6rem .9rem}.ex-card--on{border-color:var(--gold);background:#7b5d1a0f}.ex-card-title{color:var(--ink);font-family:Cormorant Garamond,serif;font-size:1rem}.ex-card-desc{color:var(--ink-light);margin-top:.15rem;font-size:.82rem;font-style:italic}.ex-edit{appearance:none;cursor:pointer;border:1px solid var(--rule);color:var(--ink-mid);letter-spacing:.12em;text-transform:uppercase;background:0 0;padding:.3rem .8rem;font-family:Cormorant SC,serif;font-size:.62rem}.ex-edit:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.ex-edit:disabled{opacity:.4;cursor:default}.ex-prompt--lg b{font-size:1.5rem}.ex-prompt--xl b{font-size:1.7rem}.ex-controls{align-items:center;gap:1rem;display:flex}.ex-pm{appearance:none;cursor:pointer;border:1px solid var(--rule);background:var(--paper);color:var(--ink-mid);width:3rem;height:2.6rem;font-family:Cormorant Garamond,serif;font-size:1.4rem;line-height:1}.ex-pm:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.ex-pm:disabled{opacity:.4;cursor:default}.ex-readout{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mid);text-align:center;min-width:9rem;font-family:Cormorant SC,serif;font-size:.78rem}.ex-clear{appearance:none;cursor:pointer;color:var(--ink-light);letter-spacing:.14em;text-transform:uppercase;background:0 0;border:none;padding:0;font-family:Cormorant SC,serif;font-size:.66rem}.ex-clear:hover{color:var(--gold)}.ex-scales--roomy{gap:.4rem 1.1rem;padding:.2rem 0 .3rem}.ex-quality{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-family:Cormorant SC,serif;font-size:.8rem}.ex-nk-grid,.ex-fg-grid{gap:.4rem;width:100%;max-width:34rem;display:grid}.ex-fg-grid{grid-template-columns:repeat(7,1fr)}.ex-nk-cell,.ex-fg-cell{appearance:none;cursor:pointer;border:1px solid var(--rule);background:var(--paper);color:var(--ink-mid);min-height:2.4rem;padding:.4rem .2rem;font-family:Cormorant Garamond,serif;font-size:1rem;transition:all .1s}.ex-nk-cell:hover:not(:disabled),.ex-fg-cell:hover:not(:disabled){border-color:var(--gold)}.ex-fg-gap{visibility:hidden}.ex-helper{color:var(--gold);min-width:3rem;font-family:Cormorant Garamond,serif;font-size:1.6rem}.cc2-input{width:100%;min-height:5rem;color:var(--ink);background:var(--paper);border:1px solid var(--rule);resize:vertical;padding:.6rem .8rem;font-family:monospace;font-size:.8rem}.cc2-result{border:1px solid var(--rule-light);margin-top:1rem;padding:.8rem 1.1rem;font-family:Cormorant Garamond,serif;font-size:1rem}.cc2-valid{border-color:#2e7d32}.cc2-invalid{color:#8b2020;border-color:#8b2020;font-style:italic}.cc2-line{gap:.8rem;padding:.2rem 0;display:flex}.cc2-k{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-light);min-width:6.5rem;padding-top:.2rem;font-family:Cormorant SC,serif;font-size:.66rem}.cc2-note{color:var(--ink-light);margin-top:.75rem;font-size:.82rem;font-style:italic}.cz-note{color:var(--ink-light);margin-bottom:1rem;font-family:Cormorant Garamond,serif;font-size:.95rem;font-style:italic}.cz-hint{font-size:.82rem}.cz-link-box{word-break:break-all;background:var(--paper-deep,#0000000a);border:1px dashed var(--rule);margin-top:.5rem;padding:.6rem .8rem;font-family:monospace;font-size:.78rem}.cz-num{text-align:center;appearance:textfield;width:5rem}.cz-num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cz-num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.assessment-list{flex-direction:column;gap:.55rem;margin:1.5rem 0;list-style:none;display:flex}.assessment-row{align-items:baseline;gap:1.25rem;font-size:.92rem;display:flex}.assessment-cat{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mid);min-width:7rem;font-family:Cormorant SC,serif;font-size:.72rem}.assessment-dir{color:var(--ink-mid);font-family:Cormorant Garamond,serif;font-size:.88rem;font-style:italic}.assessment-dir--growing{color:var(--gold)}.continue-btn{appearance:none;border:1px solid var(--gold);cursor:pointer;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);background:0 0;outline:none;margin-top:1.5rem;padding:.6rem 2.25rem;font-family:Cormorant SC,serif;font-size:.82rem;transition:background .18s}.continue-btn:hover{background:#7b5d1a14}.practice-section-label{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:.4rem;font-family:Cormorant SC,serif;font-size:.72rem;font-weight:500}.practice-page .practice-meta{color:var(--ink-mid);font-size:.85rem;font-style:italic}.lesson-header{margin-bottom:2rem}.lesson-title{letter-spacing:.18em;text-transform:uppercase;color:var(--ink);margin-bottom:.5rem;font-family:Cormorant SC,serif;font-size:1.7rem;font-weight:400}.lesson-page-indicator{color:var(--ink-light);letter-spacing:.04em;font-size:.88rem;font-style:italic}.lesson-content{border-top:1px solid var(--rule-light);border-bottom:1px solid var(--rule-light);min-height:14rem;margin:2rem 0;padding:1.5rem 0}.lesson-prose{color:var(--ink-mid);font-size:1.05rem;font-style:italic;line-height:1.75}.lesson-tts{margin-bottom:1.25rem}.lesson-tts-btn{appearance:none;border:1px solid var(--rule);cursor:pointer;color:var(--ink-mid);background:0 0;padding:.3rem .9rem;font-family:Cormorant Garamond,serif;font-size:.85rem;transition:border-color .15s,color .15s}.lesson-tts-btn:hover{border-color:var(--gold);color:var(--gold)}.lesson-tts-unsupported{color:var(--ink-light);margin-bottom:1rem;font-size:.82rem;font-style:italic}.lesson-diagram-img{object-fit:contain;width:100%;max-height:60vh;margin-bottom:1rem;display:block}.lesson-diagram-img--large{width:min(94vw,50rem);max-width:none;max-height:none;margin-bottom:1.5rem;position:relative;left:50%;transform:translate(-50%)}.lesson-caption{color:var(--ink-light);font-size:.88rem;font-style:italic;line-height:1.6}.lesson-video-placeholder{border:1px dashed var(--rule);background:var(--paper-deep);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:200px;margin-bottom:1.25rem;display:flex}.lesson-video-url{color:var(--ink-light);font-family:Cormorant Garamond,serif;font-size:.82rem;font-style:italic}.lesson-video-label{letter-spacing:.14em;text-transform:uppercase;color:var(--rule);font-family:Cormorant SC,serif;font-size:.72rem}.lesson-interactive-badge{border:1px solid var(--rule);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-light);margin-bottom:1.25rem;padding:.2rem .65rem;font-family:Cormorant SC,serif;font-size:.65rem;display:inline-block}.lesson-nav{justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.lesson-nav-btn{appearance:none;border:1px solid var(--rule);cursor:pointer;color:var(--ink-mid);text-align:center;background:0 0;min-width:6rem;padding:.45rem 1.1rem;font-family:Cormorant Garamond,serif;font-size:.9rem;font-style:italic;transition:border-color .15s,color .15s}.lesson-nav-btn:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.lesson-nav-btn:disabled{opacity:.3;cursor:default}.lesson-page-dots{align-items:center;gap:.5rem;display:flex}.lesson-dot{appearance:none;background:var(--rule-light);border:1px solid var(--rule);cursor:pointer;border-radius:50%;flex-shrink:0;width:.55rem;height:.55rem;padding:0;transition:background .15s,border-color .15s}.lesson-dot--active{background:var(--gold);border-color:var(--gold)}.lesson-dot:hover:not(.lesson-dot--active){border-color:var(--gold-light);background:var(--rule)}.lesson-complete-btn{appearance:none;border:1px solid var(--gold);cursor:pointer;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);background:0 0;min-width:6rem;padding:.45rem 1.25rem;font-family:Cormorant SC,serif;font-size:.78rem;transition:background .18s}.lesson-complete-btn:hover{background:#7b5d1a14}.lesson-complete-btn--done{background:var(--gold);color:var(--paper)}.lesson-complete-btn--done:hover{background:var(--gold-light)}.curriculum-lesson{border-bottom:1px solid var(--rule-light);align-items:flex-start;gap:1.25rem;padding:1.1rem 0;display:flex}.curriculum-lesson:last-of-type{border-bottom:none}.curriculum-lesson-left{flex-shrink:0;min-width:1.4rem;padding-top:.1rem}.curriculum-lesson-roman{letter-spacing:.18em;color:var(--gold);text-transform:uppercase;font-family:Cormorant SC,serif;font-size:.68rem;font-weight:500}.curriculum-lesson-body{flex-direction:column;flex:1;gap:.55rem;display:flex}.curriculum-lesson-meta{flex-wrap:wrap;align-items:baseline;gap:1rem;display:flex}.curriculum-lesson-title{color:var(--ink);letter-spacing:.01em;font-size:1.08rem;font-weight:400}.curriculum-lesson-pages{color:var(--ink-light);font-size:.82rem;font-style:italic}.curriculum-lesson-actions{align-items:baseline;gap:1.25rem;display:flex}.curriculum-lesson-begin{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-family:Cormorant SC,serif;font-size:.72rem;text-decoration:none;transition:color .15s}.curriculum-lesson-begin:hover{color:var(--gold-light)}.curriculum-lesson-done{appearance:none;cursor:pointer;letter-spacing:.14em;text-transform:uppercase;color:#4a7a4a;background:0 0;border:none;padding:0;font-family:Cormorant SC,serif;font-size:.68rem;transition:color .15s}.curriculum-lesson-done:hover{color:#8b2020}.curriculum-lesson-review{color:var(--ink-light);font-size:.82rem;font-style:italic;text-decoration:none;transition:color .15s}.curriculum-lesson-review:hover{color:var(--gold)}.curriculum-exercise-prereq{color:var(--ink-light);opacity:.75;margin-top:.25rem;padding-left:2.3rem;font-size:.82rem;font-style:italic}.curriculum-section{margin-top:2.5rem}.curriculum-section-head{border-bottom:1px solid var(--rule-light);align-items:baseline;gap:.9rem;margin-bottom:.4rem;padding-bottom:.45rem;display:flex}.curriculum-lessons-block{margin-bottom:.5rem}.view-toggle{border:1px solid var(--rule);width:fit-content;margin:.25rem 0 .5rem;display:flex}.view-toggle-btn{appearance:none;cursor:pointer;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-light);background:0 0;border:none;padding:.4rem 1.05rem;font-family:Cormorant SC,serif;font-size:.66rem;transition:background .15s,color .15s}.view-toggle-btn+.view-toggle-btn{border-left:1px solid var(--rule)}.view-toggle-btn--active{background:var(--gold);color:var(--paper)}.view-toggle-btn:not(.view-toggle-btn--active):hover{color:var(--gold)}.mt-panel{border:1px solid var(--rule);background:var(--paper-deep,#1c1814);color:#bfe9ec;margin-bottom:1.5rem;padding:1rem 1.25rem}.mt-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.mt-tempo{align-items:center;gap:.6rem;display:flex}.mt-bpm{color:#39d3dd;font-family:Cormorant SC,serif;font-size:3.2rem;line-height:1}.mt-term{color:#7fb6ba;font-family:Cormorant Garamond,serif;font-size:1rem;font-style:italic}.mt-meta{align-items:flex-start;gap:1.5rem;display:flex}.mt-meta-col{text-align:center}.mt-meta-label{letter-spacing:.16em;text-transform:uppercase;color:#6c9da1;font-family:Cormorant SC,serif;font-size:.56rem}.mt-ts{color:#39d3dd;font-family:Cormorant SC,serif;font-size:1.7rem;line-height:1.1}.mt-bars{align-items:flex-end;gap:.5rem;height:96px;margin-top:1rem;display:flex}.mt-bar{cursor:pointer;background:#ffffff0a;border:1px solid #78c8cd26;flex:1;align-items:flex-end;height:100%;display:flex}.mt-bar-fill{background:#b06a86;width:100%;transition:height 50ms,background 50ms}.mt-bar--cur .mt-bar-fill{background:#39d3dd}.mt-wheel-wrap{aspect-ratio:1;width:260px;max-width:80vw;margin:0 auto 1.25rem;position:relative}.mt-wheel{cursor:grab;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.mt-center{aspect-ratio:1;border:1px solid var(--gold);background:var(--paper);cursor:pointer;width:34%;color:var(--gold);border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mt-center:hover{background:#7b5d1a14}.mt-arrow{appearance:none;cursor:pointer;color:var(--ink-light);background:0 0;border:none;padding:.3rem;font-size:1.5rem;position:absolute;top:50%;transform:translateY(-50%)}.mt-arrow:hover{color:var(--gold)}.mt-arrow--l{left:18%}.mt-arrow--r{right:18%}.mt-row{border-bottom:1px solid var(--rule-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 0;display:flex}.mt-label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-light);font-family:Cormorant SC,serif;font-size:.64rem}.mt-step{align-items:center;gap:.6rem;display:flex}.mt-btn{appearance:none;cursor:pointer;border:1px solid var(--rule);background:var(--paper);color:var(--ink-mid);width:2rem;height:2rem;font-family:Cormorant Garamond,serif;font-size:1rem;line-height:1}.mt-btn:hover{border-color:var(--gold);color:var(--gold)}.mt-tap{appearance:none;cursor:pointer;border:1px solid var(--rule);background:var(--paper);color:var(--ink-mid);letter-spacing:.18em;text-transform:uppercase;padding:.5rem 1.6rem;font-family:Cormorant SC,serif;font-size:.8rem}.mt-tap:hover:not(:disabled),.mt-tap:active:not(:disabled){border-color:var(--gold);color:var(--gold)}.mt-tap:disabled{opacity:.4;cursor:default}.mt-subgrid{grid-template-columns:repeat(auto-fill,minmax(4.2rem,1fr));gap:.4rem;padding:.6rem 0;display:grid}.mt-subcell{appearance:none;cursor:pointer;border:1px solid var(--rule);background:var(--paper);color:var(--ink-mid);justify-content:center;padding:.35rem .2rem;display:flex}.mt-subcell--on{border-color:var(--gold);color:var(--gold);background:#7b5d1a14}.mt-row .seg-btn{padding:.25rem .9rem}.formation-header{text-align:center;margin-bottom:2.5rem}.formation-title{letter-spacing:.2em;text-transform:uppercase;color:var(--ink);margin-bottom:1.25rem;font-family:Cormorant SC,serif;font-size:1.6rem;font-weight:400}.formation-stats{flex-wrap:wrap;justify-content:center;gap:2.5rem;display:flex}.stat-chip{flex-direction:column;align-items:center;gap:.2rem;display:flex}.stat-num{color:var(--ink);font-family:Cormorant Garamond,serif;font-size:1.25rem;font-weight:400}.stat-label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-light);font-family:Cormorant SC,serif;font-size:.62rem}.progress-section-head{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:2rem 0 1.25rem;font-family:Cormorant SC,serif;font-size:.72rem;font-weight:500}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.skill-card{border:1px solid var(--rule-light);background:var(--paper);padding:1.25rem 1.25rem 1rem}.skill-card--growing{border-left:2px solid var(--gold)}.skill-card--consolidating{border-left:2px solid var(--rule)}.skill-card--emerging{border-left:2px solid var(--rule-light)}.skill-card--dormant{border-left:2px solid var(--paper-deep);opacity:.7}.skill-card-top{justify-content:space-between;align-items:baseline;margin-bottom:.75rem;display:flex}.skill-name{letter-spacing:.12em;text-transform:uppercase;color:var(--ink);font-family:Cormorant SC,serif;font-size:.78rem}.skill-spark{margin-bottom:.65rem}.spark-empty{color:var(--rule);font-size:.9rem}.skill-meta{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.skill-turns{color:var(--ink-light);font-family:Cormorant Garamond,serif;font-size:.82rem;font-style:italic}.clarity-bar{letter-spacing:.08em;color:var(--gold);font-family:Cormorant Garamond,serif;font-size:.72rem}.skill-narrative{color:var(--ink-mid);font-family:Cormorant Garamond,serif;font-size:.88rem;font-style:italic;line-height:1.5}.direction-badge{letter-spacing:.14em;text-transform:uppercase;border:1px solid;padding:.1rem .4rem;font-family:Cormorant SC,serif;font-size:.6rem}.dir--growing{color:var(--gold)}.dir--consolidating{color:var(--ink-light)}.dir--emerging,.dir--dormant{color:var(--rule)}.comparison-card{border:1px solid var(--rule-light);margin-bottom:1.25rem;padding:1.5rem}.comparison-title{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mid);margin-bottom:1.1rem;font-family:Cormorant SC,serif;font-size:.82rem}.comparison-rows{flex-wrap:wrap;align-items:flex-start;gap:1.5rem;margin-bottom:1rem;display:flex}.comparison-col{flex:1;min-width:9rem}.comparison-date{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:.6rem;font-family:Cormorant SC,serif;font-size:.65rem}.comparison-skill-row{align-items:baseline;gap:.6rem;margin-bottom:.3rem;display:flex}.comp-skill{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-light);min-width:6rem;font-family:Cormorant SC,serif;font-size:.65rem}.comp-dots{color:var(--ink-mid);letter-spacing:.06em;font-size:.75rem}.comparison-arrow{color:var(--rule);flex-shrink:0;align-self:center;font-size:1.25rem}.comparison-narrative{color:var(--ink-mid);font-family:Cormorant Garamond,serif;font-size:.92rem;font-style:italic}.peer-note{opacity:.6;border-top:1px solid var(--rule-light);margin-top:3rem;padding-top:2rem}.peer-note-rule{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.peer-rule-line{background:var(--rule-light);flex:1;height:1px;display:block}.peer-rule-text{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-light);white-space:nowrap;flex-shrink:0;font-family:Cormorant SC,serif;font-size:.62rem}.peer-note-body{color:var(--ink-light);max-width:36rem;margin-bottom:1rem;font-family:Cormorant Garamond,serif;font-size:.88rem;font-style:italic;line-height:1.65}.peer-optin{appearance:none;cursor:not-allowed;color:var(--ink-light);background:0 0;border:none;padding:0;font-family:Cormorant Garamond,serif;font-size:.8rem;font-style:italic;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.progress-empty{text-align:center;padding:3rem 0}.progress-empty-text{color:var(--ink-mid);margin-bottom:1.5rem;font-family:Cormorant Garamond,serif;font-size:1.05rem;font-style:italic}@media (width<=520px){.skills-grid{grid-template-columns:1fr}.formation-stats{gap:1.5rem}.comparison-rows{flex-direction:column}.comparison-arrow{display:none}}.tv-root{background:var(--paper);flex-direction:column;min-height:100vh;font-family:Cormorant Garamond,serif;display:flex}.tv-topbar{border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex}.tv-title{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mid);margin:0 auto 0 0;font-family:Cormorant SC,serif;font-size:.75rem}.tv-code-input{appearance:none;background:var(--paper);border:none;border-bottom:1px solid var(--rule);letter-spacing:.3em;text-transform:uppercase;color:var(--ink);text-align:center;outline:none;width:7rem;padding:.1rem .25rem;font-family:Cormorant SC,serif;font-size:1.4rem}.tv-btn{appearance:none;border:1px solid var(--rule);cursor:pointer;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mid);background:0 0;padding:.35rem .9rem;font-family:Cormorant SC,serif;font-size:.68rem;transition:border-color .15s,color .15s}.tv-btn:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.tv-btn:disabled{opacity:.35;cursor:default}.tv-status{color:var(--ink-light);font-size:.78rem;font-style:italic}.tv-status--ok{color:var(--gold)}.tv-status--err{color:#8b2020}.tv-body{flex:1;min-height:0;display:flex;overflow:hidden}.tv-left{border-right:1px solid var(--rule-light);flex:0 0 60%;max-width:60%;padding:1.5rem 2rem;overflow-y:auto}.tv-right{flex-direction:column;flex:1;gap:1.25rem;padding:1.5rem;display:flex;overflow-y:auto}.tv-section-head{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0 0 .65rem;font-family:Cormorant SC,serif;font-size:.62rem}.tv-mode-badge{letter-spacing:.08em;color:var(--ink);border:1px solid var(--rule-light);padding:.2rem .6rem;font-size:.8rem;font-style:italic;display:inline-block}.tv-feedback{color:var(--ink-mid);border-left:2px solid var(--rule-light);margin:0;padding-left:.75rem;font-size:.88rem;font-style:italic}.tv-note-dots{flex-wrap:wrap;gap:.45rem;margin-top:.5rem;display:flex}.tv-note-dot{background:var(--rule);border-radius:50%;width:.55rem;height:.55rem}.tv-note-dot--current{background:var(--gold);box-shadow:0 0 0 2px var(--paper), 0 0 0 3px var(--gold)}.tv-note-dot--done{background:var(--ink-mid)}.tv-idle-msg{text-align:center;color:var(--ink-light);padding:4rem 2rem;font-size:.92rem;font-style:italic}.tv-submit-status{margin-top:.4rem;font-size:.8rem;font-style:italic}.tv-submit-status--ok{color:var(--gold)}.tv-submit-status--err{color:#8b2020}.theory-cat{margin-top:2.25rem}.theory-cat-head{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--rule-light);margin:0 0 .5rem;padding-bottom:.4rem;font-family:Cormorant SC,serif;font-size:.66rem}.theory-item{border-bottom:1px solid var(--rule-light);flex-direction:column;gap:.15rem;padding:.7rem 0;display:flex}.theory-item:last-child{border-bottom:none}a.theory-item{text-decoration:none}a.theory-item:hover .theory-item-title{color:var(--gold)}.theory-item-title{color:var(--ink);font-size:1.02rem}a.theory-item .theory-item-title:after{content:" →";color:var(--gold);font-size:.85rem}.theory-item-desc{color:var(--ink-light);font-size:.84rem;font-style:italic}.tuner-bar{justify-content:center;align-items:center;gap:.75rem;margin:.5rem 0 2rem;display:flex}.tuner-tabs{border:1px solid var(--rule);width:fit-content;display:flex}.tuner-tab{appearance:none;cursor:pointer;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-light);background:0 0;border:none;padding:.5rem 1.4rem;font-family:Cormorant SC,serif;font-size:.72rem;transition:background .15s,color .15s}.tuner-tab+.tuner-tab{border-left:1px solid var(--rule)}.tuner-tab--active{background:var(--gold);color:var(--paper)}.tuner-gear{appearance:none;cursor:pointer;border:1px solid var(--rule);background:var(--paper);color:var(--ink-mid);width:2.1rem;height:2.1rem;font-size:1rem;line-height:1;transition:border-color .15s,color .15s}.tuner-gear:hover,.tuner-gear--active{border-color:var(--gold);color:var(--gold)}.tuner-settings{border:1px solid var(--rule-light);max-width:30rem;margin:0 auto 2rem;padding:.6rem 1.25rem}.ts-row{border-bottom:1px solid var(--rule-light);justify-content:space-between;align-items:center;gap:1rem;padding:.45rem 0;display:flex}.ts-row:last-of-type{border-bottom:none}.ts-label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-light);font-family:Cormorant SC,serif;font-size:.64rem}.ts-seg{border:1px solid var(--rule);display:flex}.ts-seg-btn{appearance:none;cursor:pointer;color:var(--ink-mid);background:0 0;border:none;padding:.25rem .8rem;font-family:Cormorant Garamond,serif;font-size:.85rem}.ts-seg-btn+.ts-seg-btn{border-left:1px solid var(--rule)}.ts-seg-btn--active{background:var(--gold);color:var(--paper)}.ts-select,.ts-input{color:var(--ink);background:var(--paper);border:1px solid var(--rule);padding:.25rem .5rem;font-family:Cormorant Garamond,serif;font-size:.9rem}.ts-select:disabled{opacity:.4}.ts-input{text-align:right;width:5.5rem}.ts-note{color:var(--ink-light);margin:.5rem 0 0;font-size:.76rem;font-style:italic}.ts-row--wrap{flex-wrap:wrap;justify-content:flex-end;gap:.4rem}.ts-chip{appearance:none;cursor:pointer;border:1px solid var(--rule);background:var(--paper);color:var(--ink-mid);padding:.2rem .6rem;font-family:Cormorant Garamond,serif;font-size:.78rem}.ts-chip--active{border-color:var(--gold);background:var(--gold);color:var(--paper)}.tuner-wrap{flex-direction:column;align-items:center;gap:.75rem;display:flex}.tuner-readout{align-items:baseline;gap:1.5rem;font-family:Cormorant Garamond,serif;display:flex}.tuner-note{color:var(--ink);font-size:3.6rem;line-height:1}.tuner-note--empty{color:var(--rule)}.tuner-note-oct{color:var(--ink-light);margin-left:.1rem;font-size:1.5rem}.tuner-stat{text-align:center}.tuner-stat-label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-light);font-family:Cormorant SC,serif;font-size:.58rem;display:block}.tuner-stat-val{color:var(--ink-mid);font-size:1.3rem}.tuner-caption{color:var(--ink-light);margin-top:.25rem;font-size:.78rem;font-style:italic}.tuner-btn{appearance:none;border:1px solid var(--gold);cursor:pointer;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);background:0 0;margin-top:.75rem;padding:.6rem 2.25rem;font-family:Cormorant SC,serif;font-size:.82rem;transition:background .18s}.tuner-btn:hover{background:#7b5d1a14}.tuner-auto{appearance:none;cursor:pointer;border:1px solid var(--rule);background:var(--paper);color:var(--ink-mid);letter-spacing:.16em;text-transform:uppercase;margin-top:.25rem;padding:.4rem 1.1rem;font-family:Cormorant SC,serif;font-size:.7rem}.tuner-auto--active{border-color:var(--gold);color:var(--gold);background:#7b5d1a0f}.tuner-meter{flex-direction:column;align-items:center;gap:.45rem;width:260px;max-width:80vw;display:flex}.tuner-meter-track{background:var(--rule-light);border-radius:4px;width:100%;height:8px;position:relative}.tuner-meter-center{background:var(--ink-light);width:2px;height:14px;position:absolute;top:-3px;left:50%;transform:translate(-1px)}.tuner-meter-needle{border-radius:2px;width:4px;height:16px;transition:left 80ms linear;position:absolute;top:-4px;transform:translate(-2px)}.tuner-meter-label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-light);font-family:Cormorant SC,serif;font-size:.72rem}.tg-notes{grid-template-columns:repeat(6,1fr);gap:.5rem;max-width:26rem;display:grid}.tg-note{appearance:none;cursor:pointer;border:1px solid var(--rule);background:var(--paper);color:var(--ink-mid);padding:.5rem .2rem;font-family:Cormorant Garamond,serif;font-size:1.02rem;transition:all .12s}.tg-note--active{border-color:var(--gold);background:var(--gold);color:var(--paper)}.tg-octaves{align-items:center;gap:.5rem;margin-top:1.25rem;display:flex}.tg-oct{appearance:none;cursor:pointer;border:1px solid var(--rule);background:var(--paper);color:var(--ink-mid);width:2rem;height:2rem;font-family:Cormorant SC,serif;font-size:.8rem;transition:all .12s}.tg-oct--active{border-color:var(--gold);background:var(--gold);color:var(--paper)}.sr-note{color:var(--ink-light);max-width:40rem;margin-bottom:1rem;font-family:Cormorant Garamond,serif;font-size:.95rem;font-style:italic}.sr-pitch{flex-wrap:wrap;align-items:center;gap:.4rem;display:inline-flex}.sr-num{text-align:center;width:4.5rem}.sr-slash{color:var(--ink-light);font-family:Cormorant Garamond,serif}.sr-range{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.4rem 0;display:flex}.sr-explicit{flex-direction:column;gap:.6rem;width:100%;padding:.4rem 0;display:flex}.sr-chips{flex-wrap:wrap;gap:.4rem;display:flex}.sr-chip{appearance:none;cursor:pointer;border:1px solid var(--rule);background:var(--paper);color:var(--ink-mid);padding:.2rem .6rem;font-family:Cormorant Garamond,serif;font-size:.85rem;transition:border-color .12s,color .12s}.sr-chip:hover{color:#8b2020;border-color:#8b2020}.sr-add{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.sr-seed{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.sr-label-text{color:var(--ink-light);margin-left:auto;font-family:Cormorant Garamond,serif;font-size:.9rem;font-style:italic}.sr-score{justify-content:center;margin-top:1.25rem;display:flex}.auth-page{justify-content:center;align-items:flex-start;min-height:100vh;padding:4rem 1.5rem 6rem;display:flex}.auth-card{background:var(--paper);border:1px solid var(--rule-light);width:100%;max-width:440px;box-shadow:inset 0 0 0 8px var(--paper), inset 0 0 0 9px var(--rule-light), 0 6px 48px var(--shadow), 0 1px 4px #0000000f;padding:3rem 3.5rem;position:relative}.auth-card:before,.auth-card:after{content:"◆";color:var(--rule);pointer-events:none;font-size:.38rem;line-height:1;position:absolute}.auth-card:before{top:1.05rem;left:1.05rem}.auth-card:after{top:1.05rem;right:1.05rem}.auth-title{color:var(--ink);text-align:center;letter-spacing:.04em;margin-bottom:.25rem;font-size:1.6rem;font-weight:600}.auth-subtitle{color:var(--ink-light);text-align:center;margin-bottom:2rem;font-size:.9rem}.auth-rule{border:none;border-top:1px solid var(--rule);margin:1.5rem 0}.auth-field{flex-direction:column;gap:.35rem;margin-bottom:1.25rem;display:flex}.auth-label{color:var(--ink-mid);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:600}.auth-input{border:1px solid var(--rule);background:var(--paper);color:var(--ink);outline:none;padding:.55rem .75rem;font-family:inherit;font-size:1rem;transition:border-color .15s}.auth-input:focus{border-color:var(--gold)}.auth-input--error{border-color:#b94040}.auth-field-error{color:#b94040;font-size:.78rem}.auth-btn{background:var(--gold);width:100%;color:var(--paper);letter-spacing:.05em;cursor:pointer;border:none;margin-top:.5rem;padding:.65rem 1rem;font-family:inherit;font-size:1rem;font-weight:600;transition:background .15s}.auth-btn:hover:not(:disabled){background:var(--gold-light)}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-error{color:#8b2020;background:#fdf2f2;border:1px solid #e8b4b4;margin-bottom:1.25rem;padding:.65rem .9rem;font-size:.88rem}.auth-link-row{text-align:center;color:var(--ink-light);margin-top:1.25rem;font-size:.88rem}.auth-link{color:var(--gold);font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.auth-link:hover{color:var(--gold-light)}.auth-info{color:#1a3a6b;background:#f2f6fd;border:1px solid #b4c8e8;margin-bottom:1.25rem;padding:.65rem .9rem;font-size:.88rem}