.media-row button,.stage-controls button{background:#111814;color:#fff;border:0;padding:10px 15px;margin-top:14px;cursor:pointer}.media-player audio{display:block;width:100%;margin-top:12px}.lesson-stage{margin:35px 0}.stage-screen{aspect-ratio:16/9;background:radial-gradient(circle at 70% 20%,#19382c 0,#0d1712 42%,#070b09 100%);color:#fff;position:relative;overflow:hidden}.studio-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(223,255,102,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(223,255,102,.05) 1px,transparent 1px);background-size:42px 42px;transform:perspective(500px) rotateX(55deg) scale(1.4);transform-origin:bottom;animation:gridMove 12s linear infinite}.studio-orbit{position:absolute;border:1px solid rgba(223,255,102,.35);border-radius:50%;animation:orbit 14s linear infinite}.orbit-one{width:45%;aspect-ratio:1;right:-12%;top:-30%}.orbit-two{width:25%;aspect-ratio:1;left:30%;bottom:-20%;animation-direction:reverse}.expert-avatar{position:absolute;left:4%;bottom:5%;width:34%;height:88%;animation:expertBreath 4s ease-in-out infinite;transform-origin:bottom center;z-index:3}.expert-shadow{position:absolute;left:8%;bottom:3%;width:28%;height:4%;background:rgba(0,0,0,.6);filter:blur(15px);border-radius:50%}.expert-body{position:absolute;left:8%;right:8%;bottom:0;height:48%;background:linear-gradient(110deg,#223a32,#111b17 55%,#29473c);border-radius:46% 46% 8% 8%;overflow:hidden}.expert-body:after{content:"";position:absolute;left:39%;top:0;width:22%;height:65%;background:#e9e2d9;clip-path:polygon(0 0,100% 0,82% 100%,18% 100%)}.expert-lapel{position:absolute;top:0;width:44%;height:65%;background:#2d5043;z-index:2}.expert-lapel.left{left:0;clip-path:polygon(0 0,100% 0,70% 100%,15% 45%)}.expert-lapel.right{right:0;clip-path:polygon(0 0,100% 0,85% 45%,30% 100%)}.expert-arm{position:absolute;right:-2%;bottom:2%;width:28%;height:62%;background:#254438;border-radius:50%;transform-origin:top;animation:gesture 8s ease-in-out infinite}.expert-neck{position:absolute;left:43%;top:42%;width:17%;height:17%;background:#e6bb9f;border-radius:0 0 40% 40%;z-index:2}.expert-hair-back{position:absolute;left:25%;top:3%;width:52%;height:52%;background:#211b19;border-radius:48% 48% 42% 42%;z-index:1}.expert-head{position:absolute;left:29%;top:5%;width:45%;height:45%;background:linear-gradient(120deg,#f2c9ac,#dfaa8f);border-radius:48% 48% 45% 45%;z-index:4;animation:headNod 7s ease-in-out infinite}.expert-hair{position:absolute;left:-4%;right:-4%;top:-8%;height:40%;background:#2b211e;border-radius:52% 58% 20% 35%;transform:rotate(-5deg)}.expert-brow{position:absolute;top:43%;width:21%;height:3%;background:#533a32;border-radius:50%}.expert-brow.left{left:19%}.expert-brow.right{right:19%}.expert-eye{position:absolute;top:49%;width:20%;height:5%;background:#342723;border-radius:50%;animation:blink 5.6s infinite}.expert-eye.left{left:19%}.expert-eye.right{right:19%}.expert-nose{position:absolute;left:48%;top:50%;width:5%;height:17%;border-right:2px solid rgba(102,61,48,.35);border-bottom:2px solid rgba(102,61,48,.25);border-radius:50%}.expert-mouth{position:absolute;left:40%;top:73%;width:22%;height:5%;background:#9b4f4f;border-radius:0 0 50% 50%;transform:scaleY(var(--mouth-open,.25));transform-origin:center;transition:transform .06s linear}.content-panel{position:absolute;left:40%;right:5%;top:12%;bottom:17%;z-index:2;display:flex;flex-direction:column;justify-content:center;animation:panelFloat 6s ease-in-out infinite}.stage-kicker{color:#dfff66;font-size:12px;letter-spacing:.14em;font-weight:800}.content-panel h2{font-size:clamp(26px,4vw,52px);line-height:1.04;margin:12px 0;max-width:90%;transition:opacity .35s,transform .35s}.content-panel p{max-width:78%;color:#cbd4ce;transition:opacity .35s,transform .35s}.flow-visual{position:absolute;right:0;bottom:2%;width:45%;height:30%}.flow-visual span{position:absolute;width:24%;aspect-ratio:1;border:2px solid #dfff66;border-radius:50%;animation:nodePulse 3s ease-in-out infinite}.flow-visual span:nth-child(1){left:0;top:22%}.flow-visual span:nth-child(2){left:38%;top:0;animation-delay:.5s}.flow-visual span:nth-child(3){right:0;bottom:0;animation-delay:1s}.flow-visual i{position:absolute;left:15%;right:12%;top:52%;height:3px;background:linear-gradient(90deg,#19a66b,#dfff66);transform:rotate(-8deg);animation:flowLine 2.8s ease-in-out infinite}.stage-subtitle{position:absolute;left:5%;right:5%;bottom:3%;background:rgba(0,0,0,.72);padding:10px 16px;text-align:center;z-index:5}.stage-controls{display:flex;align-items:center;justify-content:space-between;background:#edf2ec;padding:12px 16px}.stage-controls button{margin:0}@keyframes expertBreath{0%,100%{transform:scaleY(1) translateY(0)}50%{transform:scaleY(1.012) translateY(-2px)}}@keyframes blink{0%,45%,49%,100%{transform:scaleY(1)}47%,48%{transform:scaleY(.08)}}@keyframes headNod{0%,100%{transform:rotate(0)}45%{transform:rotate(1.5deg)}55%{transform:rotate(-1deg)}}@keyframes gesture{0%,65%,100%{transform:rotate(3deg)}75%,88%{transform:rotate(-14deg)}}@keyframes gridMove{to{background-position:0 84px,84px 0}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes nodePulse{0%,100%{transform:scale(.9);opacity:.45}50%{transform:scale(1.1);opacity:1}}@keyframes flowLine{0%,100%{filter:brightness(.6);transform:rotate(-8deg) scaleX(.75)}50%{filter:brightness(1.4);transform:rotate(-8deg) scaleX(1)}}@keyframes panelFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(max-width:600px){.stage-screen{aspect-ratio:4/3}.expert-avatar{width:45%;left:-4%}.content-panel{left:38%;right:3%;top:5%}.content-panel h2{font-size:24px}.content-panel p{font-size:12px;max-width:100%}.stage-subtitle{font-size:11px}.flow-visual{opacity:.55;width:55%}}