:root{--bg:#f5f4ef;--ink:#243c34;--muted:#768077;--green:#284b3e;--lime:#d9ed88;--line:#dfe3d9;--orange:#df7651}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Segoe UI,sans-serif;font-size:14px}button,input,select{font:inherit}button,select,.file-button{cursor:pointer}button,.file-button{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:8px;padding:10px 14px;font-weight:600}button:hover,.file-button:hover{background:#e8eddf}input,select{border:1px solid var(--line);border-radius:7px;padding:10px;background:#fff;color:var(--ink);min-width:0}input:focus,button:focus-visible,select:focus{outline:2px solid #8ca845;outline-offset:2px}input[type=checkbox]{accent-color:var(--green)}a{color:inherit}header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5.5%}.brand{font:800 29px Manrope,Segoe UI,sans-serif;letter-spacing:-2px;text-decoration:none}.brand i{color:#7d9b36;font-style:normal;margin-left:9px;font-size:34px}.header-note{font-size:10px;letter-spacing:2px;color:var(--muted)}.local{font-size:11px}.local b,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#81a056;margin-right:7px}main{max-width:1280px;margin:auto;padding:0 38px}.intro{display:flex;align-items:center;justify-content:space-between;padding:52px 22px 43px}.eyebrow,.section-label{font-size:10px;letter-spacing:1.7px;font-weight:700}.eyebrow{color:#7b8c5a;margin:0 0 17px}h1{font:500 clamp(32px,4.6vw,57px)/1.12 Manrope,Segoe UI,sans-serif;letter-spacing:-2.5px;margin:0}h1 em{font-style:normal;color:#7a8d65}.intro p:not(.eyebrow){line-height:1.7;color:var(--muted);font-size:15px;margin-bottom:0}.intro-art{position:relative;width:270px;margin-right:45px}.record{width:230px;height:230px;border-radius:50%;background:repeating-radial-gradient(circle,#294339 0px,#294339 2px,#3d5345 3px,#294339 4px);display:grid;place-items:center;transform:rotate(-12deg)}.record>div{width:114px;height:114px;border-radius:50%;background:var(--lime);display:grid;place-content:center;text-align:center;font-size:46px;font-weight:500;line-height:1}.record span{font-size:7px;letter-spacing:1px;line-height:1.4;margin-top:4px}.sticker{position:absolute;right:0;bottom:10px;background:#e8ac89;padding:14px;font-size:10px;font-weight:800;line-height:1.5;letter-spacing:1px;transform:rotate(8deg)}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:25px}.source{margin-bottom:23px}.section-label{color:#7f897b}.source form{display:flex;gap:12px;margin-top:16px}.source form input{flex:1;background:#f8f9f5;padding:14px}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#426249}.source-bottom{display:flex;align-items:center;gap:14px;margin-top:14px}.source-bottom>span{color:var(--muted);font-size:11px}.text-button{margin-left:auto;border:0;font-size:12px}.file-button{font-size:12px;display:inline-block}#status{font-size:11px;color:var(--muted);margin:14px 0 0;line-height:1.6}.workspace{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(280px,1fr);gap:22px}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.tag{font-size:9px;letter-spacing:1px;padding:6px 9px;background:#eff3e5;border-radius:5px;color:#6f8555;font-weight:700}h2{font-family:Manrope,Segoe UI,sans-serif;font-size:22px;font-weight:600;letter-spacing:-.7px;margin:14px 0 8px}.player>p{font-size:12px;color:var(--muted);margin-top:0}#wave{width:100%;height:90px;margin-top:17px}.transport{display:flex;align-items:center;gap:13px;margin-top:10px;flex-wrap:wrap}.play{border:0;background:var(--green);color:var(--lime);border-radius:50%;width:42px;height:42px;padding:0}.icon-button{border:0;padding:4px}.transport label{font-size:10px;display:flex;align-items:center;gap:3px}.transport select{padding:5px;font-size:11px}#clock{font-size:12px;font-variant-numeric:tabular-nums;margin-right:auto}#seek{width:100%;accent-color:var(--green);padding:0;height:18px;margin:12px 0 18px}.beat-heading{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1px}.beat-heading select{font-size:11px;padding:6px;letter-spacing:0}.counts{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-top:13px}.count{text-align:center;border:1px solid var(--line);border-radius:9px;padding:12px 0;font-size:23px;font-weight:600;transition:background .1s}.count small{display:block;font-size:8px;font-weight:400;color:var(--muted);margin-top:4px}.count.rest{color:#aab3a7;background:#f7f8f4}.count.active{background:var(--lime);color:var(--green);border-color:var(--lime);transform:translateY(-2px)}.entry{display:flex;align-items:center;gap:14px;background:#f4f6ed;border-radius:10px;margin-top:16px;padding:13px 17px}#bigCount{font-size:37px;font-weight:600;min-width:35px}.entry strong{font-size:13px}.entry p{font-size:11px;line-height:1.5;color:var(--muted);margin:5px 0 0}.entry .live-dot{margin-left:auto;flex-shrink:0}.calibration{display:flex;gap:7px;align-items:end;margin-top:18px;flex-wrap:wrap}.calibration label{font-size:9px;display:flex;flex-direction:column;gap:5px;color:var(--muted)}.calibration input{width:73px;padding:7px;font-size:12px}.calibration button{font-size:11px;padding:9px}.small{font-size:11px!important;line-height:1.7;color:var(--muted)}.player .small{margin:12px 0}.loop-row{display:flex;gap:7px;align-items:center;font-size:10px;flex-wrap:wrap}.loop-row input[type=number]{width:55px;padding:5px}.coach{background:#edf0e2;position:relative;overflow:hidden}.coach-orbit{font-size:81px;color:#8a9e54;line-height:1;margin:25px 0 15px}.coach h2{font-size:27px;line-height:1.25;margin-top:15px}.coach>p{font-size:13px;line-height:1.8;color:#7a8570}.divider{height:1px;background:#d9deca;margin:24px 0 20px}.coach-label{font-size:9px;letter-spacing:1.6px;margin-bottom:10px}.coach select{background:transparent;width:100%;border-color:#ced6bc}.feet{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.foot{background:#fff8;border-radius:7px;padding:9px;text-align:center;font-size:12px}.foot.active{background:var(--green);color:white}.foot small{display:block;font-size:9px;margin-top:4px}.tip{display:block;font-size:10px;line-height:1.7;color:#788465;margin-top:20px}.layers,.map{margin-top:23px}.layers h2,.map h2{font-size:22px}.layers select{font-size:11px}.instrument-row{display:grid;grid-template-columns:150px repeat(16,minmax(14px,1fr));align-items:center;gap:5px;border-bottom:1px solid #eff0eb;padding:10px 0}.instrument-row.head{font-size:9px;color:var(--muted);border:0;padding-bottom:0;text-align:center}.instrument-row button{text-align:left;border:0;padding:6px 0;font-size:12px}.instrument-row button.solo{color:#b66b3e}.dot{height:17px;width:17px;border-radius:50%;background:#f0f2ec;justify-self:center}.dot.hit{background:#a1b77b}.dot.offbeat.hit{background:#deb28b}.dot.current{box-shadow:0 0 0 3px var(--green)}.instrument-help{font-size:11px;background:#f5f7f1;border-radius:7px;padding:12px;color:#77816c;margin-bottom:0}.actions{display:flex;gap:7px}.actions button{font-size:11px}.timeline{height:42px;position:relative;border-radius:8px;background:#f4f5ef;margin:22px 0 13px;overflow:hidden}.timeline button{position:absolute;top:0;height:100%;border-radius:0;border:0;border-left:2px solid #91a66b;font-size:9px;padding:3px 6px;text-align:left;background:#e2eacb;white-space:nowrap;overflow:hidden}.events{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:270px;overflow:auto}.event{display:flex;align-items:center;gap:10px;padding:12px;background:#f7f8f3;border-radius:8px}.event .time{color:#789156;font-size:12px;font-weight:700;border:0;padding:0}.event strong{font-size:12px}.event small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.event .remove{margin-left:auto;padding:2px 6px;border:0;color:#939b8b}.mark-form{display:flex;align-items:end;gap:8px;margin-top:20px}.mark-form label{display:flex;flex-direction:column;gap:7px;font-size:9px;color:var(--muted)}.mark-form label:nth-child(2){flex:1}.mark-form input,.mark-form select{width:100%;font-size:12px}.mark-form input[type=number]{width:85px}.mark-form button{font-size:11px;white-space:nowrap}.learn{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:30px;padding:48px 7px}.learn h2{font-size:27px;line-height:1.2}.learn article>span{font-size:11px;color:#95a07e}.learn h3{font-size:14px;font-weight:600}.learn p{font-size:12px;color:var(--muted);line-height:1.8}.sources{font-size:12px;background:transparent;line-height:1.8;padding:16px 22px}.sources summary{cursor:pointer;font-weight:600}.sources p,.sources li{color:var(--muted)}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:35px;padding:28px 0;font-size:10px;color:var(--muted)}footer .brand{font-size:23px;color:var(--ink)}footer>span:last-child{font-size:8px;letter-spacing:1px}audio,video,iframe{width:100%;border:0;border-radius:8px;margin-top:14px}video,iframe{height:260px}[hidden]{display:none!important}@media(max-width:900px){main{padding:0 20px}.intro-art{margin-right:0;transform:scale(.8)}.workspace{grid-template-columns:1fr}.coach{display:grid;grid-template-columns:1fr 1fr;gap:8px 25px}.coach-orbit{display:none}.coach .divider{display:none}.coach>p,.coach .tip{margin:0}.coach .section-label{grid-column:1/-1}.events{grid-template-columns:1fr 1fr}.learn{grid-template-columns:1fr 1fr}.source-bottom{flex-wrap:wrap}.header-note{display:none}}@media(max-width:600px){header{height:68px}main{padding:0 12px}.intro{padding:35px 6px}.intro-art{display:none}h1{font-size:38px}.panel{padding:18px}.source form{flex-direction:column}.source-bottom>span{display:none}.source-bottom .text-button{padding:8px 0}.counts{gap:4px}.count{font-size:20px}.count small{font-size:7px}.coach{display:block}.coach .section-label{margin-bottom:20px}.coach>p{margin:12px 0}.panel-top{align-items:start;flex-wrap:wrap}.instrument-row{grid-template-columns:83px repeat(16,minmax(5px,1fr));gap:2px}.instrument-row button{font-size:10px}.dot{width:10px;height:10px}.events{grid-template-columns:1fr}.mark-form{flex-wrap:wrap}.mark-form label:nth-child(2){min-width:150px}.learn{gap:20px;padding:35px 8px}.learn>div{grid-column:1/-1}.learn article:last-child{grid-column:1/-1}footer>span{display:none}.transport{gap:10px}}

.playback-notice{background:#fff3df;border:1px solid #e6c994;border-radius:10px;padding:16px;margin-top:16px;line-height:1.6}.playback-notice strong{font-size:14px}.playback-notice p{font-size:12px;color:#796343}.playback-notice .actions{flex-wrap:wrap}.playback-notice a{text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}

.timing-choice{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.timing-choice>div>p{color:var(--muted);font-size:12px;margin:7px 0 12px}.timing-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.timing-buttons button{text-align:left;padding:14px 18px;background:#f7f8f3;border:1px solid var(--line)}.timing-buttons strong{display:block;font-size:17px;margin-bottom:5px}.timing-buttons span{font-size:11px;font-weight:400}.timing-buttons button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#fff}.timing-buttons button[aria-pressed=true] strong{color:var(--lime)}.timing-help{font-size:12px;line-height:1.7;color:var(--green);margin:12px 0 0}@media(max-width:480px){.timing-buttons{gap:8px}.timing-buttons button{padding:12px}.timing-buttons span{font-size:10px}}

.bell-reference{margin-top:15px;padding:12px;border:1px solid #d5dfbe;border-radius:8px;background:#fafcf4}.bell-reference strong{font-size:9px;letter-spacing:1px}.bell-reference>div{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-top:10px}.bell-reference span{text-align:center;padding:6px;border-radius:6px;font-weight:700;color:#7c9654;background:#eaf0dc}.bell-reference span.bell-rest{background:transparent;color:#bbb}.bell-reference span.active{background:#284b3e;color:#d9ed88}.bell-reference p{font-size:10px;line-height:1.6;color:#768077;margin-bottom:0}.dot.current{background:#284b3e;box-shadow:0 0 0 3px #d9ed88}

.auto-bpm{background:#f1f6e8;border:1px solid #cdddb8;padding:16px;border-radius:10px;margin-top:15px}.auto-bpm strong{font-size:14px}.auto-bpm p{font-size:12px;line-height:1.7;color:#697d58}.auto-bpm button{margin-right:8px}.auto-bpm #detectProgress{margin-bottom:0;font-weight:600}

.instrument-controls{background:#f7f9f2;border:1px solid var(--line);border-radius:10px;padding:15px;margin:17px 0}.instrument-controls strong{font-size:12px}.instrument-controls button{font-size:11px}.instrument-filters{display:flex;flex-wrap:wrap;gap:9px}.instrument-filter{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden}.instrument-filter label{display:flex;align-items:center;gap:5px;padding:8px 10px;font-size:12px;cursor:pointer}.instrument-filter button{font-size:10px;padding:8px;border:0;border-left:1px solid var(--line);border-radius:0;color:#6c8451}.empty-instruments{font-size:12px;color:var(--muted);padding:18px;text-align:center}.song-instruments{border-top:1px solid var(--line);padding-top:15px;margin-top:20px}.song-instruments h3{font-size:16px;margin:0}.song-instruments ul{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px}.song-instruments li{border:1px solid var(--line);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:7px}.song-instruments li strong{font-size:13px}.song-instruments li button{font-size:11px;text-align:left;padding:5px 8px}.song-instruments li span{font-size:10px;color:var(--muted)}

.foot-options{margin-top:14px;display:grid;gap:10px}.foot-options label{font-size:11px}.foot-options select{margin-top:6px}.foot-stage{height:260px;position:relative;background:#ffffff70;border:1px solid #d3dcc3;border-radius:14px;margin-top:14px;overflow:hidden;--foot-color:#799b36}.floor-label{position:absolute;left:0;width:100%;text-align:center;font-size:9px;letter-spacing:2px;color:#7b8b69}.floor-label.front{top:12px}.floor-label.back{bottom:12px}.floor-center{position:absolute;left:10%;right:10%;top:50%;border-top:1px dashed #b5c4a0}.drawn-foot{position:absolute;top:82px;width:45px;height:90px;transition:transform .12s ease,filter .08s;opacity:.4;color:#7d8b74}.drawn-foot svg{width:100%;height:100%;fill:currentColor}.drawn-foot span{position:absolute;left:19px;top:51px;color:white;font-size:12px;font-weight:700}#leftFoot{left:calc(50% - 55px)}#leftFoot svg{transform:scaleX(-1)}#rightFoot{left:calc(50% + 10px)}.drawn-foot[data-position=front]{transform:translateY(-48px)}.drawn-foot[data-position=back]{transform:translateY(48px)}.drawn-foot[data-position=left]{transform:translateX(-24px)}.drawn-foot[data-position=right]{transform:translateX(24px)}#leftFoot[data-position=cross]{transform:translateX(45px) rotate(20deg)}#rightFoot[data-position=cross]{transform:translateX(-45px) rotate(-20deg)}.drawn-foot.stepping{opacity:1;color:#284b3e;filter:drop-shadow(0 0 4px #fff)}.drawn-foot.instrument-accent{opacity:1;color:var(--foot-color);filter:drop-shadow(0 0 8px var(--foot-color))}.foot-action{font-size:12px!important;min-height:40px;font-weight:600}.all-instruments{font-size:12px;display:flex;align-items:center;gap:5px}@media(prefers-reduced-motion:reduce){.drawn-foot{transition:none}}

/* Steps must land on the beat; an eased translation delayed the visual arrival. */
.drawn-foot{transition:none;opacity:.23}.drawn-foot.supporting{opacity:.5}.drawn-foot.instrument-accent{opacity:1;filter:drop-shadow(0 0 4px var(--foot-color))}.drawn-foot span{left:0;width:100%;text-align:center;font-size:15px;top:49px}.foot-signal{display:flex;align-items:center;gap:10px;margin-top:13px;background:#fff9;border:1px solid #d1dcc2;padding:9px 12px;border-radius:9px}.foot-signal>span{font-size:29px;font-weight:700;min-width:45px}.foot-signal strong{display:block;font-size:12px}.foot-signal small{font-size:9px;color:#7c8a6f;display:block;margin-top:4px}.foot-signal i{margin-left:auto;width:17px;height:17px;border-radius:50%;background:#d9dfd0;flex-shrink:0}.foot-signal i.lit{background:var(--foot-color);box-shadow:0 0 0 4px #ffffff,0 0 0 5px var(--foot-color)}

.sync-state{font-size:10px!important;line-height:1.6;color:#456b3a!important;background:#edf4e6;border:1px solid #ccdcbb;border-radius:7px;padding:9px}.sync-state.uncertain{color:#7a613c!important;background:#fff6e6;border-color:#ead5b0}.drawn-foot{opacity:.58}.drawn-foot.supporting{opacity:.75}.drawn-foot.instrument-accent{opacity:1}.count.active{transform:none}

.file-analysis{border:1px solid #cbdcb6;background:#f7faef;border-radius:12px;padding:18px;margin-top:18px}.analysis-steps{list-style:none;padding:0;margin:0 0 16px;display:flex;gap:10px;flex-wrap:wrap}.analysis-steps li{font-size:10px;color:#859078;background:#e9edde;padding:8px 11px;border-radius:6px}.analysis-steps li.done{background:#284b3e;color:#e4f1c7}.file-analysis h3{font-size:15px;margin:9px 0}.file-analysis>p{font-size:12px;line-height:1.7}.analysis-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.analysis-summary>div{background:#fff;border:1px solid #dbe4cd;border-radius:7px;padding:12px}.analysis-summary small{display:block;color:#7b8870;font-size:10px;margin-bottom:6px}.analysis-summary strong{font-size:13px;line-height:1.5;display:block}@media(max-width:600px){.analysis-summary{grid-template-columns:1fr 1fr}.file-analysis .actions{flex-wrap:wrap}}

.rhythm-review{border:1px solid #dce2d3;border-radius:8px;padding:11px;margin:10px 0 18px}.rhythm-review summary{font-size:11px;font-weight:600;cursor:pointer}.rhythm-review button{display:block;width:100%;text-align:left;font-size:11px;margin-top:7px}.active-rhythm-alert{background:#fff0d5;border-left:3px solid #c59042;padding:10px;font-size:11px;line-height:1.6;color:#785929}

#analysisDetails summary{font-size:12px;font-weight:600;cursor:pointer;margin:12px 0}.file-analysis:has(#cancelAnalysis:not([hidden])){border-color:#a9bc88}
.lesson-library{margin-top:24px;padding:30px}.lesson-categories,.lesson-tools,.lesson-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0}.lesson-categories button[aria-pressed=true],.lesson-list button[aria-pressed=true]{background:var(--ink,#172b29);color:white}.lesson-tools input{flex:1;min-width:180px}.lesson-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);gap:26px}.lesson-screen{aspect-ratio:16/9;background:#142e2b;position:relative;border-radius:14px;overflow:hidden}.lesson-screen iframe{width:100%;height:100%;display:block}.lesson-screen>div{height:100%}.lesson-screen>p{position:absolute;inset:0;margin:0;padding:35px;display:grid;place-content:center;text-align:center;color:#fff;pointer-events:none;background:#142e2b}.lesson-screen>p[hidden]{display:none}.lesson-list{display:grid;gap:8px;margin:20px 0;max-height:270px;overflow:auto}.lesson-list button{text-align:left}.lesson-add{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:20px}.lesson-add label{display:grid;gap:7px}.lesson-add input,.lesson-add select{width:100%}.lesson-library aside h3{font-size:24px;margin-top:0}.lesson-library details{margin-top:20px}.lesson-actions label{font-size:13px}@media(max-width:760px){.lesson-layout{grid-template-columns:1fr}.lesson-library{padding:20px}.lesson-add{grid-template-columns:1fr}}

.figure-browser{padding:20px;background:#f4f5ef;border-radius:14px;margin:20px 0}.figure-list{display:flex;flex-wrap:wrap;gap:8px}.figure-list button{font-size:13px}.figure-list button[aria-pressed=true]{background:#173c35;color:white}.figure-browser h4{margin:20px 0 10px}

.lesson-list .lesson-option-group{margin:0;border:1px solid #d8dfd8;border-radius:10px;overflow:hidden}.lesson-option-group summary{cursor:pointer;padding:12px;font-weight:600;background:#f1f4ed}.lesson-option-items{display:grid;gap:7px;padding:10px}.lesson-option-items button{width:100%;text-align:left}.lesson-list{max-height:430px}
.rhythm-practice{padding:30px;margin-bottom:24px}.practice-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}.practice-controls label{display:grid;gap:7px;font-size:12px}.practice-controls select,.practice-controls input{width:100%}.rp-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr);gap:24px;align-items:center}.rp-grid{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:3px;margin:10px 0 20px}.rp-grid span{text-align:center;font-size:12px;padding:12px 0;background:#edf1e6;border-radius:5px}.rp-grid .rp-offbeat{background:#fff2df;color:#a95d17}.rp-grid .rp-hit{font-weight:bold;background:#d1e6bc}.rp-grid .rp-now{outline:2px solid #1c5747;outline-offset:1px}.rp-row-title{font-size:11px;font-weight:bold;letter-spacing:1px}.rp-suggestions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.rp-suggestions article{display:grid;gap:10px;border:1px solid #d9dfd2;border-radius:12px;padding:15px}.rp-suggestions strong{font-size:13px}.rp-suggestions button{font-size:12px}.legacy-music{margin:20px 0}.legacy-music>summary{padding:18px;background:#ecefe5;border-radius:10px;cursor:pointer}#rpLeft{left:calc(50% - 55px)}#rpLeft svg{transform:scaleX(-1)}#rpRight{left:calc(50% + 10px)}#rpLeft[data-position=cross]{transform:translateX(45px) rotate(20deg)}#rpRight[data-position=cross]{transform:translateX(-45px) rotate(-20deg)}#rpStage{--foot-color:#287653}#rpStage .rp-sync{color:#c57419;filter:drop-shadow(0 0 5px #c57419)}@media(max-width:760px){.practice-controls,.rp-layout,.rp-suggestions{grid-template-columns:1fr}.rhythm-practice{padding:18px}.rp-grid{gap:2px}.rp-grid span{font-size:10px}}

.rp-mode-notice{padding:12px;background:#fff3da;border-radius:8px;font-weight:600;font-size:12px}#rpSteps span{font-size:11px}#rpSteps .rp-hit{color:#164b35}#rpSteps .rp-offbeat.rp-hit{color:#9b5208}

.rp-reference{margin-top:24px;border-top:1px solid #d5dfd0;padding-top:20px}.rp-reference-links{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.rp-reference-links a{font-size:12px;padding:8px 10px;border:1px solid #d3ddca;border-radius:8px}.rp-table-wrap{overflow:auto}.rp-position-table{width:100%;border-collapse:collapse;font-size:13px}.rp-position-table th,.rp-position-table td{padding:9px;text-align:left;border-bottom:1px solid #dde4d7}.rp-position-table th{background:#edf2e6}.rp-position-table .rp-table-now{background:#e3efd8}.rp-position-table button{padding:6px 14px}#rpStage .floor-center:after{content:"CENTRO · POSICIÓN BASE";position:absolute;right:0;top:5px;font-size:9px;color:#6b8063}

.rp-band{margin:24px 0;padding:22px;background:#f5f6ef;border-radius:14px}.rp-layer-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.rp-layer-card{padding:15px;background:#fff;border:1px solid #d5ddce;border-radius:10px}.rp-layer-card>label{font-size:14px;font-weight:700;display:block}.rp-layer-card>small{display:block;margin-top:9px;color:#63725b}.rp-layer-card p{font-size:12px;line-height:1.5}.rp-layer-card button{font-size:11px;padding:7px}.rp-layer-selected{border:2px solid #2d6b4f}.rp-layer-hit{background:#e0eed0;box-shadow:inset 0 0 0 2px #618d44}@media(max-width:760px){.rp-layer-list{grid-template-columns:1fr}.rp-band{padding:14px}}

.rp-partner-stage{height:230px;--foot-color:#4877a6}#rpPartnerLeft{left:calc(50% - 55px)}#rpPartnerLeft svg{transform:scaleX(-1)}#rpPartnerRight{left:calc(50% + 10px)}#rpPartnerLeft[data-position=cross]{transform:translateX(45px) rotate(20deg)}#rpPartnerRight[data-position=cross]{transform:translateX(-45px) rotate(-20deg)}#rpPartnerPreview[hidden]{display:none}#rpOwnRole,#rpPartnerRole{font-weight:700;margin-top:18px}

/* Guided linear salsa learning routes. */
.learning-path{border:1px solid #cad9c7;border-radius:18px;padding:24px;margin:22px 0;background:#f5f8f1}.learning-path h3{margin:8px 0 16px}.learning-path label{display:grid;gap:8px;font-weight:600}.learning-path select{width:100%;max-width:550px}.learning-summary{display:grid;gap:10px;margin:16px 0}.learning-path nav{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.learning-path nav button{font-size:.85rem;padding:10px 13px}.learning-path [aria-current="step"]{background:#174e43;color:white;border-color:#174e43}.learning-current{background:white;border:1px solid #d8dfd2;border-radius:14px;padding:20px}.learning-current>p{line-height:1.6}.learning-path details{margin-top:18px}.learning-path details p{line-height:1.6}.learning-path .actions{flex-wrap:wrap}@media(max-width:600px){.learning-path{padding:15px}.learning-current{padding:14px}.learning-path nav{display:grid;grid-template-columns:1fr 1fr}.learning-path .actions button{width:100%}}

.learning-visual{margin:20px 0;background:#fff;padding:20px;border-radius:16px;border:1px solid #d8dfd2}.learning-visual h4{font-size:1.15rem;margin:0 0 10px}.learning-beat-row h5{font-size:.85rem;letter-spacing:.08em;margin:20px 0 10px}.learning-beat-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.learning-beat{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 3px!important;min-height:175px;border-radius:12px;background:#edf5ee;color:#174e43;position:relative}.learning-beat strong{font-size:1.45rem}.learning-beat span{font-size:.75rem}.learning-beat small{font-size:.7rem;white-space:normal;line-height:1.3}.learning-beat.turn{background:#fff0d9;border:2px solid #b66c14;color:#734509}.learning-beat.hold{background:#f5f5f2;border-style:dashed;color:#6a746c}.learning-beat em{font-size:.65rem;font-style:normal;font-weight:700;text-transform:uppercase}.learning-foot-symbol{height:48px;display:flex;align-items:center}.learning-foot-symbol>span{font-size:2rem}.learning-foot{width:27px;height:44px;fill:currentColor}.learning-foot.right{transform:scaleX(-1)}.learning-path nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.learning-path nav button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:9px;text-align:left;min-height:135px;background:white}.learning-path nav button svg{width:40px;height:40px}.learning-path nav button[aria-current="step"]{background:#174e43;color:white}.learning-step-number{position:absolute;right:10px;top:10px;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;background:#e5eee5;color:#174e43;font-weight:700}.learning-lesson-visual{display:flex;align-items:center;gap:18px;padding:18px;background:#edf5ee;border-radius:12px;color:#174e43;margin:14px 0}.learning-lesson-visual>svg{width:64px;height:64px;flex-shrink:0}.learning-lesson-visual>div{display:grid;gap:8px}.learning-lesson-visual span{font-size:.85rem;line-height:1.5}@media(max-width:900px){.learning-path nav{grid-template-columns:repeat(3,minmax(0,1fr))}.learning-beat-grid{gap:4px}.learning-beat small{font-size:.6rem}}@media(max-width:600px){.learning-visual{padding:12px}.learning-beat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.learning-beat{min-height:160px}.learning-path nav{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-lesson-visual{padding:12px;gap:10px}.learning-lesson-visual>svg{width:45px;height:45px}}

.learning-facing{background:#f5f8f4;border-radius:14px;padding:18px;margin:16px 0}.learning-facing h5{text-align:center;margin:0 0 12px;font-size:.95rem}.learning-pair-floor{height:320px;max-width:350px;margin:auto;position:relative;background:repeating-linear-gradient(0deg,transparent,transparent 39px,#dfe7dc 40px),#fff;border:1px solid #d3ddce;border-radius:20px}.learning-pair{position:absolute;left:50%;width:160px;margin-left:-80px;text-align:center}.learning-pair.opposite{top:14px;color:#9b5a20}.learning-pair.near{bottom:14px;color:#174e43}.learning-pair>strong{font-size:.75rem;letter-spacing:.1em}.learning-pair-feet{height:100px;position:relative}.learning-pair.opposite .learning-pair-feet{transform:rotate(180deg)}.learning-pair-foot{position:absolute;top:28px;opacity:.35;transition:transform .15s}.learning-pair-foot.left{left:32px}.learning-pair-foot.right{right:32px}.learning-pair-foot .learning-foot{width:30px;height:52px;fill:currentColor}.learning-pair-foot span{position:absolute;top:28px;left:0;width:100%;font-size:.7rem;color:white;font-weight:700}.learning-pair.opposite .learning-pair-foot span{transform:rotate(180deg)}.learning-pair-foot.weighted{opacity:1}.learning-pair-foot[data-position=front]{transform:translateY(-21px)}.learning-pair-foot[data-position=back]{transform:translateY(21px)}.learning-pair-middle{position:absolute;top:50%;left:0;width:100%;text-align:center;font-size:.7rem;color:#7d8977}.learning-facing-counts{display:flex;justify-content:center;gap:6px;margin:14px 0}.learning-facing-counts button{padding:8px 12px}.learning-facing-counts [aria-pressed=true]{background:#174e43;color:white}@media(max-width:600px){.learning-facing{padding:12px}.learning-facing-counts{gap:3px}.learning-facing-counts button{padding:8px;min-width:28px}}
.learning-pair-floor{height:260px}.learning-pair-middle{font-size:.65rem;top:48%}

/* A single guided flow with optional exploration. */
.intro{padding:26px 7px!important;min-height:0!important}.intro h1{font-size:32px;line-height:1.15;margin:8px 0}.intro-art,.intro .eyebrow,.intro>div>p:last-child{display:none}.intro h1 br{display:none}.intro h1 em{margin-left:9px}.guided-workspace>.ux-old-heading{display:none}.guided-workspace{padding:24px}.ux-page-title h2{font-size:28px;margin:8px 0}.ux-page-title p{color:#657366;font-size:14px}.ux-setup{border:1px solid #d7e0d4;border-radius:14px;background:#f4f7f1;padding:20px;margin:22px 0}.ux-setup-heading{display:flex;gap:16px;align-items:center;margin-bottom:16px}.ux-setup-heading span{font-size:12px;color:#697769}.ux-setup-fields{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px}.ux-setup-fields label{display:grid;gap:8px;font-size:12px;font-weight:600}.ux-setup-fields select{width:100%;max-width:none}.guided-workspace .learning-path{margin:0;padding:0;border:0;background:none}.ux-workspace{display:grid;grid-template-columns:235px minmax(0,1fr);gap:24px;align-items:start}.ux-roadmap{position:sticky;top:16px;background:#f7f8f4;border-radius:14px;padding:18px}.ux-roadmap h3{font-size:18px;margin:8px 0}.ux-roadmap>p{font-size:12px;line-height:1.6;color:#71816f}.ux-roadmap #learningLessons{display:grid;grid-template-columns:1fr;margin:18px 0 0;gap:7px}.ux-roadmap #learningLessons button{min-height:60px;display:grid;grid-template-columns:32px 1fr;align-items:center;padding:12px 35px 12px 12px;font-size:12px;gap:12px}.ux-roadmap #learningLessons button svg{width:29px;height:29px}.ux-roadmap .learning-step-number{top:50%;transform:translateY(-50%);right:8px;width:19px;height:19px;font-size:10px}.ux-lesson-main{min-width:0}.ux-lesson-main .learning-current{padding:22px}.ux-lesson-main .learning-current h3{font-size:23px;margin:10px 0}.ux-lesson-main .learning-current>p{font-size:13px;line-height:1.65}.ux-lesson-main .learning-lesson-visual{padding:13px;margin:12px 0}.ux-lesson-main .learning-lesson-visual>svg{height:44px;width:44px}.ux-lesson-main #learningCriterion{padding:12px;border-left:3px solid #5e8c66;background:#f5f8f1}.ux-lesson-main .actions{flex-wrap:wrap}.ux-live{margin:18px 0;border:1px solid #d7dfd1;border-radius:14px;padding:20px}.ux-live-title h3{margin:7px 0 16px;font-size:19px}.ux-transport{display:flex;align-items:end;flex-wrap:wrap;gap:9px;margin:12px 0 20px}.ux-transport label{font-size:11px;display:grid;gap:5px;margin-left:auto}.ux-transport input{width:90px}.ux-live .rp-layout{grid-template-columns:1fr;gap:10px}.ux-live .rp-layout>div:nth-child(2){max-width:520px;width:100%;margin:auto}.ux-live .rp-grid{margin:8px 0 14px}.ux-live .rp-mode-notice{font-size:11px;line-height:1.6}.ux-disclosure{margin:18px 0;border:1px solid #d9e0d3;border-radius:12px;padding:0;background:white}.ux-disclosure>summary{font-size:13px;font-weight:600;cursor:pointer;padding:18px;line-height:1.4}.ux-disclosure[open]{padding:0 18px 18px}.ux-disclosure[open]>summary{margin:0 -18px 16px;border-bottom:1px solid #e0e5dc}.ux-disclosure .learning-visual{padding:12px}.ux-disclosure .learning-summary{font-size:13px;line-height:1.6}.ux-disclosure .practice-controls{grid-template-columns:1fr 1fr}.ux-disclosure .rp-band{margin-top:18px}#uxExplore{margin-top:28px}#uxVideos>.lesson-library{border:0;padding:5px}.guided-workspace .learning-beat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.guided-workspace .learning-beat{min-height:155px}@media(max-width:850px){.ux-workspace{grid-template-columns:1fr}.ux-roadmap{position:static}.ux-roadmap #learningLessons{grid-template-columns:repeat(3,minmax(0,1fr))}.ux-roadmap #learningLessons button{grid-template-columns:1fr;gap:6px;min-height:90px}.ux-setup-fields{grid-template-columns:1fr}.ux-setup-heading{flex-wrap:wrap;gap:6px}.guided-workspace{padding:16px}}@media(max-width:500px){.ux-roadmap #learningLessons{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-lesson-main .learning-current,.ux-live{padding:15px}.ux-page-title h2{font-size:24px}.ux-transport label{margin-left:0}.intro h1{font-size:24px}.ux-disclosure .practice-controls{grid-template-columns:1fr}}
.intro h1{letter-spacing:-1px;word-spacing:.06em}.ux-sound-tools{font-size:11px}

.learning-why{border-radius:12px;background:#f7f8f4;padding:14px 16px;margin:14px 0}.learning-importance{font-size:10px;letter-spacing:.04em;font-weight:700;color:#416847;background:#e8efe3;border-radius:20px;padding:5px 9px;display:inline-block}.learning-why>p{font-size:13px;line-height:1.7;margin:10px 0}.learning-why details{margin:8px 0 0;border-top:1px solid #e1e6dc;padding-top:10px}.learning-why summary{font-size:12px;cursor:pointer;color:#315a46;font-weight:600}.learning-why details p{font-size:12px;line-height:1.7}.learning-why details button{font-size:12px;margin-top:5px}.ux-inline-help{border:0;background:transparent;margin:9px 0}.ux-inline-help>summary{padding:8px 0;font-size:12px;color:#46664f}.ux-inline-help[open]{padding:0 0 10px}.ux-inline-help[open]>summary{margin:0 0 9px;padding:8px 0}.ux-inline-help p{font-size:12px;line-height:1.7;color:#546250}

.mix-quick{border:1px solid #d8e2d1;border-radius:12px;padding:16px;margin:14px 0 20px;background:#f7f9f3}.mix-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.mix-heading>span{font-size:11px;color:#62735c}.mix-select-label{font-size:12px;display:grid;gap:7px}.mix-select-label select{width:100%}.mix-selected{display:flex;align-items:center;gap:12px;background:#e7efde;border:2px solid transparent;border-radius:10px;padding:12px;margin:12px 0;color:#254e34}.mix-selected svg{width:40px;height:40px;flex-shrink:0}.mix-selected>div{display:grid;gap:6px}.mix-selected strong{font-size:13px}.mix-selected small{font-size:11px}.mix-card-list{display:flex;flex-wrap:wrap;gap:7px}.mix-instrument{display:grid;justify-items:center;align-content:start;gap:5px;flex:0 0 94px;border:1px solid #dde4d5;border-radius:10px;padding:9px 5px;background:white;color:#778471;min-height:100px}.mix-instrument svg{height:30px;width:30px}.mix-instrument>span{font-size:10px;line-height:1.3;text-align:center}.mix-instrument small{font-size:9px}.mix-instrument[aria-pressed=true]{background:#e3eedc;border-color:#6f9560;color:#274e2a}.mix-strike,.mix-instrument.mix-strike[aria-pressed=true]{background:#ffe5a3;color:#633c04;border-color:#c77e12;box-shadow:0 0 0 2px #efb84c66,0 0 16px #edb84966}.mix-legend{font-size:10px;color:#63725b;line-height:1.5;margin-bottom:0}@media(max-width:600px){.mix-heading{align-items:start;flex-direction:column;gap:5px}.mix-instrument{flex-basis:82px}}

.mix-more{margin-top:12px}.mix-more>summary{font-size:12px;font-weight:600;cursor:pointer;color:#416847}.mix-more[open]>.mix-card-list{margin-top:12px}

#rpHits>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;padding:6px 0}#rpHits .matrix-instrument{display:flex;align-items:center;justify-content:center;border-radius:5px;padding:2px;background:#e3eddc;color:#365e39;width:100%;max-width:32px;min-height:24px;box-sizing:border-box}#rpHits .matrix-instrument svg{width:23px;height:23px;flex-shrink:0}#rpHits .matrix-empty{padding:0;background:transparent}#rpHits>span.matrix-cell-playing{background:#ffe5a3;outline:2px solid #bf7c12}#rpHits .matrix-instrument.matrix-playing{background:#ffcf65;color:#603c05;box-shadow:0 0 9px #e7a92999}#matrixSoundHelp{line-height:1.6;color:#596c50;font-size:11px;margin-top:-5px}@media(max-width:600px){#rpHits .matrix-instrument svg{width:16px;height:19px}#rpHits .matrix-instrument{padding:0;min-height:22px}}

.ux-resources{margin:28px 0;background:#f5f7f1;border:1px solid #dbe2d3}.ux-resources>summary{padding:20px 24px;list-style-position:outside;margin-left:22px}.ux-resources>summary>span{display:inline-grid;gap:7px;vertical-align:middle}.ux-resources>summary strong{font-size:16px}.ux-resources>summary small{font-size:12px;font-weight:400;color:#708064}.ux-resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ux-resource-grid>details{margin:0!important;background:#fff;border:1px solid #dde3d6;border-radius:10px;padding:0}.ux-resource-grid>details>summary{padding:16px!important;margin:0!important;font-size:13px;line-height:1.5;background:transparent!important}.ux-resource-grid>details[open]{grid-column:1/-1;padding:0 18px 18px}.ux-resource-grid>details[open]>summary{margin:0 -18px 16px!important;border-bottom:1px solid #e1e6db}.ux-resource-grid #legacyMusic>summary{color:#6f795f}.ux-resource-grid #uxExplore{margin-top:0}.ux-resource-grid .sources{font-size:12px}@media(max-width:650px){.ux-resource-grid{grid-template-columns:1fr}.ux-resources>summary{padding:16px 10px}.ux-resources>summary small{line-height:1.5}}

.unified-feet{margin-top:15px;border:1px solid #d7e0d1;border-radius:14px;padding:16px;background:#f8faf5}.unified-feet-heading{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}.unified-feet h4{margin:0;font-size:16px}.unified-feet label{display:grid;gap:6px;font-size:11px}.unified-feet select{font-size:12px;max-width:270px;width:100%}.feet-floor{position:relative;background:#fff;border:1px solid #dce3d7;border-radius:14px;overflow:hidden}.feet-floor .foot-stage{border:0;background:none;margin:0;height:235px}.feet-dancer{text-align:center}.feet-floor #rpOwnRole,.feet-floor #rpPartnerRole{font-size:11px;letter-spacing:.06em;margin:12px 0}.feet-floor #rpPartnerRole{color:#4877a6}.feet-actions p{margin:8px 0;font-size:11px!important;min-height:0;line-height:1.6}.unified-feet[data-mode=partner][data-orientation=facing] .feet-floor{height:440px}.unified-feet[data-mode=partner][data-orientation=facing] #feetOwn{position:absolute;bottom:0;left:0;right:0}.unified-feet[data-mode=partner][data-orientation=facing] #rpPartnerPreview{position:absolute;top:0;left:0;right:0;text-align:center}.unified-feet[data-mode=partner][data-orientation=facing] .foot-stage{height:180px}.unified-feet[data-mode=partner][data-orientation=facing] .drawn-foot{top:46px;width:35px;height:70px}.unified-feet[data-mode=partner][data-orientation=facing] .drawn-foot span{top:38px}.unified-feet[data-mode=partner][data-orientation=facing] #rpPartnerPreview .foot-stage{transform:rotate(180deg)}.unified-feet[data-mode=partner][data-orientation=facing] #rpPartnerPreview .drawn-foot span,.unified-feet[data-mode=partner][data-orientation=facing] #rpPartnerPreview .floor-label{transform:rotate(180deg)}.unified-feet[data-mode=partner][data-orientation=facing] .floor-center{opacity:.3}.unified-feet[data-mode=partner][data-orientation=parallel] .feet-floor{display:grid;grid-template-columns:1fr 1fr}.unified-feet[data-mode=partner][data-orientation=parallel] #rpPartnerPreview{border-left:1px solid #dce3d7;text-align:center}.unified-feet .floor-label{font-size:8px;letter-spacing:1px}#rpCounts [data-sub]{cursor:pointer}#rpCounts [data-sub]:hover{box-shadow:inset 0 0 0 2px #6d9464}@media(max-width:500px){.unified-feet{padding:10px}.unified-feet-heading{align-items:start;flex-direction:column}.unified-feet[data-mode=partner][data-orientation=parallel] .drawn-foot{width:32px;height:70px}.unified-feet[data-mode=partner][data-orientation=parallel] #rpLeft,.unified-feet[data-mode=partner][data-orientation=parallel] #rpPartnerLeft{left:calc(50% - 38px)}.unified-feet[data-mode=partner][data-orientation=parallel] #rpRight,.unified-feet[data-mode=partner][data-orientation=parallel] #rpPartnerRight{left:calc(50% + 6px)}}

.unified-feet .floor-center::after{display:none}.unified-feet[data-mode=partner][data-orientation=facing] .floor-label.front{top:4px}.unified-feet[data-mode=partner][data-orientation=facing] .floor-label.back{bottom:4px}

.evidence-panel{margin-top:14px;border-top:1px solid #cfdbca;padding-top:12px}.evidence-panel>summary{font-size:12px;color:#315c42;font-weight:600;cursor:pointer}.evidence-panel p{font-size:12px;line-height:1.7;overflow-wrap:anywhere}.evidence-panel a{font-size:12px;overflow-wrap:anywhere}.evidence-notice{font-size:12px;line-height:1.6;padding:12px;border-left:3px solid #53794b;background:#f2f6ee;border-radius:6px}

.expert-context{margin:14px 0;border-top:1px solid #d9e3d1;padding-top:12px}.expert-context>summary{font-size:12px;color:#315c42;font-weight:600;cursor:pointer}.expert-card{border:1px solid #dbe2d2;border-radius:12px;padding:16px;background:#fff;min-width:0}.expert-card>small{color:#65785a;font-size:11px}.expert-card h4{font-size:16px;line-height:1.5;margin:7px 0 10px}.expert-card p{font-size:12px;line-height:1.7}.expert-level{display:inline-block;font-size:10px;line-height:1.5;padding:5px 8px;border-radius:7px;background:#eef3e8;color:#49683c}.expert-card details{margin:12px 0}.expert-card summary{font-size:12px;cursor:pointer}.expert-card a{display:inline-block;font-size:12px;margin:8px 0;overflow-wrap:anywhere}.expert-card button{display:block;margin-top:10px;font-size:12px}#expertContextCards{display:grid;gap:12px;margin-top:12px}.expert-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}#expertLibrary>label{display:grid;gap:6px;font-size:12px;margin:12px 0}#expertLibrary input,#expertLibrary select{width:100%}@media(min-width:700px){.expert-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Mobile is the default. Add space and columns only when the viewport supports them.
   Legacy style.css contains the visual theme; this file owns responsive layout. */
html{box-sizing:border-box;scroll-padding-top:12px}*,*::before,*::after{box-sizing:inherit}body{margin:0;min-width:0}main{width:100%;max-width:1280px;margin-inline:auto;padding:0 12px}header{padding-inline:16px;gap:12px;min-width:0}header .header-note{display:none}header .local{font-size:10px;white-space:nowrap}.intro{padding:20px 0!important}.intro h1{font-size:clamp(23px,5vw,34px);line-height:1.3;overflow-wrap:break-word}.intro h1 em{margin-left:0}.intro h1 em::before{content:' '}.panel,.guided-workspace{padding:14px}.ux-page-title h2{font-size:clamp(23px,4vw,30px);line-height:1.25}.ux-page-title p{font-size:14px;line-height:1.6}.ux-setup{padding:14px;margin:18px 0}.ux-setup-fields{grid-template-columns:minmax(0,1fr);gap:14px}.ux-setup-fields>*{min-width:0}.ux-setup-heading{align-items:start;flex-direction:column;gap:6px}.ux-workspace{grid-template-columns:minmax(0,1fr);gap:16px}.ux-roadmap{position:static;padding:14px}.ux-roadmap #learningLessons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ux-roadmap #learningLessons button{min-height:94px;padding:12px 28px 12px 12px;grid-template-columns:minmax(0,1fr);font-size:12px;line-height:1.4}.ux-roadmap #learningLessons button svg{width:27px;height:27px}.ux-lesson-main,.ux-live,.learning-current,.rp-layout,.rp-layout>*{min-width:0}.ux-lesson-main .learning-current,.ux-live{padding:14px}.ux-lesson-main .learning-current h3{font-size:22px}.learning-lesson-visual{align-items:start}.learning-lesson-visual>div{min-width:0}.ux-transport{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}.ux-transport>*{min-width:0;width:100%}.ux-transport label{margin:0}.ux-transport label input{width:100%}.ux-transport .ux-sound-tools{height:100%;min-height:44px}.actions{flex-wrap:wrap;gap:10px}.ux-lesson-main .learning-current>.actions{display:grid;grid-template-columns:minmax(0,1fr)}button,select,input:not([type=checkbox]):not([type=radio]),summary{min-height:44px}button{touch-action:manipulation;white-space:normal}select,input,textarea{font-size:16px!important;max-width:100%}input[type=checkbox],input[type=radio]{width:20px;height:20px;vertical-align:middle;flex-shrink:0}label{line-height:1.5}summary{align-content:center}a,button,select,input,summary,[tabindex]{scroll-margin-block:16px}:focus-visible{outline:3px solid #b87213;outline-offset:3px}.ux-disclosure{min-width:0}.ux-disclosure>summary{line-height:1.6;overflow-wrap:anywhere}.ux-disclosure[open]{padding:0 12px 12px}.ux-disclosure[open]>summary{margin-inline:-12px}.ux-disclosure .practice-controls{grid-template-columns:minmax(0,1fr)}.ux-resource-grid{grid-template-columns:minmax(0,1fr)}.ux-resources>summary{margin-left:12px;padding:16px 10px}.ux-resources>summary small{line-height:1.6}.mix-heading{flex-direction:column;align-items:start;gap:7px}.mix-selected>div{min-width:0;overflow-wrap:anywhere}.mix-card-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px}.mix-instrument{width:100%;min-width:0}.mix-instrument>span{font-size:12px}.mix-instrument small{font-size:11px}.mix-quick{padding:12px}.mix-selected strong{line-height:1.5}.unified-feet-heading{align-items:stretch;flex-direction:column}.unified-feet select{max-width:none}.unified-feet{padding:12px}.unified-feet[data-mode=partner][data-orientation=parallel] .feet-floor{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.unified-feet .drawn-foot{max-width:none}.feet-actions p{line-height:1.65}.rhythm-matrix-scroll{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border-radius:8px;width:100%;max-width:100%;padding:4px;touch-action:pan-x pan-y;scrollbar-width:thin}.rhythm-matrix-content{min-width:752px}.ux-live .rhythm-matrix-content .rp-grid{grid-template-columns:repeat(16,minmax(44px,1fr));gap:3px}.ux-live .rp-grid>span{font-size:13px;min-height:44px;align-content:center}.ux-live #rpHits>span{min-height:52px}.matrix-scroll-hint{font-size:12px;line-height:1.6;color:#5e7257;margin:12px 0 6px}.rp-table-wrap{overflow-x:auto;max-width:100%;overscroll-behavior-x:contain}.rp-position-table{min-width:460px}.rp-layer-list,.rp-suggestions,.lesson-layout,.lesson-tools,.lesson-add{grid-template-columns:minmax(0,1fr)!important}.lesson-tools{display:grid;gap:10px}.lesson-tools>*{min-width:0;width:100%}.lesson-screen{min-width:0;width:100%}video,iframe{width:100%;max-width:100%;aspect-ratio:16/9;height:auto}.lesson-option-items button{width:100%}.sources p,.sources li,.rp-reference-links a{overflow-wrap:anywhere}.ux-live p,.learning-why p{overflow-wrap:break-word}footer{flex-wrap:wrap;gap:12px}.ux-resource-grid>details{min-width:0}.ux-resource-grid>details[open]{padding-inline:12px}.ux-resource-grid>details[open]>summary{margin-inline:-12px!important}
@media(min-width:600px){main{padding-inline:20px}.panel,.guided-workspace{padding:20px}.ux-setup{padding:18px}.ux-roadmap #learningLessons{grid-template-columns:repeat(3,minmax(0,1fr))}.ux-lesson-main .learning-current>.actions{display:flex}.ux-transport{display:flex;align-items:end}.ux-transport>*{width:auto}.ux-transport label{margin-left:auto}.ux-transport label input{width:100px}.mix-heading{flex-direction:row;align-items:center}.ux-setup-heading{flex-direction:row;align-items:center}.ux-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rp-layer-list,.rp-suggestions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.lesson-tools{grid-template-columns:minmax(0,1fr) 180px}.unified-feet-heading{flex-direction:row;align-items:center}.unified-feet select{max-width:300px}}
@media(min-width:960px){header .header-note{display:block}main{padding-inline:28px}.guided-workspace{padding:24px}.ux-setup-fields{grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr))}.ux-workspace{grid-template-columns:220px minmax(0,1fr);gap:22px}.ux-roadmap{position:sticky;top:16px}.ux-roadmap #learningLessons{grid-template-columns:minmax(0,1fr)}.ux-roadmap #learningLessons button{min-height:64px;grid-template-columns:30px minmax(0,1fr)}.ux-lesson-main .learning-current,.ux-live{padding:20px}.ux-disclosure .practice-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.rp-layer-list,.rp-suggestions{grid-template-columns:repeat(3,minmax(0,1fr))!important}.lesson-layout{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr)!important}.lesson-tools{grid-template-columns:minmax(0,1fr) 180px auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.drawn-foot,.mix-instrument,.learning-pair-foot{transition:none!important}}

.foot-label-convention{padding:12px;border:1px solid #d6decd;border-radius:12px;margin:12px 0}.foot-label-convention>label{display:flex;align-items:center;gap:10px;line-height:1.5}.foot-label-convention input{flex:0 0 auto;width:20px;height:20px}.foot-label-convention details{margin-top:8px}

.count-basics{margin:12px 0;padding:12px 14px;background:#f0f4e9;border-radius:10px;line-height:1.6}.count-basics strong{font-weight:600}

.musician-perspective{margin:18px 0;padding:16px;background:#f7f8f2;border:1px solid #d8dfcf;border-radius:14px}.musician-perspective h4{margin:0 0 12px;font-size:1.1rem}.musician-perspective details{padding:12px 0;border-top:1px solid #d8dfcf}.musician-perspective p,.musician-perspective li{line-height:1.6}.musician-perspective li+li{margin-top:8px}.music-measures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:14px 0}.music-measures>span{grid-column:1/-1;font-size:.8rem}.music-measures>b{padding:12px 4px;text-align:center;background:#e7eddc;border-radius:6px;font-size:clamp(.8rem,2.5vw,1rem)}.music-table-scroll{overflow-x:auto;margin-top:12px}.music-table-scroll table{width:100%;border-collapse:collapse}.music-table-scroll th,.music-table-scroll td{padding:10px 6px;vertical-align:top;text-align:left;border-bottom:1px solid #d8dfcf}.musician-perspective a{overflow-wrap:anywhere}

.lesson-bottom-navigation{display:flex;flex-wrap:wrap;gap:10px;padding:18px 0;margin-top:14px;border-top:1px solid #d8dfcf}.lesson-bottom-navigation button{flex:1;min-width:110px}.compact-audio-options{margin:12px 0}.compact-audio-options>label{display:flex;align-items:center;gap:10px;margin:12px 0}.compact-audio-options input[type=range]{max-width:220px}#musicLessonReference{margin:24px 0;padding:18px;border:1px solid #d8dfcf;border-radius:14px;background:#fff}#musicLessonReference>summary{font-weight:600}

.brand{display:inline-flex;align-items:center;gap:10px;letter-spacing:-.8px;font-family:system-ui,Segoe UI,sans-serif;font-size:25px}.brand img{display:block;flex:0 0 36px}body{font-family:system-ui,Segoe UI,sans-serif}.header-note{letter-spacing:1.5px}

[hidden]{display:none!important}.genre-home{padding:32px 0 48px}.genre-home h1,.bachata-section h1{font-size:clamp(2rem,6vw,3.6rem);line-height:1.1;letter-spacing:-.04em}.genre-home>p{max-width:620px}.genre-cards{display:grid;gap:20px;margin:30px 0}.genre-cards>button{text-align:left;padding:24px;border-radius:24px;background:#fff;white-space:normal;color:#183c38;box-shadow:0 8px 32px #193b3308;transition:transform .15s}.genre-cards>button:hover{transform:translateY(-3px);border-color:#597e56}.genre-cards h2{display:flex;justify-content:space-between;font-size:2rem;margin:22px 0 10px}.genre-cards p{font-weight:400;line-height:1.6}.genre-art{display:block;padding:30px 20px;border-radius:16px;background:#e5edda;font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.7;letter-spacing:.08em}.bachata-art{background:#f4e5dc}.genre-art em{color:#a05d35;font-size:.65em}.genre-trust{max-width:750px}.genre-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0}.genre-nav span{font-size:.85rem}.bachata-settings{display:grid;gap:12px;margin:24px 0}.bachata-settings label{display:grid;gap:8px}.bachata-settings select{width:100%;min-width:0}.bachata-note{background:#f1f3e9;padding:20px;border-radius:16px;margin:18px 0}.bachata-note h2{margin-top:0}.bc-roadmap{display:grid;gap:8px;margin:24px 0}.bc-roadmap button{text-align:left;white-space:normal}.bc-roadmap [aria-current=step]{background:#214c42;color:white}.bc-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:24px 0}.bc-counts button{padding:10px 2px;font-size:1.4rem;min-width:0}.bc-counts small{display:block;font-size:.7rem;font-weight:400}.bc-counts .active{background:#214c42;color:white}.bc-floor{display:grid;gap:30px;justify-items:center;background:#f5f4ef;border:1px solid #d7ddce;border-radius:18px;padding:24px;max-width:580px;margin:auto}.bc-dancer{text-align:center}.bc-feet{display:flex;gap:28px;padding:16px}.bc-foot{display:grid;place-content:center;width:55px;height:94px;border:2px solid #a5b4a6;border-radius:45% 45% 35% 35%;background:#e5e8de}.bc-foot>span{font-size:28px;line-height:1}.bc-foot.weight{background:#b2dc9a;border-color:#38652b;box-shadow:0 0 0 5px #b2dc9a44}.bc-foot.tap{background:#ffe0a6;border-color:#a96920;box-shadow:0 0 0 5px #ffe0a644}.bc-dancer.partner .bc-feet{transform:rotate(180deg)}.bc-dancer.partner .bc-foot small{transform:rotate(180deg)}.bc-evidence{margin-top:30px}.bc-evidence article{border-bottom:1px solid #d7ddce;padding:16px 0}.bc-evidence h3{font-size:1rem}.bc-links{display:flex;flex-wrap:wrap;gap:12px}.bachata-section .actions{flex-wrap:wrap}.bachata-section input[type=number]{width:85px}.bachata-section p{line-height:1.65}.bachata-section a{overflow-wrap:anywhere}button:focus-visible{outline:3px solid #a5682d;outline-offset:3px}@media(min-width:700px){.genre-cards{grid-template-columns:1fr 1fr}.genre-cards>button{padding:32px}.bachata-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.bc-roadmap{grid-template-columns:repeat(4,minmax(0,1fr))}.bc-counts{grid-template-columns:repeat(8,minmax(0,1fr))}.genre-home{padding-top:56px}}

.bc-instruments{margin:28px 0;padding:20px;border:1px solid #ccd7c5;border-radius:18px;background:#fafbf6}.bc-instruments h2{margin-top:6px}.bc-instrument-controls{display:grid;gap:12px}.bc-instrument-controls label{display:grid;gap:7px}.bc-instrument-controls select{width:100%;min-width:0}.bc-instrument-heading{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:18px}.bc-instrument-heading h3{margin:0 0 4px}.bc-instrument-heading>div{flex:1}.bc-instrument-icon{display:grid;place-items:center;background:#e6ecd9;border-radius:12px;width:54px;height:54px;font-size:28px}.bc-real-badge{font-size:.75rem;padding:6px 10px;background:#e2eedb;border-radius:30px}.bc-instruments iframe{display:block;width:100%;height:42px;border:0;margin-top:12px}.bc-instruments details{margin-top:16px}.bc-instrument-scroll{overflow-x:auto;margin:18px 0}.bc-written-grid{display:grid;grid-template-columns:repeat(16,minmax(50px,1fr));min-width:800px}.bc-written-grid>div{display:grid;text-align:center;gap:10px;border:1px solid #d9dfd2;padding:8px 1px}.bc-written-grid span{font-size:.65rem;min-height:24px}.bc-written-grid .hit{background:#e5ecd8;border-radius:5px;padding:4px 0;color:#234c39}.bc-reload-recording{font-size:.85rem}@media(min-width:700px){.bc-instrument-controls{grid-template-columns:1fr 1fr}}
/* Pisacento: a rehearsal notebook. Flat paper, ink, editorial type; no asset fonts. */
:root{--paper:#f1eee5;--sheet:#faf8f1;--ink:#202d40;--muted:#666c70;--rule:#c7c7bd;--brick:#a73f30;--blue:#203d65;--green:var(--blue);--line:var(--rule);--bg:var(--paper);--lime:#e7debd}
body{background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px}
header{height:76px;border-bottom:1px solid var(--ink);padding:0 20px;max-width:1400px;margin:auto}
.brand{gap:10px;font:italic 700 26px/1 Georgia,"Times New Roman",serif;letter-spacing:-1px;color:var(--ink)}
.brand img{width:32px;height:32px;flex-basis:32px}
header .header-note{font-family:ui-monospace,monospace;font-size:10px;letter-spacing:1px;color:var(--muted)}
header .local{font-size:10px;color:var(--muted)}header .local b{background:var(--brick);width:5px;height:5px}
main{max-width:1180px;padding:0 16px}
.panel.rhythm-practice{background:transparent;border:0;border-radius:0;padding:28px 0 0;margin:0;box-shadow:none}
.ux-page-title{padding:0 0 22px;position:relative}
.ux-page-title>.section-label{color:var(--brick);font-family:ui-monospace,monospace;letter-spacing:1.3px;font-size:10px}
.ux-page-title h2{font:normal 43px/1.08 Georgia,"Times New Roman",serif;letter-spacing:-1.8px;margin:12px 0}
.ux-page-title p{font-size:13px;color:var(--muted);max-width:490px;margin:0;line-height:1.7}
.ux-setup{background:none;border:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);border-radius:0;padding:18px 0;margin:0 0 26px}
.ux-setup-heading{margin-bottom:16px;gap:8px}.ux-setup-heading strong{font-size:11px;letter-spacing:.06em;text-transform:uppercase}.ux-setup-heading span{font-size:11px;color:var(--muted)}
.ux-setup-fields{gap:14px}.ux-setup-fields label{font-size:11px;font-weight:600;color:var(--muted)}
button,select,input:not([type=checkbox]):not([type=range]){border-radius:3px;border-color:var(--rule);color:var(--ink);box-shadow:none}
select,input:not([type=checkbox]):not([type=range]){background:var(--sheet)}
button{background:transparent;font-weight:550}button:hover{background:#e5e0d2;border-color:var(--ink)}
button.primary,#rpPlay{background:var(--blue);border-color:var(--blue);color:#fff;border-radius:3px}
button.primary:hover,#rpPlay:hover{background:#152e50}
input[type=checkbox]{accent-color:var(--blue)}input[type=range]{accent-color:var(--blue)}
:focus-visible{outline:3px solid var(--brick);outline-offset:4px}
.ux-inline-help,.compact-audio-options{background:transparent;border:0;border-bottom:1px solid var(--rule);border-radius:0;margin:12px 0 0}
.ux-inline-help>summary,.compact-audio-options>summary{padding:10px 0;min-height:44px;font-size:11px;color:var(--muted);font-weight:500}
.ux-disclosure[open]{padding:0 0 12px}.ux-disclosure[open]>summary{margin:0 0 12px}
.ux-workspace{gap:22px}
.ux-roadmap{background:none;padding:0;border-radius:0;position:static;border-bottom:1px solid var(--rule);padding-bottom:20px}
.ux-roadmap>.section-label{font:10px ui-monospace,monospace;color:var(--brick);letter-spacing:.08em}
.ux-roadmap h3{font-size:14px;margin:10px 0 4px}.ux-roadmap>p{font-size:11px;margin:6px 0;color:var(--muted)}
.ux-roadmap #learningLessons{display:grid;grid-template-columns:1fr;margin:14px 0 0;gap:0}
.ux-roadmap #learningLessons button{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:8px;position:relative;border:0;border-top:1px solid var(--rule);border-radius:0;padding:13px 8px;min-height:52px;font-size:12px;text-align:left;line-height:1.4}
.ux-roadmap #learningLessons button svg{display:none}
.ux-roadmap #learningLessons .learning-step-number{position:static;transform:none;display:grid;place-items:center;background:none;border-radius:0;color:var(--muted);width:20px;height:20px;font:11px ui-monospace,monospace}
.ux-roadmap #learningLessons [aria-current=step]{background:var(--blue);color:white;border-color:var(--blue);border-left:3px solid var(--brick);padding-left:5px}
.ux-roadmap #learningLessons [aria-current=step] .learning-step-number{background:none;color:white}
.ux-lesson-main .learning-current{border:0;border-radius:0;padding:0 0 23px;margin:0;background:transparent;box-shadow:none}
#learningProgress{font:10px ui-monospace,monospace;letter-spacing:.08em;color:var(--brick)}
.ux-lesson-main .learning-current h3{font:normal 30px/1.15 Georgia,"Times New Roman",serif;letter-spacing:-.6px;margin:10px 0 18px}
.ux-lesson-main .learning-current>p{font-size:13px;line-height:1.75;max-width:700px}
#learningGoal{color:var(--muted);margin-bottom:15px}
#learningTask{border-left:2px solid var(--brick);padding-left:14px;margin-bottom:0}
.ux-live{border:0;border-top:1px solid var(--ink);background:none;border-radius:0;padding:22px 0 0;margin:0;box-shadow:none}
.ux-live-title .section-label{font:10px ui-monospace,monospace;color:var(--muted);letter-spacing:.08em}
.ux-live-title h3{font-size:19px;font-weight:600;letter-spacing:-.4px;margin:8px 0 18px}
.ux-transport{gap:9px;margin:10px 0}.ux-transport label{font-size:10px;color:var(--muted)}
.count-basics{background:#e9e4d6;border-radius:0;padding:12px 14px;border-left:3px solid var(--blue);font-size:12px;line-height:1.7}
.mix-quick{border:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);border-radius:0;background:none;padding:18px 0;margin:20px 0}
.mix-heading strong{font-size:13px}.mix-heading span{font:10px ui-monospace,monospace;color:var(--muted)}
.mix-select-label{font-size:11px;color:var(--muted);max-width:540px}.mix-select-label select{margin-top:6px}
.mix-quick>.small{max-width:560px;font-size:11px;line-height:1.6;color:var(--muted)}
.mix-card-list{display:flex;flex-wrap:wrap;gap:7px}
.mix-instrument{border:1px solid var(--rule);border-radius:3px;background:var(--sheet);min-height:88px;flex:0 0 96px}
.mix-instrument[aria-pressed=true]{background:#e3e9ed;color:var(--blue);border-color:var(--blue)}
.mix-instrument.mix-strike{background:#f2ce8c!important;border-color:var(--brick)!important;box-shadow:none!important}
.mix-more{border:0;background:none}.mix-more summary{font-size:11px;font-weight:500;padding:8px 0}.mix-legend{font-size:10px;color:var(--muted)}
.rp-row-title{font:9px ui-monospace,monospace;letter-spacing:.06em;color:var(--muted)}
.rhythm-matrix-scroll{border-radius:0}
.rp-grid>div,.rp-grid>button{border-radius:2px;background:var(--sheet);border-color:var(--rule)}
.rp-grid .rp-now{background:#dde5ec!important;border-color:var(--blue)!important;color:var(--blue)}
.matrix-scroll-hint{font-size:10px;color:var(--muted)}
.unified-feet{border:0;border-top:1px solid var(--ink);border-radius:0;background:none;padding:20px 0 0;margin-top:24px}
.unified-feet h4{font:normal 25px Georgia,"Times New Roman",serif;letter-spacing:-.3px}
.foot-label-convention{border:0;border-bottom:1px solid var(--rule);padding:10px 0;border-radius:0;background:none}
.foot-label-convention>label{font-size:11px}.foot-label-convention p{font-size:10px;color:var(--muted)}
.foot-label-convention summary{font-size:11px;color:var(--muted)}
.feet-floor{border:1px solid #bbc1bf;border-radius:2px;background-color:var(--sheet);background-image:linear-gradient(#203d6509 1px,transparent 1px),linear-gradient(90deg,#203d6509 1px,transparent 1px);background-size:28px 28px}
.feet-floor #rpOwnRole,.feet-floor #rpPartnerRole{font:10px ui-monospace,monospace;color:var(--blue)}
.drawn-foot{color:#8b959c}.drawn-foot.instrument-accent{filter:none;color:var(--blue)}
.floor-center{border-color:var(--brick);opacity:.65}.floor-label{color:var(--muted)}
.feet-actions p{color:var(--blue);font-family:ui-monospace,monospace}
.lesson-bottom-navigation{border-top:1px solid var(--ink);padding:18px 0;margin-top:26px;gap:8px}
.lesson-bottom-navigation button{font-size:12px}
footer{background:none;border-top:1px solid var(--ink);border-radius:0;margin-top:48px;padding:24px 0;color:var(--muted);gap:16px}
footer>.brand{font-size:22px}footer>span{font-size:10px;letter-spacing:.02em}
@media(min-width:600px){header{padding-inline:32px}main{padding-inline:26px}.ux-page-title h2{font-size:60px}.ux-roadmap #learningLessons{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ux-roadmap #learningLessons button{border:1px solid var(--rule);padding:14px 10px}.ux-transport{display:flex;align-items:end}.ux-lesson-main .learning-current,.ux-live{padding-inline:0}.ux-live{padding-top:22px}.ux-transport label{margin-left:auto}.mix-heading{flex-direction:row;align-items:center}}
@media(min-width:960px){header{padding-inline:42px}main{padding-inline:40px}.panel.rhythm-practice{padding-top:42px}.ux-page-title{padding-bottom:30px}.ux-page-title h2{font-size:68px}.ux-page-title::after{content:'';position:absolute;right:4px;top:22px;width:115px;height:50px;border-top:2px solid var(--brick);border-bottom:2px solid var(--brick);transform:rotate(-6deg);opacity:.8}.ux-setup{padding:20px 0;margin-bottom:32px}.ux-setup-fields{grid-template-columns:1.4fr 1fr 1fr}.ux-workspace{grid-template-columns:180px minmax(0,1fr);gap:42px}.ux-roadmap{position:sticky;top:24px;border:0}.ux-roadmap #learningLessons{grid-template-columns:1fr;gap:0}.ux-roadmap #learningLessons button{border:0;border-top:1px solid var(--rule);padding:15px 8px}.ux-roadmap #learningLessons [aria-current=step]{border-left:3px solid var(--brick);padding-left:5px}.ux-lesson-main .learning-current h3{font-size:34px}.ux-lesson-main .learning-current{padding-bottom:28px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}