/* Sense Studio — quiet depth, precise controls. The movement renderer is untouched. */
.b51.b543{--studio-mint:#b4cbbf;--studio-line:#b1c0b426;--studio-surface:#182023;--studio-gold:#d9c5a4;background:#0e1315;color:#f0ece4}.b51.b80.b90.b94.b539.b543 .b51-header{background:#0e1415ed;backdrop-filter:blur(20px);border-bottom:1px solid var(--studio-line)}.b51.b80.b90.b94.b539.b543 .b51-section{position:relative;border-color:#b8c6b71c}.b51.b80.b90.b94.b539.b543 .b51-kicker{color:#b4c5b7}.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 #c6dccd;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,#25312b38,#141b1f40)}.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:#d9c5a466;box-shadow:0 18px 45px #0002}.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 #d9c5a417;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:#b1c0b44a}.b51.b80.b90.b94.b539.b543 .b51-training .b51-offer-index{color:#a9c4b5}.b51.b80.b90.b94.b539.b543 .b539-film{border:1px solid var(--studio-line);background:radial-gradient(ellipse at 95% 0%,#6b827323,transparent 70%),#151d20;border-radius:24px;padding:clamp(20px,3vw,40px);box-shadow:0 28px 70px #0002}.b51.b80.b90.b94.b539.b543 .b539-film .b68-film-viewport{border-radius:15px;box-shadow:0 15px 50px #0003}.b51.b80.b90.b94.b539.b543 .b96-moment{border-radius:17px;border:1px solid #c3ccb12e;box-shadow:0 14px 40px #0003}.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 #d9c5a43b;border-radius:22px;overflow:hidden;isolation:isolate;box-shadow:0 24px 60px #0004}.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,#0b1316f5);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:#d2c4aa}.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:#c5d4c7;text-underline-offset:5px}.b51.b80.b90.b94.b539.b543 .bs537-home-interest{background:radial-gradient(ellipse at 100% 0,#5f88702a,transparent 70%),#172022;border-color:#a9c4b545;border-radius:22px}.b51.b80.b90.b94.b539.b543 .bs537-home-regions a{background:linear-gradient(125deg,#e2d0af,#bba27e);border-radius:12px}.b51.b80.b90.b94.b539.b543 .bs537-path li:before{background:#b4cbbf;box-shadow:0 0 0 5px #b4cbbf0d}.b51.b80.b90.b94.b539.b543 .bs537-path{border-color:#b4cbbf44}
/* Motion — a proper control desk around the existing canvas. */
.b51.b80.b90.b94.b539.b543 .b82-stage{border:1px solid #abc1b43b;border-radius:23px;background:radial-gradient(ellipse at 95% 0,#5577611c,transparent 55%),#121b1e;box-shadow:0 24px 70px #0003;overflow:hidden}.b51.b80.b90.b94.b539.b543 .b85-exercise-picker{padding:20px 24px;background:#21302a55;border-bottom:1px solid var(--studio-line);gap:12px}.b51.b80.b90.b94.b539.b543 .b85-exercise-picker label{color:#a8c3b1;letter-spacing:.12em;font-size:10px}.b51.b80.b90.b94.b539.b543 .b85-exercise-picker select{background:#111d20;border:1px solid #adc5b23a;border-radius:9px;padding:12px 40px 12px 14px;font-size:14px;color:#f0ece4;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 #b4cbbf38;background:#142123;border-radius:9px;color:#cfdfd0}.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:#0b161a;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:#aabeb2;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:#d7c5a4;color:#19211f;box-shadow:0 4px 14px #0002}.b51.b80.b90.b94.b539.b543 .b80-role-controls select{border-radius:8px;background:#132023;color:#cddbcf;border:1px solid #a1bcaa36;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,#23312975,#172125);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 #b4cbbf3d;background:linear-gradient(120deg,#b4cbbf12,#d9c5a408);border-radius:14px;box-shadow:0 8px 25px #0001;padding:20px;min-height:94px}.b51.b80.b90.b94.b539.b543 .b82-current strong{color:#d9c5a4}.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 #acc5b63d;border-radius:9px;min-height:40px;background:#101c20;color:#9eb6a9;transition:background .12s,box-shadow .12s}.b51.b80.b90.b94.b539.b543 .b82-beats button.active{background:#cbd8c5;color:#16241e;border-color:#dfebd9;box-shadow:0 0 0 3px #b4cbbf0d}.b51.b80.b90.b94.b539.b543 .b87-fractions button{border-radius:7px;padding:8px 12px;background:#132023;border:1px solid #b4cbbf33;color:#b9cdbd}.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 #b4cbbf3b;background:#16272a;color:#e6e6d9}.b51.b80.b90.b94.b539.b543 .b82-playback [data-b77-pause]{min-width:58px;min-height:58px;border-color:#d9c5a4;background:#d9c5a4;color:#182221;box-shadow:0 5px 22px #d9c5a415}.b51.b80.b90.b94.b539.b543 .b103-motion-transport{border:1px solid var(--studio-line);border-radius:12px;background:#0e1a1d;padding:16px;gap:14px}.b51.b80.b90.b94.b539.b543 .b103-motion-transport output{font-variant-numeric:tabular-nums;color:#d3dfcf}.b51.b80.b90.b94.b539.b543 [data-motion-music]{min-height:43px;border-radius:8px;border:1px solid #b4cbbf55;color:#cedfcf;background:#1c302e}.b51.b80.b90.b94.b539.b543 .b100-appearance{margin:0;border-top:1px solid var(--studio-line);background:#121c1f}.b51.b80.b90.b94.b539.b543 .b100-appearance summary{min-height:52px;padding:16px 24px;color:#a9bfae}.b51.b80.b90.b94.b539.b543 .b100-appearance button{border-radius:8px;min-height:42px;border-color:#a9bfae40}.b51.b80.b90.b94.b539.b543 .b100-appearance button[aria-pressed=true]{background:#b9cdb5;color:#15241f}.b51.b80.b90.b94.b539.b543 input[type=range]{accent-color:#c6d7bd}.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 #a8c1b43b;border-radius:23px;overflow:hidden;background:#111c20;box-shadow:0 25px 75px #0003}.b51.b80.b90.b94.b539.b543 .b91-mode{display:flex;gap:6px;padding:10px;background:#0c171a;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:#91a99d;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:#d9c5a4;border-color:#e7d7bb;color:#17211e;box-shadow:0 5px 20px #0002}.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%,#2c504440,transparent 65%),#101b1f;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,#22372e40,#152126);padding:22px;min-width:0}.b51.b80.b90.b94.b539.b543 .b100-panel-tabs{display:flex;gap:5px;flex-wrap:wrap;padding:5px;background:#0c171b;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:#9db4a7;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:#b4cbbf;color:#16241e}.b51.b80.b90.b94.b539.b543 .b100-panel{padding:8px 2px}.b51.b80.b90.b94.b539.b543 .b91-controls label{color:#b3c5b8;font-size:12px}.b51.b80.b90.b94.b539.b543 .b91-controls :is(select,input){border-radius:8px;border-color:#a9c0b340}.b51.b80.b90.b94.b539.b543 .b91-controls [data-choice]{border:1px solid #adc4b536;border-radius:11px;background:#101d21;color:#a6bcae;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,#cbdac2,#a7c3b4);color:#14241d;border-color:#d5e0ce;box-shadow:0 5px 20px #0001}.b51.b80.b90.b94.b539.b543 .b91-controls [data-instrument]{position:relative;border:1px solid #aac1b332;border-radius:10px;background:#0f1b20;color:#8fa99a;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:#51665b;vertical-align:middle}.b51.b80.b90.b94.b539.b543 .b91-controls [data-instrument][aria-pressed=true]{background:#213a33;color:#d6e0ce;border-color:#b2ccb064}.b51.b80.b90.b94.b539.b543 .b91-controls [data-instrument][aria-pressed=true]:before{background:#d1e2b8;box-shadow:0 0 9px #c3d8b555}.b51.b80.b90.b94.b539.b543 .b91-sections{gap:7px;padding:20px;border-top:1px solid var(--studio-line);background:#132023}.b51.b80.b90.b94.b539.b543 .b91-sections button{min-height:57px;border-radius:10px;border:1px solid #a8c2b22e;background:#0e1a1e;color:#a6bdae;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:#d9c5a4;color:#1e2821;border-color:#e7d8bc;box-shadow:0 5px 25px #d9c5a418}.b51.b80.b90.b94.b539.b543 .b100-transport{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:20px;background:#101b1f;border-top:1px solid var(--studio-line)}.b51.b80.b90.b94.b539.b543 .b100-transport button{border-radius:10px;min-height:46px;background:#192b2d;border:1px solid #9db6a540;color:#c9dbcc;padding:12px 18px}.b51.b80.b90.b94.b539.b543 .b100-transport [data-play]{background:linear-gradient(110deg,#e3d3b6,#c5ae87);color:#1b2722;border-color:#e7d6b6;min-height:53px;padding:15px 24px;font-weight:700;box-shadow:0 8px 25px #d9c5a411}.b51.b80.b90.b94.b539.b543 .b91-player[data-s543-playing=true] .b100-transport [data-play]{box-shadow:0 0 0 4px #d9c5a40b,0 8px 28px #0002}.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 #a9c0b332;border-radius:9px;padding:11px;background:#102024;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 #b4cbbf07}
@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:#a0b7aa;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}