.brand { white-space: nowrap; }
.youtube-form { width: min(100%, 570px); display: flex; gap: 10px; }
.youtube-form input { flex: 1; min-width: 0; padding: 14px 16px; border: 2px solid var(--ink); border-radius: 10px; font: inherit; background: white; }
.youtube-form .primary-button { white-space: nowrap; }
.or { width: min(100%, 570px); display: flex; align-items: center; gap: 12px; margin: 17px 0 10px; color: #6d6380; font-size: 12px; font-weight: 900; text-transform: uppercase; }
.or::before,.or::after { content: ""; flex: 1; border-top: 1px solid #b8aec1; }
.file-link { font-weight: 850; text-decoration: underline; cursor: pointer; }
.audio-note{display:block;margin-top:8px;padding:9px 12px;border:1px solid #b8aec1;border-radius:9px;background:#fff9e9;line-height:1.4}
.teacher-playlist{width:min(100%,650px);margin-top:16px;padding:12px;border:2px solid var(--ink);border-radius:12px;background:#eee9ff;text-align:left}.teacher-playlist summary{cursor:pointer;font-weight:950}.teacher-playlist>p{margin:10px 0;font-size:13px;line-height:1.4}.playlist-add-row{display:grid;grid-template-columns:1fr 1.25fr auto;gap:7px}.playlist-add-row input,.playlist-share input{min-width:0;padding:10px;border:2px solid var(--ink);border-radius:8px;font:inherit;background:white}.playlist-add-row button,.playlist-share button,.playlist-draft button{padding:9px 11px;border:2px solid var(--ink);border-radius:8px;background:var(--yellow);font-weight:950;cursor:pointer}.playlist-draft{display:grid;gap:7px;margin:10px 0;padding:0;list-style:none;counter-reset:playlist}.playlist-draft li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px;border:2px solid var(--ink);border-radius:9px;background:white}.playlist-draft span,.playlist-draft b,.playlist-draft small{display:block}.playlist-draft small{margin-top:2px;color:#6d6380}.playlist-draft button{background:white;font-size:11px}.playlist-share{margin-top:12px;padding-top:12px;border-top:2px dashed #8e84a2}.playlist-share label{display:block;margin-bottom:5px;font-weight:950}.playlist-share>div{display:flex;gap:7px}.playlist-share input{flex:1}.playlist-share small{display:block;margin-top:6px;line-height:1.35}.approved-music{text-align:left}.playlist-lock{display:inline-block;margin-bottom:8px;padding:5px 9px;border:2px solid var(--ink);border-radius:99px;background:var(--mint);font-size:11px;font-weight:950;letter-spacing:.6px}.approved-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.approved-video{display:grid;grid-template-columns:38px 1fr;gap:3px 10px;align-items:center;padding:12px;border:2px solid var(--ink);border-radius:12px;background:white;color:var(--ink);font:inherit;text-align:left;box-shadow:3px 3px 0 var(--ink);cursor:pointer}.approved-video:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.approved-video>span{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--yellow);font-weight:950}.approved-video b{line-height:1.2}.approved-video small{color:#6d6380}.approved-mode>.audio-note,.approved-mode>small:not(.playlist-lock){display:none}
.teacher-music-gate{width:min(100%,570px);padding:18px;border:2px solid var(--ink);border-radius:16px;background:#eee9ff;text-align:left;box-shadow:4px 4px 0 var(--ink)}.teacher-music-gate h2{margin:3px 0 8px}.teacher-music-gate>p:not(.form-error){margin:0 0 13px;line-height:1.45}.teacher-unlock-row{display:flex;gap:8px}.teacher-unlock-row input{min-width:0;flex:1;padding:12px;border:2px solid var(--ink);border-radius:9px;font:inherit;text-transform:uppercase}.teacher-unlock-row button{padding:10px 15px;border:2px solid var(--ink);border-radius:9px;background:var(--yellow);font-weight:950;cursor:pointer}.teacher-unlock-row button:disabled{opacity:.6}.teacher-signin-link{display:inline-block;margin-top:5px;color:var(--ink);font-size:13px;font-weight:900}
.student-class-music{padding:14px;border:2px solid var(--ink);border-radius:12px;background:white}.student-class-music h2{margin:3px 0 8px}.student-class-music>p{margin:0 0 12px;font-size:13px;line-height:1.45}.music-gate-divider{display:flex;align-items:center;gap:10px;margin:16px 0 13px;color:#6d6380;font-size:11px;font-weight:950;letter-spacing:1px;text-transform:uppercase}.music-gate-divider:before,.music-gate-divider:after{content:"";flex:1;border-top:2px dashed #aaa3c1}.change-class-music{margin-top:14px;padding:8px 11px;border:2px solid var(--ink);border-radius:9px;background:white;font-weight:900;cursor:pointer}
.form-error { min-height: 20px; margin: 9px 0 0 !important; color: #b51d4c !important; font-weight: 800; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.player-shell { aspect-ratio: 16/9; margin-top: 18px; overflow: hidden; border: 2px solid var(--ink); border-radius: 12px; background: #000; }
.player-shell iframe { width: 100%; height: 100%; display: block; }
.bob-tv-controls{display:block;margin-top:12px;padding:11px;border:2px solid var(--ink);border-radius:11px;background:#eee9ff}.bob-tv-controls.hidden{display:none}.bob-tv-controls summary{cursor:pointer;font-size:12px;font-weight:950}.bob-tv-controls[open] summary{margin-bottom:10px}.bob-tv-controls-body{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.bob-tv-button{padding:9px 12px;border:2px solid var(--ink);border-radius:9px;background:var(--purple);color:white;font-weight:950;cursor:pointer}.bob-tv-controls span{font-size:12px;color:#5e587b}.bob-tv-controls.popout-active{background:var(--mint);box-shadow:0 0 0 3px rgba(118,228,198,.35)}.bob-tv-controls.popout-active summary:after{content:" · BOB TV IS READY";color:#176650}

@media (max-width: 760px) {
  .topbar { height: 70px; padding: 0 12px; }
  .brand { font-size: clamp(13px, 4.8vw, 18px); }
  .step-indicator { gap: 5px; }
  .step-indicator i { width: 12px; }
  .step { width: 25px; height: 25px; }
  .help { width: 29px; height: 29px; }
  .youtube-form { flex-direction: column; }
  .playlist-add-row,.approved-grid{grid-template-columns:1fr}.playlist-share>div{display:grid}.playlist-share button{padding:11px}
  .teacher-unlock-row{display:grid}.teacher-unlock-row button{padding:12px}
}

.top-actions{display:flex;align-items:center;gap:8px}.learn-nav,.learn-jump{color:var(--ink);font-weight:900;text-decoration:none}.learn-nav{padding:7px 11px;border:2px solid var(--ink);border-radius:99px;background:var(--mint);font-size:12px}.learn-jump{display:inline-flex;margin-top:18px;padding:10px 14px;border:2px solid var(--ink);border-radius:10px;background:var(--white);box-shadow:3px 3px 0 var(--ink)}
.learn-lab{scroll-margin-top:95px;max-width:1120px;margin:20px auto 90px;padding:0 24px}.learn-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:260px;padding:28px 42px;border:3px solid var(--ink);border-radius:28px;background:var(--yellow);box-shadow:9px 9px 0 var(--ink)}.learn-hero h2{margin:4px 0 12px;font-size:clamp(38px,6vw,68px);line-height:.95;letter-spacing:-3px}.learn-hero p:not(.eyebrow){max-width:690px;font-size:18px;line-height:1.5}.learn-bob{flex:0 0 auto;width:210px}
.learn-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:26px}.learn-card{border:2px solid var(--ink);border-radius:20px;background:var(--white);padding:26px;box-shadow:6px 6px 0 var(--ink)}.learn-card h3,.watch-learn h3{margin:9px 0 12px;font-size:28px;line-height:1.05}.learn-card>p{line-height:1.55}.lesson-tag{display:inline-block;padding:5px 9px;border:2px solid var(--ink);border-radius:99px;background:var(--pink);color:white;font-size:11px;font-weight:950;letter-spacing:1px}.creation-steps{display:grid;grid-template-columns:1fr 1fr;gap:9px;list-style:none;padding:0;counter-reset:learn-step}.creation-steps li{counter-increment:learn-step;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;padding:10px;border:2px solid var(--ink);border-radius:12px;background:var(--cream)}.creation-steps li:before{content:counter(learn-step);grid-row:1/3;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);font-weight:950}.creation-steps span{font-size:12px;color:#6d6380}.bob-fact{padding:12px;border-left:6px solid var(--purple);background:#eee9ff}
.camera-science{background:#211f36;color:white}.camera-science .lesson-tag{background:var(--mint);color:var(--ink)}.landmark-demo{position:relative;width:150px;height:165px;margin:12px auto 8px}.landmark-demo i{position:absolute;display:block;background:var(--mint);border:3px solid white;box-shadow:0 0 0 2px var(--pink)}.head-dot{left:57px;top:2px;width:38px;height:38px;border-radius:50%}.shoulder-line{left:37px;top:50px;width:76px;height:8px;border-radius:9px}.body-line{left:69px;top:54px;width:10px;height:65px;border-radius:9px}.arm-line,.leg-line{width:9px;height:67px;border-radius:9px;transform-origin:top}.arm-line.left{left:42px;top:54px;transform:rotate(35deg)}.arm-line.right{right:42px;top:54px;transform:rotate(-35deg)}.leg-line.left{left:70px;top:112px;transform:rotate(25deg)}.leg-line.right{right:70px;top:112px;transform:rotate(-25deg)}.privacy-box{display:grid;gap:5px;padding:13px;border:2px solid var(--mint);border-radius:12px;background:#090816}.privacy-box span{font-size:13px;line-height:1.45;color:#dcd7ec}
.real-life-list{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px}.real-life-list li{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:start;padding:10px;border:2px solid var(--ink);border-radius:12px;background:var(--cream)}.real-life-list li>span{font-size:26px}.real-life-list p{margin:3px 0 0;font-size:13px;line-height:1.35}.question-card{background:#d8f8f1}.question-card details{margin-top:9px;border:2px solid var(--ink);border-radius:11px;background:white;padding:11px}.question-card summary{font-weight:900;cursor:pointer}.question-card details p{margin:9px 0 0;padding-top:9px;border-top:1px solid #ccc;line-height:1.45}
.move-history{margin-top:26px;padding:28px;border:3px solid var(--ink);border-radius:22px;background:#fff4bd;box-shadow:7px 7px 0 var(--ink)}.move-history-heading{display:flex;align-items:end;justify-content:space-between;gap:25px}.move-history-heading h3{margin:7px 0 0;font-size:32px;line-height:1}.move-history-heading>p{max-width:480px;margin:0;font-size:13px;line-height:1.5}.move-history-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.move-history-grid article{padding:16px;border:2px solid var(--ink);border-radius:14px;background:white}.move-history-grid article:last-child{grid-column:1/-1}.move-history-grid h4{margin:8px 0 7px;font-size:18px;line-height:1.2}.move-history-grid p{margin:0;font-size:13px;line-height:1.5}.move-history-grid small{display:block;margin-top:10px;padding:7px 9px;border-radius:8px;background:#f3efff;line-height:1.4}.history-style{display:inline-block;padding:4px 7px;border:2px solid var(--ink);border-radius:99px;font-size:9px;font-weight:950;letter-spacing:.8px}.all-style{background:var(--mint)}.hiphop-style{background:#1677ff;color:white}.tap-style{background:var(--yellow)}.ballet-style{background:var(--purple);color:white}.social-style{background:var(--pink);color:white}.history-sources{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;padding-top:14px;border-top:2px dashed #8e84a2;font-size:12px}.history-sources a{padding:7px 9px;border:2px solid var(--ink);border-radius:8px;background:white;color:var(--ink);font-weight:850;text-decoration:none}.history-sources a:hover{background:var(--mint)}
.ml-explorer{display:grid;grid-template-columns:1.45fr .75fr;gap:24px;margin-top:26px;padding:28px;border:3px solid var(--ink);border-radius:22px;background:#d8f8f1;box-shadow:7px 7px 0 var(--ink)}.ml-explorer h3{margin:9px 0 10px;font-size:28px;line-height:1.05}.ml-copy>p{line-height:1.5}.ml-copy ul{padding-left:20px;line-height:1.45}.ml-copy li+li{margin-top:7px}.ml-safety{padding:11px;border-left:6px solid var(--purple);background:white;font-size:13px}.ml-action{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;border:2px solid var(--ink);border-radius:17px;background:#211f36;color:white}.ml-icon{display:grid;place-items:center;width:84px;height:84px;margin-bottom:12px;border:3px solid white;border-radius:50%;background:var(--purple);color:var(--mint);font-size:19px;font-weight:950}.ml-action b{font-size:19px}.ml-action small{margin:4px 0 15px;color:#dcd7ec}.ml-action a{display:block;padding:11px 14px;border:2px solid white;border-radius:10px;background:var(--yellow);color:var(--ink);font-weight:950;text-decoration:none;box-shadow:3px 3px 0 white}.ml-action a:hover{transform:translate(-1px,-1px)}.ml-action p{margin:15px 0 0;font-size:11px;line-height:1.4;color:#dcd7ec}
.watch-learn{margin-top:26px;padding:28px;border:3px solid var(--ink);border-radius:22px;background:#eee9ff;box-shadow:7px 7px 0 var(--ink)}.watch-heading{display:flex;justify-content:space-between;align-items:end;gap:25px}.watch-heading p:last-child{max-width:430px;font-size:13px;line-height:1.4}.video-note{margin:10px 0 0;font-size:12px;color:#6d6380}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.resource-card{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:12px;min-width:0;padding:12px;border:2px solid var(--ink);border-radius:13px;background:white;color:var(--ink);text-decoration:none;box-shadow:3px 3px 0 var(--ink)}.resource-card:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.video-play{width:54px;height:54px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--pink);color:white;font-size:22px}.ballet-play{background:var(--purple)}.street-play{background:#1677ff}.code-link .video-play{background:var(--yellow);color:var(--ink)}.resource-card b,.resource-card small{display:block}.resource-card small{margin-top:3px;color:#6d6380;line-height:1.3}.performance-card{align-items:start;padding:15px}.performance-card .video-play{margin-top:8px}.performance-style{display:inline-block;margin-bottom:6px;padding:3px 7px;border-radius:99px;background:var(--yellow);font-size:9px;font-weight:950;letter-spacing:.8px}.watch-for{display:block;margin-top:9px;padding:7px 9px;border-radius:8px;background:#f3efff;font-size:11px;line-height:1.35}.street-performance{grid-column:1/-1}.street-performance>div{display:grid;grid-template-columns:auto 1fr;column-gap:12px}.street-performance .performance-style,.street-performance b,.street-performance small{grid-column:1}.street-performance .watch-for{grid-column:2;grid-row:1/4;margin:0;align-self:center}
@media(max-width:760px){.learn-nav{display:none}.learn-lab{padding:0 13px}.learn-hero{padding:22px;min-height:0}.learn-bob{width:115px}.learn-grid,.resource-grid,.ml-explorer,.move-history-grid{grid-template-columns:1fr}.learn-card,.watch-learn,.ml-explorer,.move-history{padding:19px}.watch-heading,.move-history-heading{display:block}.move-history-heading>p{margin-top:9px}.move-history-grid article:last-child{grid-column:auto}.creation-steps{grid-template-columns:1fr}.learn-hero h2{font-size:38px;letter-spacing:-2px}.street-performance{grid-column:auto}.street-performance>div{display:block}.street-performance .watch-for{margin-top:9px}}
@media(max-width:480px){.learn-hero{display:block}.learn-bob{margin:8px auto 0}.learn-hero p:not(.eyebrow){font-size:15px}.resource-card{grid-template-columns:48px 1fr}.video-play{width:44px;height:44px}.learn-jump{font-size:13px}}
.tutorial-learn{background:var(--cream)}.tutorial-learn .eyebrow{color:var(--pink)}
.ml-actions{display:grid;gap:12px}.ml-actions .ml-action{padding:17px}.ml-actions .ml-icon{width:58px;height:58px;margin-bottom:8px;font-size:14px}.pose-trainer{background:#30235f}.ml-login-note{margin:0;padding:8px 10px;border-radius:9px;background:white;color:var(--ink);font-size:11px;line-height:1.4;text-align:center}.move-detective{margin-top:26px;padding:28px;border:3px solid var(--ink);border-radius:22px;background:var(--yellow);box-shadow:7px 7px 0 var(--ink)}.detective-heading{display:flex;justify-content:space-between;align-items:end;gap:24px}.detective-heading h3{margin:8px 0 0;font-size:31px}.detective-heading>p{max-width:480px;margin:0;font-size:13px;line-height:1.45}.detective-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 12px}.detective-tab{padding:8px 12px;border:2px solid var(--ink);border-radius:99px;background:white;font-weight:900;cursor:pointer}.detective-tab.active{background:var(--ink);color:white}.detective-stage{display:grid;grid-template-columns:1.4fr .8fr;gap:16px}.detective-tv{position:relative;min-height:315px;padding:12px;border:8px solid #211f36;border-radius:22px;background:#090816;box-shadow:inset 0 0 0 2px #5e587b}.detective-tv:after{content:"BOB TV";position:absolute;right:18px;bottom:-2px;color:#aaa3c1;font-size:9px;font-weight:950;letter-spacing:1px}.detective-tv iframe,#detectivePlayer{width:100%;height:100%;min-height:275px;border:0;border-radius:9px}.detective-cue{position:absolute;inset:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;border-radius:9px;background:rgba(9,8,22,.9);color:white;text-align:center}.detective-cue.hidden{display:none}.detective-cue b{font-size:24px}.detective-cue span{max-width:400px;line-height:1.45}.detective-cue button,.detective-replay{padding:10px 14px;border:2px solid white;border-radius:10px;background:var(--pink);color:white;font-weight:950;cursor:pointer}.detective-panel{padding:19px;border:2px solid var(--ink);border-radius:16px;background:white}.detective-panel h4{margin:12px 0 8px;font-size:21px}.detective-panel>p{line-height:1.45}.detective-question{margin-top:16px;padding-top:14px;border-top:2px dashed #bbb}.detective-question.hidden{display:none}.detective-choices{display:grid;gap:7px;margin-top:10px}.detective-choices button{padding:9px;border:2px solid var(--ink);border-radius:9px;background:var(--cream);font-weight:900;text-align:left;cursor:pointer}.detective-choices button.correct{background:var(--mint)}.detective-choices button.incorrect{background:#ffd8df}.detective-question #detectiveFeedback{min-height:36px;font-size:13px;font-weight:800}.detective-replay{border-color:var(--ink);background:white;color:var(--ink)}.detective-note{margin-top:18px;font-size:10px;color:#6d6380}.move-detective .lesson-tag{background:var(--purple)}
@media(max-width:760px){.detective-heading{display:block}.detective-heading>p{margin-top:8px}.detective-stage{grid-template-columns:1fr}.detective-tv{min-height:245px}.detective-tv iframe,#detectivePlayer{min-height:205px}.move-detective{padding:19px}}
.detective-cue{z-index:2;overflow:hidden;background:#090816}.detective-cue:before,.detective-cue:after{content:"";position:absolute;width:180px;height:180px;border:28px solid #30235f;border-radius:50%;opacity:.55}.detective-cue:before{left:-105px;top:-105px}.detective-cue:after{right:-105px;bottom:-105px}.detective-cue>*{position:relative;z-index:1}.bob-tv-mark{display:grid;place-items:center;width:72px;height:72px;border:4px solid white;border-radius:50%;background:var(--purple);color:var(--mint);box-shadow:0 0 0 7px #211f36;font-size:20px;font-weight:1000;letter-spacing:-1px}
.ml-explorer{grid-template-columns:1fr}.ml-actions{grid-template-columns:1fr 1fr;align-items:start}.ml-login-note{grid-column:1/-1}.ml-actions .ml-action{justify-content:flex-start;align-items:stretch;text-align:left}.ml-actions .ml-icon{align-self:center}.ml-actions .ml-action>b,.ml-actions .ml-action>small{text-align:center}.kid-steps{margin:14px 0;padding:0;list-style:none;counter-reset:kid-step;display:grid;gap:8px}.kid-steps li{counter-increment:kid-step;position:relative;padding:9px 9px 9px 39px;border-radius:10px;background:rgba(255,255,255,.1);font-size:12px;line-height:1.45}.kid-steps li:before{content:counter(kid-step);position:absolute;left:9px;top:9px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:var(--ink);font-weight:950}.class-explain{margin:12px 0 0;padding:10px;border:2px solid var(--mint);border-radius:10px;background:#17112f;font-size:12px;line-height:1.45}.ml-actions .ml-action>a{margin-top:auto;text-align:center}.detective-actions{display:flex;flex-wrap:wrap;gap:8px}.detective-next{padding:10px 14px;border:2px solid var(--ink);border-radius:10px;background:var(--purple);color:white;font-weight:950;cursor:pointer}@media(max-width:760px){.ml-actions{grid-template-columns:1fr}.ml-login-note{grid-column:auto}}