/* Sense Studio — quiet depth, precise controls. The movement renderer is untouched. */
.b51.b543{--studio-mint:#b7b1a8;--studio-line:#b7b1a826;--studio-surface:#1f1f1f;--studio-gold:#beb19e;background:#121212;color:#d3cbc0}.b51.b80.b90.b94.b539.b543 .b51-header{background:#131313ed;backdrop-filter:blur(20px);border-bottom:1px solid var(--studio-line)}.b51.b80.b90.b94.b539.b543 .b51-section{position:relative;border-color:#b7b1a81c}.b51.b80.b90.b94.b539.b543 .b51-kicker{color:#b7b1a8}.b51.b80.b90.b94.b539.b543 .b51-section h2{letter-spacing:-.045em}.b51.b80.b90.b94.b539.b543 :is(.b51-button,.b51-textlink,button,a){-webkit-tap-highlight-color:transparent}.b51.b80.b90.b94.b539.b543 :is(button,a,select,input):focus-visible{outline:2px solid #b7b1a8;outline-offset:4px}.b51.b80.b90.b94.b539.b543 :is(.b51-offer,.b51-detail,.b65-entry-card,.b51-event){border-color:var(--studio-line);border-radius:16px;background:linear-gradient(130deg,#2e2e2e38,#1a1a1a40)}.b51.b80.b90.b94.b539.b543 .b51-offer{transition:border-color .25s,box-shadow .25s}.b51.b80.b90.b94.b539.b543 .b51-offer:hover{border-color:#beb19e66;box-shadow:0 18px 45px #00000022}.b51.b80.b90.b94.b539.b543 .b51-button{border-radius:9px;transition:background .2s,box-shadow .2s,transform .2s}.b51.b80.b90.b94.b539.b543 .b51-button:hover{box-shadow:0 7px 25px #beb19e17;transform:translateY(-2px)}.b51.b80.b90.b94.b539.b543 .b51-detail summary{padding-block:22px}.b51.b80.b90.b94.b539.b543 .b51-detail[open]{border-color:#b7b1a84a}.b51.b80.b90.b94.b539.b543 .b51-training .b51-offer-index{color:#b7b1a8}.b51.b80.b90.b94.b539.b543 .b539-film{border:1px solid var(--studio-line);background:radial-gradient(ellipse at 95% 0%,#7c7c7c23,transparent 70%),#1c1c1c;border-radius:24px;padding:clamp(20px,3vw,40px);box-shadow:0 28px 70px #00000022}.b51.b80.b90.b94.b539.b543 .b539-film .b68-film-viewport{border-radius:15px;box-shadow:0 15px 50px #00000033}.b51.b80.b90.b94.b539.b543 .b96-moment{border-radius:17px;border:1px solid #b7b1a82e;box-shadow:0 14px 40px #00000033}.b51.b80.b90.b94.b539.b543 .b96-training-intro{align-items:center}.b51.b80.b90.b94.b539.b543 .b96-teaching{width:clamp(180px,24vw,290px);max-width:100%;aspect-ratio:9/16}.b51.b80.b90.b94.b539.b543 .b96-teaching video{width:100%;height:100%;object-fit:cover}.b51.b80.b90.b94.b539.b543 .b543-portrait{position:relative;margin:0;max-width:540px;width:100%;aspect-ratio:4/5;border:1px solid #beb19e3b;border-radius:22px;overflow:hidden;isolation:isolate;box-shadow:0 24px 60px #00000044}.b51.b80.b90.b94.b539.b543 .b543-portrait>img{width:100%;height:100%;display:block;object-fit:cover}.b51.b80.b90.b94.b539.b543 .b543-portrait:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#121212f5);z-index:0}.b51.b80.b90.b94.b539.b543 .b543-portrait figcaption{position:absolute;bottom:0;inset-inline:0;display:grid;gap:12px;padding:clamp(24px,3vw,40px);z-index:1}.b51.b80.b90.b94.b539.b543 .b543-portrait figcaption span{font-size:9px;letter-spacing:.17em;color:#beb19e}.b51.b80.b90.b94.b539.b543 .b543-portrait figcaption strong{font-size:clamp(23px,2.7vw,34px);font-weight:500;line-height:1.15;letter-spacing:-.035em;max-width:12em}.b51.b80.b90.b94.b539.b543 .b543-portrait figcaption a{font-size:11px;color:#b7b1a8;text-underline-offset:5px}.b51.b80.b90.b94.b539.b543 .bs537-home-interest{background:radial-gradient(ellipse at 100% 0,#7e7e7e2a,transparent 70%),#1e1e1e;border-color:#b7b1a845;border-radius:22px}.b51.b80.b90.b94.b539.b543 .bs537-home-regions a{background:linear-gradient(125deg,#beb19e,#beb19e);border-radius:12px}.b51.b80.b90.b94.b539.b543 .bs537-path li:before{background:#b7b1a8;box-shadow:0 0 0 5px #b7b1a80d}.b51.b80.b90.b94.b539.b543 .bs537-path{border-color:#b7b1a844}
/* Motion — a proper control desk around the existing canvas. */
.b51.b80.b90.b94.b539.b543 .b82-stage{border:1px solid #b7b1a83b;border-radius:23px;background:radial-gradient(ellipse at 95% 0,#6e6e6e1c,transparent 55%),#191919;box-shadow:0 24px 70px #00000033;overflow:hidden}.b51.b80.b90.b94.b539.b543 .b85-exercise-picker{padding:20px 24px;background:#2c2c2c55;border-bottom:1px solid var(--studio-line);gap:12px}.b51.b80.b90.b94.b539.b543 .b85-exercise-picker label{color:#b7b1a8;letter-spacing:.12em;font-size:10px}.b51.b80.b90.b94.b539.b543 .b85-exercise-picker select{background:#1b1b1b;border:1px solid #b7b1a83a;border-radius:9px;padding:12px 40px 12px 14px;font-size:14px;color:#d3cbc0;min-height:46px;min-width:0;max-width:100%}.b51.b80.b90.b94.b539.b543 .b85-exercise-picker button{min-height:44px;min-width:44px;border:1px solid #b7b1a838;background:#1e1e1e;border-radius:9px;color:#d3cbc0}.b51.b80.b90.b94.b539.b543 .b82-toolbar{padding:18px 24px;border-bottom:1px solid var(--studio-line);background:transparent;gap:14px}.b51.b80.b90.b94.b539.b543 .b82-pace{padding:4px;background:#141414;border:1px solid var(--studio-line);border-radius:12px;gap:4px}.b51.b80.b90.b94.b539.b543 .b82-pace button{border:0;border-radius:8px;min-height:40px;padding:10px 18px;color:#b7b1a8;background:transparent;transition:background .2s,color .2s}.b51.b80.b90.b94.b539.b543 .b82-pace button[aria-pressed=true],.b51.b80.b90.b94.b539.b543 .b82-pace button.active{background:#beb19e;color:#1f1f1f;box-shadow:0 4px 14px #00000022}.b51.b80.b90.b94.b539.b543 .b80-role-controls select{border-radius:8px;background:#1d1d1d;color:#b7b1a8;border:1px solid #b7b1a836;padding:9px 32px 9px 10px;min-height:42px}.b51.b80.b90.b94.b539.b543 .b82-stage-grid{gap:0}.b51.b80.b90.b94.b539.b543 .b82-reading{background:linear-gradient(150deg,#2d2d2d75,#1f1f1f);padding:clamp(23px,3vw,40px);border-left:1px solid var(--studio-line)}.b51.b80.b90.b94.b539.b543 .b82-reading h3{font-size:clamp(25px,2.7vw,36px);letter-spacing:-.045em;font-weight:500}.b51.b80.b90.b94.b539.b543 .b82-current{border:1px solid #b7b1a83d;background:linear-gradient(120deg,#b7b1a812,#beb19e08);border-radius:14px;box-shadow:0 8px 25px #00000011;padding:20px;min-height:94px}.b51.b80.b90.b94.b539.b543 .b82-current strong{color:#beb19e}.b51.b80.b90.b94.b539.b543 .b82-beats{gap:6px;margin-block:22px}.b51.b80.b90.b94.b539.b543 .b82-beats button{border:1px solid #b7b1a83d;border-radius:9px;min-height:40px;background:#1a1a1a;color:#b7b1a8;transition:background .12s,box-shadow .12s}.b51.b80.b90.b94.b539.b543 .b82-beats button.active{background:#b7b1a8;color:#212121;border-color:#d3cbc0;box-shadow:0 0 0 3px #b7b1a80d}.b51.b80.b90.b94.b539.b543 .b87-fractions button{border-radius:7px;padding:8px 12px;background:#1d1d1d;border:1px solid #b7b1a833;color:#b7b1a8}.b51.b80.b90.b94.b539.b543 .b82-playback{display:flex;justify-content:center;gap:9px;margin:18px 0}.b51.b80.b90.b94.b539.b543 .b82-playback button{min-height:46px;min-width:46px;border-radius:50%;border:1px solid #b7b1a83b;background:#242424;color:#d3cbc0}.b51.b80.b90.b94.b539.b543 .b82-playback [data-b77-pause]{min-width:58px;min-height:58px;border-color:#beb19e;background:#beb19e;color:#202020;box-shadow:0 5px 22px #beb19e15}.b51.b80.b90.b94.b539.b543 .b103-motion-transport{border:1px solid var(--studio-line);border-radius:12px;background:#181818;padding:16px;gap:14px}.b51.b80.b90.b94.b539.b543 .b103-motion-transport output{font-variant-numeric:tabular-nums;color:#d3cbc0}.b51.b80.b90.b94.b539.b543 [data-motion-music]{min-height:43px;border-radius:8px;border:1px solid #b7b1a855;color:#b7b1a8;background:#2c2c2c}.b51.b80.b90.b94.b539.b543 .b100-appearance{margin:0;border-top:1px solid var(--studio-line);background:#1a1a1a}.b51.b80.b90.b94.b539.b543 .b100-appearance summary{min-height:52px;padding:16px 24px;color:#b7b1a8}.b51.b80.b90.b94.b539.b543 .b100-appearance button{border-radius:8px;min-height:42px;border-color:#b7b1a840}.b51.b80.b90.b94.b539.b543 .b100-appearance button[aria-pressed=true]{background:#b7b1a8;color:#202020}.b51.b80.b90.b94.b539.b543 input[type=range]{accent-color:#b7b1a8}.b51.b80.b90.b94.b539.b543 :is(.b85-motion-scrub,.b103-motion-transport,.b91-controls) input[type=range]{height:24px;cursor:pointer;width:100%;min-width:0}.b51.b80.b90.b94.b539.b543 [data-studio-progress]{background-size:100% 3px;background-repeat:no-repeat;background-position:center}
/* Music — layered workspace, real state-driven indicators. */
.b51.b80.b90.b94.b539.b543 .b91-player{border:1px solid #b7b1a83b;border-radius:23px;overflow:hidden;background:#1a1a1a;box-shadow:0 25px 75px #00000033}.b51.b80.b90.b94.b539.b543 .b91-mode{display:flex;gap:6px;padding:10px;background:#151515;border-bottom:1px solid var(--studio-line);flex-wrap:wrap}.b51.b80.b90.b94.b539.b543 .b91-mode button{flex:1;min-height:48px;padding:12px 18px;border:1px solid transparent;border-radius:10px;background:transparent;color:#a3a3a3;font-size:12px;transition:background .2s,color .2s}.b51.b80.b90.b94.b539.b543 .b91-mode button[aria-pressed=true],.b51.b80.b90.b94.b539.b543 .b91-mode button.active{background:#beb19e;border-color:#beb19e;color:#1f1f1f;box-shadow:0 5px 20px #00000022}.b51.b80.b90.b94.b539.b543 .b91-workspace{gap:0;align-items:stretch}.b51.b80.b90.b94.b539.b543 .b91-workspace .b54-score{background:radial-gradient(ellipse at 50% 35%,#47474740,transparent 65%),#191919;padding:clamp(24px,3vw,40px);border:0;border-right:1px solid var(--studio-line);border-radius:0}.b51.b80.b90.b94.b539.b543 .b91-controls{background:linear-gradient(130deg,#32323240,#1f1f1f);padding:22px;min-width:0}.b51.b80.b90.b94.b539.b543 .b100-panel-tabs{display:flex;gap:5px;flex-wrap:wrap;padding:5px;background:#151515;border:1px solid var(--studio-line);border-radius:12px;margin-bottom:22px}.b51.b80.b90.b94.b539.b543 .b100-panel-tabs button{flex:1;min-width:72px;min-height:43px;border:0;background:transparent;color:#b7b1a8;border-radius:8px;padding:9px;font-size:10px;line-height:1.4;transition:background .2s}.b51.b80.b90.b94.b539.b543 .b100-panel-tabs button[aria-selected=true],.b51.b80.b90.b94.b539.b543 .b100-panel-tabs button.active{background:#b7b1a8;color:#212121}.b51.b80.b90.b94.b539.b543 .b100-panel{padding:8px 2px}.b51.b80.b90.b94.b539.b543 .b91-controls label{color:#b7b1a8;font-size:12px}.b51.b80.b90.b94.b539.b543 .b91-controls :is(select,input){border-radius:8px;border-color:#b7b1a840}.b51.b80.b90.b94.b539.b543 .b91-controls [data-choice]{border:1px solid #b7b1a836;border-radius:11px;background:#1b1b1b;color:#b7b1a8;min-height:47px;padding:12px 14px;transition:background .2s,border-color .2s,box-shadow .2s}.b51.b80.b90.b94.b539.b543 .b91-controls [data-choice][aria-pressed=true]{background:linear-gradient(115deg,#b7b1a8,#b7b1a8);color:#202020;border-color:#d3cbc0;box-shadow:0 5px 20px #00000011}.b51.b80.b90.b94.b539.b543 .b91-controls [data-instrument]{position:relative;border:1px solid #b7b1a832;border-radius:10px;background:#191919;color:#a2a2a2;min-height:50px;padding:12px 15px;transition:background .2s,border-color .2s}.b51.b80.b90.b94.b539.b543 .b91-controls [data-instrument]:before{content:'';display:inline-block;width:5px;height:5px;margin-right:9px;border-radius:50%;background:#616161;vertical-align:middle}.b51.b80.b90.b94.b539.b543 .b91-controls [data-instrument][aria-pressed=true]{background:#343434;color:#d3cbc0;border-color:#b7b1a864}.b51.b80.b90.b94.b539.b543 .b91-controls [data-instrument][aria-pressed=true]:before{background:#d3cbc0;box-shadow:0 0 9px #b7b1a855}.b51.b80.b90.b94.b539.b543 .b91-sections{gap:7px;padding:20px;border-top:1px solid var(--studio-line);background:#1d1d1d}.b51.b80.b90.b94.b539.b543 .b91-sections button{min-height:57px;border-radius:10px;border:1px solid #b7b1a82e;background:#181818;color:#b7b1a8;transition:background .2s,box-shadow .2s}.b51.b80.b90.b94.b539.b543 .b91-sections button[aria-pressed=true],.b51.b80.b90.b94.b539.b543 .b91-sections button.active{background:#beb19e;color:#252525;border-color:#beb19e;box-shadow:0 5px 25px #beb19e18}.b51.b80.b90.b94.b539.b543 .b100-transport{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:20px;background:#191919;border-top:1px solid var(--studio-line)}.b51.b80.b90.b94.b539.b543 .b100-transport button{border-radius:10px;min-height:46px;background:#272727;border:1px solid #b7b1a840;color:#b7b1a8;padding:12px 18px}.b51.b80.b90.b94.b539.b543 .b100-transport [data-play]{background:linear-gradient(110deg,#beb19e,#beb19e);color:#242424;border-color:#beb19e;min-height:53px;padding:15px 24px;font-weight:700;box-shadow:0 8px 25px #beb19e11}.b51.b80.b90.b94.b539.b543 .b91-player[data-s543-playing=true] .b100-transport [data-play]{box-shadow:0 0 0 4px #beb19e0b,0 8px 28px #00000022}.b51.b80.b90.b94.b539.b543 .b91-controls ol{padding-left:0;list-style:none}.b51.b80.b90.b94.b539.b543 .b91-controls ol li{border:1px solid #b7b1a832;border-radius:9px;padding:11px;background:#1d1d1d;margin:7px 0}.b51.b80.b90.b94.b539.b543 .b91-controls ol li button{min-width:35px;min-height:35px;border-radius:7px}.b51.b80.b90.b94.b539.b543 .b91-player [data-s543-beat]{transition:box-shadow .15s}.b51.b80.b90.b94.b539.b543 .b91-player[data-s543-playing=true] .b54-score{box-shadow:inset 0 1px 50px #b7b1a807}
@media(max-width:900px){.b51.b80.b90.b94.b539.b543 .b82-reading{border-left:0;border-top:1px solid var(--studio-line)}.b51.b80.b90.b94.b539.b543 .b91-workspace .b54-score{border-right:0;border-bottom:1px solid var(--studio-line)}.b51.b80.b90.b94.b539.b543 .b96-training-intro{gap:24px}.b51.b80.b90.b94.b539.b543 .b96-teaching{width:200px}.b51.b80.b90.b94.b539.b543 .b82-toolbar{flex-wrap:wrap}.b51.b80.b90.b94.b539.b543 .b543-portrait{max-width:430px;margin-inline:auto}}
@media(max-width:600px){.b51.b80.b90.b94.b539.b543 .b539-film{padding:16px;border-radius:18px}.b51.b80.b90.b94.b539.b543 .b85-exercise-picker,.b51.b80.b90.b94.b539.b543 .b82-toolbar{padding:16px}.b51.b80.b90.b94.b539.b543 .b85-exercise-picker{flex-wrap:wrap}.b51.b80.b90.b94.b539.b543 .b85-exercise-picker select{flex:1;font-size:13px}.b51.b80.b90.b94.b539.b543 .b82-reading{padding:22px 17px}.b51.b80.b90.b94.b539.b543 .b82-current{padding:17px}.b51.b80.b90.b94.b539.b543 .b82-beats{gap:4px}.b51.b80.b90.b94.b539.b543 .b82-beats button{min-width:0;padding:6px;min-height:35px;font-size:12px}.b51.b80.b90.b94.b539.b543 .b82-pace{width:100%}.b51.b80.b90.b94.b539.b543 .b82-pace button{flex:1;padding:10px}.b51.b80.b90.b94.b539.b543 .b91-controls{padding:16px}.b51.b80.b90.b94.b539.b543 .b91-mode button{padding:10px 8px;font-size:10px;min-width:76px}.b51.b80.b90.b94.b539.b543 .b100-panel-tabs{gap:3px}.b51.b80.b90.b94.b539.b543 .b100-panel-tabs button{min-width:55px;font-size:9px;padding:7px 4px;min-height:47px}.b51.b80.b90.b94.b539.b543 .b91-sections{padding:14px;gap:5px;grid-template-columns:repeat(4,minmax(0,1fr))}.b51.b80.b90.b94.b539.b543 .b91-sections button{font-size:10px;padding:9px 4px;min-height:48px;overflow-wrap:anywhere}.b51.b80.b90.b94.b539.b543 .b100-transport{padding:16px;gap:7px}.b51.b80.b90.b94.b539.b543 .b100-transport [data-play]{width:100%;justify-content:center}.b51.b80.b90.b94.b539.b543 .b100-transport button:not([data-play]){flex:1;min-width:0;font-size:11px;padding:11px 8px}.b51.b80.b90.b94.b539.b543 .b96-training-intro{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.b51.b80.b90.b94.b539.b543 .b96-teaching{width:100%;max-width:300px;margin-inline:auto}.b51.b80.b90.b94.b539.b543 .b543-portrait{border-radius:17px}.b51.b80.b90.b94.b539.b543 .b82-stage,.b51.b80.b90.b94.b539.b543 .b91-player{border-radius:17px}.b51.b80.b90.b94.b539.b543 .b82-reading,.b51.b80.b90.b94.b539.b543 .b91-controls,.b51.b80.b90.b94.b539.b543 .b100-panel,.b51.b80.b90.b94.b539.b543 .b100-panel-tabs{min-width:0;max-width:100%}}
@media(prefers-reduced-motion:reduce){.b51.b80.b90.b94.b539.b543 :is(button,a,.b51-offer){transition:none!important}.b51.b80.b90.b94.b539.b543 .b51-button:hover{transform:none}}

/* The mode buttons share the complete width; explanatory copy gets its own row. */
.b51.b80.b90.b94.b539.b543 .b91-mode{display:block}.b51.b80.b90.b94.b539.b543 .b91-mode .b90-music-modes{display:flex;width:100%;gap:5px;border:0;background:transparent;padding:0}.b51.b80.b90.b94.b539.b543 .b91-mode .b90-mode-note{margin:10px 8px 1px;color:#b7b1a8;font-size:11px}.b51.b80.b90.b94.b539.b543 .b96-teaching{max-height:none}.b51.b80.b90.b94.b539.b543 .b91-controls [data-instrument]{font-size:12px}