/* MeTeach ME-IA v3 — isolated immersive conversation room */
#meia-v3{position:fixed;inset:0;z-index:2147483000;background:#040a14;color:#fff;font-family:Nunito,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden;isolation:isolate}
#meia-v3[hidden]{display:none!important}
#meia-v3 *{box-sizing:border-box}
.meia3-bg{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 46%,rgba(0,102,255,.15),transparent 28%),radial-gradient(circle at 72% 20%,rgba(0,168,255,.08),transparent 25%),radial-gradient(circle at 18% 80%,rgba(255,159,28,.055),transparent 22%),linear-gradient(145deg,#030811 0%,#071426 52%,#020711 100%)}
.meia3-bg:before{content:"";position:absolute;inset:-20%;background:repeating-radial-gradient(circle at 50% 48%,transparent 0 95px,rgba(0,132,255,.055) 96px 97px,transparent 98px 150px);animation:meia3Orbit 34s linear infinite}
.meia3-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 35%,rgba(0,0,0,.4) 100%)}
.meia3-grid{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(0,150,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,150,255,.06) 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(circle at center,black,transparent 72%)}
.meia3-particles{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(91,188,255,.75) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(255,184,67,.6) 0 1px,transparent 1.5px);background-size:137px 173px,211px 191px;background-position:13px 31px,71px 87px;opacity:.28;animation:meia3Drift 25s linear infinite}
.meia3-top{position:absolute;left:34px;right:34px;top:24px;height:56px;display:flex;align-items:center;justify-content:space-between;z-index:20}
.meia3-brand{display:flex;align-items:center;gap:12px;letter-spacing:-.5px}.meia3-brand-mark{width:42px;height:42px;border:1px solid rgba(0,168,255,.8);border-radius:12px;display:grid;place-items:center;background:rgba(4,18,36,.72);box-shadow:0 0 22px rgba(0,126,255,.25)}.meia3-brand-mark:before{content:"▶";font-size:17px;color:#ffad2f;margin-left:2px}.meia3-brand b{font-size:22px;font-weight:900;color:#fff}.meia3-brand b span{color:#1db6ff}.meia3-brand small{display:block;color:#7ea7cf;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;margin-top:1px}
.meia3-exit{border:1px solid rgba(78,167,255,.9);background:rgba(3,15,30,.66);color:#fff;border-radius:999px;padding:11px 18px;font-weight:900;font-size:14px;cursor:pointer;box-shadow:0 0 22px rgba(0,117,255,.15);transition:.2s}.meia3-exit:hover{background:rgba(0,102,255,.18);transform:translateY(-1px)}
.meia3-select-screen{position:absolute;inset:0;display:grid;place-items:center;z-index:10}.meia3-select-card{width:min(700px,calc(100% - 34px));text-align:center;padding:38px 34px 42px;border:1px solid rgba(0,139,255,.28);border-radius:28px;background:linear-gradient(145deg,rgba(8,25,47,.82),rgba(2,10,21,.68));box-shadow:0 35px 90px rgba(0,0,0,.45),0 0 60px rgba(0,100,255,.08);backdrop-filter:blur(18px)}
.meia3-kicker{color:#45b8ff;font-size:12px;font-weight:900;letter-spacing:3px;text-transform:uppercase}.meia3-select-card h1{font-size:64px;line-height:1;font-weight:950;margin:9px 0 8px;letter-spacing:-3px}.meia3-select-card h1 span{color:#18b6ff}.meia3-sub{color:#a8bfd8;font-size:17px;margin:0 0 28px}.meia3-question{font-size:21px;font-weight:900;margin:0 0 13px}.meia3-picker{display:flex;gap:10px;max-width:580px;margin:0 auto}.meia3-picker select{flex:1;min-width:0;height:58px;padding:0 18px;border-radius:16px;border:1px solid rgba(59,160,255,.48);background:#081a31;color:#fff;font-size:16px;font-weight:800;outline:none}.meia3-picker button{width:62px;border:0;border-radius:16px;background:linear-gradient(135deg,#008cff,#12baff);color:#fff;font-size:28px;font-weight:900;cursor:pointer;box-shadow:0 0 30px rgba(0,142,255,.25)}
.meia3-conversation{position:absolute;inset:0;z-index:5}.meia3-lesson{position:absolute;left:3.1vw;top:18vh;width:min(410px,29vw);padding:25px 28px;border:1px solid rgba(0,134,255,.4);border-radius:22px;background:linear-gradient(145deg,rgba(4,18,37,.82),rgba(3,11,23,.62));backdrop-filter:blur(15px);box-shadow:0 20px 60px rgba(0,0,0,.25),0 0 35px rgba(0,100,255,.08)}.meia3-lesson:before{content:"";position:absolute;left:0;top:24px;bottom:24px;width:3px;border-radius:3px;background:linear-gradient(#ffad2f,#1bb5ff)}.meia3-lesson .eyebrow{font-size:13px;color:#39adff;font-weight:900;letter-spacing:.4px}.meia3-lesson h2{font-size:27px;line-height:1.15;margin:8px 0 13px;letter-spacing:-.7px}.meia3-lesson p{color:#a7bdd5;font-size:14px;line-height:1.6;margin:0}.meia3-lesson .topic{margin-top:15px;color:#6f96bd;font-size:11px;text-transform:uppercase;letter-spacing:1.5px}
.meia3-dino{position:absolute;left:50%;top:7.5vh;transform:translateX(-50%);z-index:12;display:flex;align-items:center;gap:14px}.meia3-dino-face{width:94px;height:94px;border-radius:50%;padding:7px;background:radial-gradient(circle,#0b315a 0%,#07182d 60%,#020811 100%);border:1px solid rgba(44,163,255,.85);box-shadow:0 0 18px rgba(0,128,255,.6),inset 0 0 22px rgba(0,168,255,.2);animation:meia3Float 4s ease-in-out infinite}.meia3-dino-face img{width:100%;height:100%;object-fit:contain}.meia3-speech{width:260px;padding:13px 17px;border:1px solid rgba(42,158,255,.6);background:rgba(4,17,34,.88);border-radius:15px 15px 15px 4px;color:#d7e9fb;font-size:13px;line-height:1.45;box-shadow:0 12px 35px rgba(0,0,0,.25)}
.meia3-plasma{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);width:min(48vw,620px);height:min(48vw,620px);z-index:4}.meia3-plasma canvas{width:100%;height:100%;display:block}.meia3-plasma-status{position:absolute;left:50%;top:72%;transform:translateX(-50%);font-size:14px;font-weight:900;color:#d9edff;letter-spacing:.3px;text-shadow:0 0 18px rgba(0,153,255,.65);white-space:nowrap}.meia3-question-card{position:absolute;right:3.1vw;top:25vh;width:min(390px,27vw);padding:24px 26px;border:1px solid rgba(0,134,255,.45);border-radius:22px;background:linear-gradient(145deg,rgba(4,18,37,.82),rgba(3,11,23,.62));backdrop-filter:blur(15px);box-shadow:0 20px 60px rgba(0,0,0,.25)}.meia3-question-card:before{content:"";position:absolute;left:0;top:24px;bottom:24px;width:2px;background:#1aaeff}.meia3-q-label{font-size:11px;letter-spacing:1.7px;color:#35b3ff;font-weight:900;margin-bottom:19px}.meia3-q-text{font-size:24px;line-height:1.35;font-weight:900;min-height:92px}.meia3-wave{display:flex;gap:3px;align-items:center;height:24px;margin-top:17px}.meia3-wave i{width:3px;border-radius:4px;background:#1eaaff;animation:meia3Wave 1.05s ease-in-out infinite}.meia3-wave i:nth-child(1){height:6px}.meia3-wave i:nth-child(2){height:13px;animation-delay:.1s}.meia3-wave i:nth-child(3){height:20px;animation-delay:.18s}.meia3-wave i:nth-child(4){height:10px;animation-delay:.27s}.meia3-wave i:nth-child(5){height:17px;animation-delay:.34s}.meia3-wave i:nth-child(6){height:7px;animation-delay:.42s}
.meia3-feedback{position:absolute;right:5vw;bottom:17vh;width:min(300px,22vw);padding:13px 16px;border:1px solid rgba(41,151,255,.52);border-radius:16px;background:rgba(4,18,36,.82);backdrop-filter:blur(12px);font-size:13px;line-height:1.45;color:#d8ebff;box-shadow:0 12px 35px rgba(0,0,0,.22);opacity:0;transform:translateY(8px);transition:.35s}.meia3-feedback.show{opacity:1;transform:none}.meia3-feedback b{color:#5bc3ff}.meia3-feedback .fix{color:#fff0b8;margin-top:6px}
.meia3-timer{position:absolute;left:4vw;bottom:16vh;width:118px;height:118px;border-radius:50%;display:grid;place-items:center;text-align:center;background:conic-gradient(#ffad2f 0deg,#1aaeff 0deg,rgba(71,117,160,.16) 0deg);box-shadow:0 0 25px rgba(0,120,255,.08);z-index:8}.meia3-timer:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#071426;border:1px solid rgba(91,167,230,.15)}.meia3-timer span{position:relative;font-weight:900;font-size:22px}.meia3-timer small{position:relative;display:block;color:#8ea9c4;font-size:11px;margin-top:2px}.meia3-progress{position:absolute;right:4vw;bottom:8vh;color:#6f93b5;font-size:11px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.meia3-mic-zone{position:absolute;left:50%;bottom:3.2vh;transform:translateX(-50%);z-index:20;display:flex;flex-direction:column;align-items:center}.meia3-mic{width:82px;height:82px;border-radius:50%;border:1px solid rgba(45,168,255,.9);background:radial-gradient(circle at 45% 35%,#168dff,#06356b 68%,#031426);display:grid;place-items:center;color:#fff;cursor:pointer;box-shadow:0 0 28px rgba(0,128,255,.42),inset 0 0 22px rgba(0,189,255,.18);transition:.2s}.meia3-mic:hover{transform:scale(1.04);box-shadow:0 0 38px rgba(0,128,255,.58)}.meia3-mic.listening{animation:meia3Mic 1.1s ease-in-out infinite;background:radial-gradient(circle,#19baff,#06457f)}.meia3-mic svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.meia3-mic-label{font-size:11px;font-weight:900;color:#a9c8e5;margin-top:7px;letter-spacing:1px}.meia3-input{width:min(690px,55vw);height:48px;margin-top:9px;border:1px solid rgba(45,142,225,.38);background:rgba(3,14,29,.72);border-radius:999px;display:flex;align-items:center;padding:4px 5px 4px 17px;backdrop-filter:blur(12px)}.meia3-input input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#fff;font-size:13px}.meia3-input input::placeholder{color:#718ca8}.meia3-input button{width:38px;height:38px;border:0;border-radius:50%;background:#15375d;color:#bfe5ff;cursor:pointer;font-size:18px}
.meia3-summary{position:absolute;inset:0;z-index:30;display:grid;place-items:center;background:rgba(1,6,13,.72);backdrop-filter:blur(16px)}.meia3-summary-card{width:min(760px,calc(100% - 34px));max-height:82vh;overflow:auto;padding:35px;border:1px solid rgba(0,145,255,.38);border-radius:28px;background:linear-gradient(145deg,rgba(8,27,51,.94),rgba(2,10,20,.94));box-shadow:0 40px 100px rgba(0,0,0,.5)}.meia3-summary-card h2{margin:0 0 7px;font-size:32px}.meia3-summary-card>p{margin:0 0 22px;color:#90afca}.meia3-summary-section{margin:15px 0;padding:15px 17px;border-radius:15px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055)}.meia3-summary-section h3{margin:0 0 9px;font-size:13px;color:#4dbbff}.meia3-summary-section p,.meia3-summary-section li{color:#c6d9ea;font-size:13px;line-height:1.6}.meia3-summary-card>button{margin-top:15px;width:100%;height:50px;border:0;border-radius:14px;background:linear-gradient(90deg,#008cff,#16b7ff);color:#fff;font-weight:900;font-size:15px;cursor:pointer}
.meia3-error{position:absolute;left:50%;bottom:15vh;transform:translateX(-50%);padding:10px 16px;border-radius:999px;background:rgba(120,24,35,.8);border:1px solid rgba(255,105,105,.35);font-size:12px;z-index:40}
@keyframes meia3Orbit{to{transform:rotate(360deg)}}@keyframes meia3Drift{to{background-position:160px 120px,10px 190px}}@keyframes meia3Float{50%{transform:translateY(-6px) scale(1.02)}}@keyframes meia3Wave{50%{transform:scaleY(.45);opacity:.55}}@keyframes meia3Mic{50%{box-shadow:0 0 45px rgba(0,168,255,.75),0 0 0 13px rgba(0,142,255,.08)}}
@media(max-width:1050px){.meia3-lesson{width:290px;left:20px}.meia3-question-card{width:300px;right:20px}.meia3-feedback{right:20px;width:250px}.meia3-plasma{width:500px;height:500px}.meia3-dino{top:8vh}.meia3-timer{left:20px}}
@media(max-width:760px){.meia3-top{top:12px;left:14px;right:14px}.meia3-brand-mark{width:36px;height:36px}.meia3-brand b{font-size:18px}.meia3-brand small{display:none}.meia3-exit{padding:9px 14px;font-size:12px}.meia3-select-card{padding:30px 20px}.meia3-select-card h1{font-size:48px}.meia3-picker{gap:7px}.meia3-picker select{height:52px;font-size:14px}.meia3-picker button{width:54px}.meia3-dino{top:9vh;gap:8px}.meia3-dino-face{width:68px;height:68px}.meia3-speech{width:190px;font-size:11px}.meia3-plasma{width:88vw;height:88vw;top:44%;}.meia3-plasma-status{top:69%;font-size:12px}.meia3-lesson{top:18%;left:14px;width:calc(100% - 28px);padding:12px 16px;border-radius:15px}.meia3-lesson:before{top:13px;bottom:13px}.meia3-lesson h2{font-size:18px;margin:4px 0 3px}.meia3-lesson p{display:none}.meia3-lesson .topic{display:none}.meia3-lesson .eyebrow{font-size:10px}.meia3-question-card{left:14px;right:14px;top:auto;bottom:24%;width:auto;padding:12px 15px;border-radius:15px}.meia3-question-card:before{top:12px;bottom:12px}.meia3-q-label{margin-bottom:5px;font-size:9px}.meia3-q-text{font-size:17px;min-height:0}.meia3-wave{display:none}.meia3-feedback{left:14px;right:14px;bottom:18%;width:auto;font-size:11px}.meia3-timer{width:74px;height:74px;left:14px;bottom:13%;}.meia3-timer:before{inset:5px}.meia3-timer span{font-size:14px}.meia3-timer small{font-size:8px}.meia3-progress{right:14px;bottom:12%;font-size:8px}.meia3-mic-zone{bottom:1.5%;}.meia3-mic{width:65px;height:65px}.meia3-mic svg{width:25px;height:25px}.meia3-mic-label{font-size:9px}.meia3-input{width:92vw;height:40px;margin-top:6px}.meia3-input input{font-size:11px}.meia3-input button{width:31px;height:31px}.meia3-summary-card{padding:24px}}
@media(prefers-reduced-motion:reduce){#meia-v3 *,#meia-v3 *:before,#meia-v3 *:after{animation:none!important;transition:none!important}}

/* V5 visual layer: immersive holographic plasma room */
.meia3-bg{background:radial-gradient(circle at 50% 48%,rgba(0,114,255,.14),transparent 27%),radial-gradient(circle at 16% 15%,rgba(22,174,255,.08),transparent 23%),radial-gradient(circle at 82% 80%,rgba(255,169,45,.045),transparent 22%),linear-gradient(145deg,#01050c 0%,#061426 52%,#01050b 100%)}
.meia3-bg:before{inset:-25%;background:repeating-radial-gradient(ellipse at 50% 48%,transparent 0 110px,rgba(0,145,255,.035) 111px 112px,transparent 113px 175px);animation:meia5Orbit 38s linear infinite}
.meia3-grid{opacity:.13;background-size:74px 74px;mask-image:radial-gradient(circle at center,black,transparent 70%)}
.meia3-particles{opacity:.18;animation:meia5Drift 24s linear infinite}
.meia3-plasma{width:min(54vw,720px);height:min(54vw,720px);filter:drop-shadow(0 0 35px rgba(0,132,255,.14))}
.meia3-plasma-status{font-weight:950;letter-spacing:1px}
.meia3-dino-face.talking{box-shadow:0 0 30px rgba(17,185,255,.82),inset 0 0 25px rgba(0,190,255,.26)}
.meia3-error{width:min(520px,calc(100% - 40px));padding:15px 18px;border-radius:18px;background:rgba(70,16,26,.94);border:1px solid rgba(255,105,105,.45);font-size:12px;z-index:60;box-shadow:0 20px 60px rgba(0,0,0,.45);display:grid;grid-template-columns:1fr auto;gap:4px 14px}
.meia3-error strong{font-size:13px}.meia3-error span{color:#ffc6c6;grid-column:1}.meia3-error button{grid-column:2;grid-row:1/3;align-self:center;border:1px solid rgba(255,255,255,.25);background:#9d2637;color:#fff;border-radius:10px;padding:9px 13px;font-weight:900;cursor:pointer}
@keyframes meia5Orbit{to{transform:rotate(360deg)}}
@keyframes meia5Drift{to{background-position:180px 130px,10px 205px}}
@keyframes meia5Float{50%{transform:translateY(-6px) scale(1.02)}}
@keyframes meia5Wave{50%{transform:scaleY(.45);opacity:.55}}
@keyframes meia5Mic{50%{box-shadow:0 0 48px rgba(0,168,255,.8),0 0 0 14px rgba(0,142,255,.08)}}
@keyframes meia5Core{50%{transform:scale(1.12);filter:brightness(1.25)}}
@media(max-width:760px){.meia3-plasma{width:94vw;height:94vw;top:44%}.meia3-plasma-status{top:70%;font-size:10px}.meia3-error{grid-template-columns:1fr}.meia3-error button{grid-column:1;grid-row:auto;justify-self:start}}

/* V6 — voice permission + live captions + stronger holographic core */
.meia3-live-captions{position:absolute;left:50%;bottom:14.2vh;transform:translateX(-50%);z-index:18;width:min(680px,52vw);padding:11px 18px 13px;border:1px solid rgba(42,166,255,.35);border-radius:17px;background:linear-gradient(180deg,rgba(2,13,28,.76),rgba(2,9,20,.56));backdrop-filter:blur(16px);box-shadow:0 12px 40px rgba(0,0,0,.28),0 0 30px rgba(0,121,255,.06);text-align:center;pointer-events:none}
.meia3-live-captions .cap-label{font-size:9px;letter-spacing:2px;color:#4dbbff;font-weight:900;margin-bottom:6px}.meia3-live-captions .cap-ai,.meia3-live-captions .cap-you{font-size:14px;line-height:1.35;font-weight:800;min-height:19px}.meia3-live-captions .cap-ai{color:#e9f6ff}.meia3-live-captions .cap-you{color:#8fd6ff;margin-top:3px}
.meia3-permission{position:absolute;inset:0;z-index:100;display:grid;place-items:center;background:rgba(1,7,15,.72);backdrop-filter:blur(18px)}.meia3-permission[hidden]{display:none!important}.permission-card{width:min(470px,calc(100% - 34px));padding:32px 32px 28px;text-align:center;border:1px solid rgba(34,167,255,.52);border-radius:26px;background:linear-gradient(145deg,rgba(6,25,48,.96),rgba(2,10,22,.96));box-shadow:0 35px 100px rgba(0,0,0,.58),0 0 55px rgba(0,132,255,.12)}.permission-orb{width:72px;height:72px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;font-size:31px;background:radial-gradient(circle,#159cff,#062e5d 70%,#020b18);border:1px solid rgba(61,190,255,.8);box-shadow:0 0 36px rgba(0,148,255,.4);animation:meia5Core 1.8s ease-in-out infinite}.permission-card h2{margin:0 0 9px;font-size:25px}.permission-card p{margin:0 auto 20px;color:#a9c3db;font-size:14px;line-height:1.6;max-width:390px}.permission-card button{height:49px;padding:0 23px;border:0;border-radius:14px;background:linear-gradient(90deg,#008dff,#18b9ff);color:#fff;font-weight:950;font-size:15px;cursor:pointer;box-shadow:0 0 28px rgba(0,143,255,.28)}.permission-card small{display:block;margin-top:12px;color:#6f8da9;font-size:11px}
.meia3-plasma canvas{filter:drop-shadow(0 0 14px rgba(0,151,255,.18))}
.meia3-mic.listening{box-shadow:0 0 42px rgba(0,174,255,.82),0 0 0 0 rgba(0,174,255,.18)}
.meia3-mic-label{min-width:130px;text-align:center}
@media(max-width:1050px){.meia3-live-captions{width:min(620px,55vw);bottom:15vh}}
@media(max-width:760px){.meia3-live-captions{left:10px;right:10px;transform:none;width:auto;bottom:16.5%;padding:8px 12px}.meia3-live-captions .cap-ai,.meia3-live-captions .cap-you{font-size:11px}.permission-card{padding:27px 21px}.permission-card h2{font-size:21px}.permission-card p{font-size:13px}}


/* V9 — ME-IA future tutor: real logo, side transcript, automatic listening, clean voice state */
.meia3-real-logo{display:block;width:178px;height:auto;max-height:64px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(0,143,255,.22))}
.meia3-brand{min-width:178px}
.meia3-transcript{position:absolute;right:3vw;bottom:15vh;width:min(360px,25vw);height:min(360px,42vh);z-index:22;border:1px solid rgba(38,163,255,.34);border-radius:20px;background:linear-gradient(180deg,rgba(3,16,32,.72),rgba(2,9,20,.62));backdrop-filter:blur(18px);box-shadow:0 18px 60px rgba(0,0,0,.32),0 0 35px rgba(0,124,255,.06);overflow:hidden;display:flex;flex-direction:column}
.meia3-transcript-head{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;border-bottom:1px solid rgba(66,167,255,.16);font-size:9px;font-weight:950;letter-spacing:1.8px;color:#4ebdff}.meia3-transcript-head small{font-size:8px;color:#708ca8;letter-spacing:1px;text-transform:uppercase}.meia3-transcript-list{padding:10px 12px 14px;overflow:auto;scroll-behavior:smooth}.meia3-transcript-row{margin:0 0 10px}.meia3-transcript-label{font-size:8px;letter-spacing:1.2px;font-weight:950;margin-bottom:4px;color:#58c4ff}.meia3-transcript-row.you .meia3-transcript-label{color:#ffb33b}.meia3-transcript-bubble{font-size:12px;line-height:1.42;color:#dceeff;padding:9px 11px;border-radius:12px 12px 12px 3px;background:rgba(16,65,105,.28);border:1px solid rgba(44,159,244,.18)}.meia3-transcript-row.you .meia3-transcript-bubble{border-radius:12px 12px 3px 12px;background:rgba(255,157,37,.07);border-color:rgba(255,174,63,.17);color:#fff0d3}
.meia3-live-captions{display:none!important}
.meia3-mic-zone{bottom:6.5vh;z-index:25}.meia3-mic-hint{font-size:11px;font-weight:850;color:#9dbbd6;letter-spacing:.35px;margin-bottom:8px;text-align:center;min-height:16px;text-shadow:0 0 15px rgba(0,130,255,.45)}
.meia3-mic{transition:opacity .25s,transform .2s,box-shadow .25s,background .25s}.meia3-mic.teacher-speaking{opacity:.28;cursor:default;box-shadow:0 0 12px rgba(0,128,255,.12);background:rgba(5,25,47,.28)}.meia3-mic.teacher-speaking:hover{transform:none}.meia3-mic.listening{opacity:1}
.meia3-input{margin-top:12px}
.meia3-feedback{right:calc(3vw + min(360px,25vw) + 18px);bottom:17vh;width:min(280px,20vw)}
@media(max-width:1200px){.meia3-transcript{width:300px}.meia3-feedback{right:330px;width:230px}.meia3-real-logo{width:150px}}
@media(max-width:900px){.meia3-transcript{right:16px;width:300px;height:250px;bottom:19vh}.meia3-feedback{left:16px;right:16px;bottom:43vh;width:auto}.meia3-plasma{top:45%;width:58vw;height:58vw}.meia3-question-card{top:22vh}}
@media(max-width:760px){.meia3-real-logo{width:130px}.meia3-transcript{left:10px;right:10px;bottom:20%;width:auto;height:170px}.meia3-mic-zone{bottom:2.2vh}.meia3-mic{width:64px;height:64px}.meia3-mic-hint{font-size:9px;margin-bottom:4px}.meia3-input{width:92vw;margin-top:7px}.meia3-feedback{left:10px;right:10px;bottom:39%;font-size:10px}.meia3-question-card{bottom:auto;top:20%;}.meia3-dino{top:7vh}}

/* ME-IA V10 — futuristic private tutor room */
:root{--m3-blue:#17b9ff;--m3-blue2:#006dff;--m3-orange:#ff9f25;--m3-yellow:#ffd35a;--m3-purple:#a55cff;--m3-bg:#020812}
.meia3-bg{background:radial-gradient(circle at 50% 48%,rgba(0,119,255,.18),transparent 28%),radial-gradient(circle at 50% 48%,rgba(165,92,255,.08),transparent 43%),radial-gradient(circle at 20% 90%,rgba(255,159,37,.08),transparent 24%),linear-gradient(145deg,#01040a 0%,#041225 48%,#01040a 100%)}
.meia3-bg:before{background:repeating-radial-gradient(ellipse at 50% 48%,transparent 0 105px,rgba(23,185,255,.045) 106px 107px,transparent 108px 175px);animation:meia5Orbit 42s linear infinite}
.meia3-grid{opacity:.09;background-size:82px 82px;mask-image:radial-gradient(circle at 50% 48%,black 0%,transparent 72%)}
.meia3-particles{opacity:.22;background-image:radial-gradient(circle,rgba(23,185,255,.85) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(255,211,90,.7) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(165,92,255,.65) 0 1px,transparent 1.5px);background-size:137px 173px,211px 191px,173px 227px}
.meia3-top{top:22px;left:48px;right:34px;height:64px;align-items:center}
.meia3-real-logo{width:190px;max-height:70px;filter:drop-shadow(0 0 20px rgba(23,185,255,.24))}
.meia3-top-right{display:flex;align-items:center;gap:16px}
.meia3-lesson-chip{height:58px;min-width:285px;padding:0 14px 0 12px;border:1px solid rgba(23,185,255,.55);border-radius:18px;background:linear-gradient(135deg,rgba(5,25,47,.88),rgba(3,12,25,.72));backdrop-filter:blur(18px);display:flex;align-items:center;gap:11px;box-shadow:0 0 28px rgba(0,115,255,.10),inset 0 0 24px rgba(23,185,255,.035)}
.meia3-lesson-chip-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(255,174,47,.12);border:1px solid rgba(255,174,47,.38);color:var(--m3-yellow);font-size:17px}
.meia3-lesson-chip b{display:block;color:#fff;font-size:14px;line-height:1.15}.meia3-lesson-chip small{display:block;color:#7fa4c5;font-size:10px;margin-top:3px}.meia3-lesson-chevron{margin-left:auto;color:#a9d7f5;font-size:21px;transform:translateY(-2px)}
.meia3-exit{height:50px;padding:0 19px;background:rgba(3,15,30,.62);border-color:rgba(76,168,255,.7)}
.meia3-conversation{overflow:hidden}
.meia3-lesson{left:3.2vw;top:17vh;width:min(385px,27vw);padding:25px 28px 23px;border-radius:21px;background:linear-gradient(145deg,rgba(4,19,37,.84),rgba(2,9,19,.68));box-shadow:0 24px 70px rgba(0,0,0,.3),0 0 35px rgba(0,111,255,.08)}
.meia3-lesson:after{content:"";position:absolute;inset:0;border-radius:21px;padding:1px;background:linear-gradient(135deg,rgba(23,185,255,.45),rgba(165,92,255,.14),rgba(255,159,37,.35));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.meia3-lesson h2{font-size:28px}.meia3-lesson p{font-size:13px}.meia3-lesson .topic{color:#78a4c7}
.meia3-plasma{left:50%;top:50%;width:min(48vw,700px);height:min(48vw,700px);z-index:4;filter:drop-shadow(0 0 45px rgba(0,125,255,.18))}
.meia3-plasma canvas{position:relative;z-index:3;filter:drop-shadow(0 0 17px rgba(23,185,255,.22))}
.meia3-plasma:before{content:"";position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle,rgba(23,185,255,.11),rgba(165,92,255,.055) 34%,transparent 68%);filter:blur(12px);z-index:1}
.meia3-plasma-ring{position:absolute;left:50%;top:50%;border-radius:50%;pointer-events:none;z-index:2;transform:translate(-50%,-50%) rotateX(64deg)}
.meia3-plasma-ring.ring-a{width:70%;height:70%;border:2px solid rgba(23,185,255,.45);box-shadow:0 0 20px rgba(23,185,255,.24),inset 0 0 20px rgba(23,185,255,.08);animation:m3RingA 9s linear infinite}
.meia3-plasma-ring.ring-b{width:84%;height:84%;border:1px solid rgba(255,159,37,.5);border-left-color:transparent;border-right-color:rgba(165,92,255,.6);animation:m3RingB 12s linear infinite}
.meia3-plasma-ring.ring-c{width:96%;height:96%;border:1px solid rgba(165,92,255,.4);border-top-color:rgba(23,185,255,.7);border-bottom-color:rgba(255,211,90,.55);animation:m3RingA 18s linear infinite reverse}
@keyframes m3RingA{to{transform:translate(-50%,-50%) rotateX(64deg) rotateZ(360deg)}}
@keyframes m3RingB{to{transform:translate(-50%,-50%) rotateX(64deg) rotateZ(-360deg)}}
.meia3-dino{left:50%;top:50%;transform:translate(-50%,-57%);z-index:10;display:block;width:min(420px,31vw);height:min(420px,31vw);pointer-events:none}
.meia3-dino-face{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);width:min(245px,18vw);height:min(245px,18vw);padding:13px;border-radius:50%;background:radial-gradient(circle at 50% 45%,rgba(12,55,94,.9),rgba(3,14,29,.76) 63%,rgba(2,7,15,.15));border:1px solid rgba(23,185,255,.72);box-shadow:0 0 35px rgba(23,185,255,.5),0 0 80px rgba(165,92,255,.18),inset 0 0 35px rgba(23,185,255,.13);animation:meia3Float 4s ease-in-out infinite}
.meia3-dino-face img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.35))}
.meia3-dino-face.talking{box-shadow:0 0 45px rgba(23,185,255,.9),0 0 85px rgba(255,159,37,.22),inset 0 0 34px rgba(0,190,255,.3)}
.meia3-speech{position:absolute;right:-5%;top:10%;width:min(300px,23vw);padding:16px 18px;border:1px solid rgba(23,185,255,.62);background:linear-gradient(145deg,rgba(5,25,47,.94),rgba(3,11,23,.82));border-radius:18px 18px 18px 5px;color:#e4f5ff;font-size:15px;line-height:1.45;box-shadow:0 18px 50px rgba(0,0,0,.35),0 0 30px rgba(0,132,255,.12);backdrop-filter:blur(15px)}
.meia3-speech strong{display:block;color:#fff;font-size:19px;margin-top:2px}.meia3-speech-wave{display:block;margin-top:6px;color:var(--m3-blue);font-size:18px;letter-spacing:5px;text-shadow:0 0 12px rgba(23,185,255,.7)}
.meia3-transcript{right:2.2vw;top:15vh;bottom:13vh;width:min(360px,25vw);height:auto;border-radius:22px;background:linear-gradient(180deg,rgba(3,17,34,.78),rgba(2,8,18,.72));border:1px solid rgba(23,185,255,.36);box-shadow:0 24px 75px rgba(0,0,0,.4),0 0 45px rgba(0,120,255,.08)}
.meia3-transcript-head{height:48px;padding:0 16px;border-bottom:1px solid rgba(66,167,255,.15);font-size:10px}.meia3-transcript-head span{color:#45c2ff}.meia3-transcript-head:after{content:"● AO VIVO";margin-left:auto;color:#65e6a5;font-size:8px;letter-spacing:1px}.meia3-transcript-head small{display:none}
.meia3-transcript-list{padding:13px 13px 18px}.meia3-transcript-row{margin-bottom:14px}.meia3-transcript-label{font-size:8px}.meia3-transcript-bubble{font-size:12px;padding:10px 12px;background:rgba(17,75,120,.27);border-color:rgba(44,159,244,.2);box-shadow:inset 0 0 18px rgba(23,185,255,.025)}
.meia3-transcript-row.you .meia3-transcript-bubble{background:rgba(255,159,37,.055);border-color:rgba(255,174,63,.2)}
.meia3-question-card{display:none}
.meia3-timer{left:3.8vw;bottom:14vh;width:104px;height:104px;background:conic-gradient(var(--m3-orange) 0deg,var(--m3-blue) 0deg,rgba(71,117,160,.12) 0deg);box-shadow:0 0 32px rgba(0,120,255,.1)}
.meia3-timer:before{background:#041020}.meia3-timer span{font-size:20px}.meia3-timer small{font-size:10px}
.meia3-progress{left:3.8vw;right:auto;bottom:10.5vh;color:#577d9e;font-size:8px;letter-spacing:1.5px}
.meia3-mic-zone{bottom:2.7vh;z-index:25}
.meia3-mic-hint{font-size:13px;color:#dff5ff;margin-bottom:9px;font-weight:900;text-shadow:0 0 20px rgba(23,185,255,.55)}
.meia3-mic{width:104px;height:104px;background:radial-gradient(circle at 42% 32%,#1bbaff 0%,#095aa0 44%,#160d35 78%,#050916 100%);border:1px solid rgba(255,190,66,.8);box-shadow:0 0 30px rgba(23,185,255,.5),0 0 70px rgba(165,92,255,.2),inset 0 0 30px rgba(255,159,37,.12)}
.meia3-mic.listening{background:radial-gradient(circle,#24c9ff,#075da4 43%,#3c1667 79%);box-shadow:0 0 45px rgba(23,185,255,.85),0 0 80px rgba(165,92,255,.3)}
.meia3-mic svg{width:34px;height:34px}.meia3-mic-label{font-size:10px;margin-top:8px;letter-spacing:1.6px;color:#8eb7d6}
.meia3-input{width:min(760px,52vw);height:54px;margin-top:11px;border-color:rgba(23,185,255,.38);background:rgba(2,12,25,.76);box-shadow:0 0 35px rgba(0,112,255,.08)}
.meia3-input button{width:43px;height:43px;background:linear-gradient(135deg,#0a80e8,#1a4c91);box-shadow:0 0 20px rgba(23,185,255,.25)}
.meia3-feedback{right:calc(2.2vw + min(360px,25vw) + 18px);bottom:16vh}
@media(max-width:1200px){.meia3-top{left:28px}.meia3-lesson{width:310px}.meia3-dino{width:390px;height:390px}.meia3-dino-face{width:205px;height:205px}.meia3-speech{width:255px}.meia3-transcript{width:300px}.meia3-lesson-chip{min-width:250px}.meia3-feedback{right:320px}}
@media(max-width:900px){.meia3-top{left:18px;right:18px}.meia3-lesson-chip{min-width:210px}.meia3-dino{top:46%;width:360px;height:360px}.meia3-dino-face{width:180px;height:180px}.meia3-speech{right:-12%;width:230px;font-size:12px}.meia3-speech strong{font-size:16px}.meia3-transcript{right:14px;top:18vh;width:285px;bottom:23vh}.meia3-lesson{top:15vh;left:18px;width:275px;padding:18px 20px}.meia3-lesson h2{font-size:23px}.meia3-plasma{width:58vw;height:58vw}.meia3-mic-zone{bottom:2vh}.meia3-timer{left:18px;bottom:18vh}}
@media(max-width:760px){.meia3-top{top:10px;left:12px;right:12px;height:48px}.meia3-real-logo{width:128px}.meia3-top-right{gap:7px}.meia3-lesson-chip{display:none}.meia3-exit{height:40px;padding:0 14px;font-size:11px}.meia3-lesson{top:10vh;left:12px;width:220px;padding:12px 15px}.meia3-lesson h2{font-size:18px}.meia3-lesson p,.meia3-lesson .topic{display:none}.meia3-dino{top:43%;width:92vw;height:92vw}.meia3-dino-face{width:42vw;height:42vw;padding:9px}.meia3-speech{right:-3%;top:3%;width:54vw;padding:10px 12px;font-size:10px}.meia3-speech strong{font-size:13px}.meia3-speech-wave{font-size:13px}.meia3-plasma{top:48%;width:92vw;height:92vw}.meia3-transcript{left:10px;right:10px;top:auto;bottom:22%;width:auto;height:25vh;max-height:190px}.meia3-transcript-head{height:36px}.meia3-transcript-bubble{font-size:10px;padding:7px 9px}.meia3-timer{width:68px;height:68px;left:12px;bottom:18%}.meia3-timer span{font-size:13px}.meia3-timer small{font-size:7px}.meia3-progress{display:none}.meia3-mic-zone{bottom:1.1vh}.meia3-mic{width:68px;height:68px}.meia3-mic svg{width:27px;height:27px}.meia3-mic-hint{font-size:9px;margin-bottom:4px}.meia3-mic-label{font-size:8px}.meia3-input{width:88vw;height:40px;margin-top:7px}.meia3-input input{font-size:10px}.meia3-input button{width:31px;height:31px}}


/* V11 — JARVIS holographic core: no floating mascot, stronger 3D neon energy */
:root{--m3-orange:#ff9f25;--m3-blue:#17b9ff;--m3-yellow:#ffd35a;--m3-purple:#a55cff}
.meia3-conversation:before{content:"";position:absolute;inset:-18%;z-index:1;pointer-events:none;background:linear-gradient(112deg,transparent 31%,rgba(255,159,37,.00) 37%,rgba(255,159,37,.16) 39%,rgba(255,196,77,.48) 40%,rgba(255,159,37,.08) 41%,transparent 45%),linear-gradient(72deg,transparent 55%,rgba(23,185,255,.00) 59%,rgba(23,185,255,.22) 61%,rgba(23,185,255,.05) 63%,transparent 67%);background-size:170% 170%,155% 155%;mix-blend-mode:screen;filter:blur(.2px);animation:m3LightSweep 8s linear infinite}
.meia3-conversation:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,159,37,.0) 25%,rgba(255,211,90,.85) 48%,rgba(23,185,255,.85) 55%,transparent 78%);box-shadow:0 0 18px rgba(255,159,37,.45);opacity:.7;animation:m3ScanLine 5.5s ease-in-out infinite}
@keyframes m3LightSweep{0%{transform:translate3d(-12%,-4%,0) rotate(0deg);opacity:.25}45%{opacity:.75}100%{transform:translate3d(12%,5%,0) rotate(2deg);opacity:.3}}
@keyframes m3ScanLine{0%{transform:translateY(5vh);opacity:0}12%{opacity:.65}50%{opacity:.8}88%{opacity:.55}100%{transform:translateY(88vh);opacity:0}}

.meia3-plasma{width:min(52vw,760px);height:min(52vw,760px);top:49%;z-index:4;filter:drop-shadow(0 0 50px rgba(0,125,255,.28)) drop-shadow(0 0 85px rgba(255,159,37,.08))}
.meia3-plasma:before{inset:9%;background:radial-gradient(circle,rgba(255,255,255,.12) 0 2%,rgba(23,185,255,.20) 8%,rgba(23,185,255,.09) 25%,rgba(165,92,255,.08) 42%,rgba(255,159,37,.05) 56%,transparent 72%);filter:blur(15px);animation:m3CoreAura 2.6s ease-in-out infinite}
.meia3-plasma:after{content:"";position:absolute;inset:3%;border-radius:50%;z-index:1;pointer-events:none;background:conic-gradient(from 0deg,transparent 0 8%,rgba(23,185,255,.8) 9%,transparent 11% 27%,rgba(255,159,37,.85) 28%,transparent 30% 47%,rgba(165,92,255,.75) 48%,transparent 50% 69%,rgba(255,211,90,.72) 70%,transparent 72% 100%);mask:radial-gradient(circle,transparent 0 54%,#000 55% 55.5%,transparent 56%);-webkit-mask:radial-gradient(circle,transparent 0 54%,#000 55% 55.5%,transparent 56%);animation:m3RingSpin 11s linear infinite;filter:blur(.25px) drop-shadow(0 0 12px rgba(23,185,255,.7))}
@keyframes m3CoreAura{50%{transform:scale(1.09);filter:blur(18px);opacity:.9}}
@keyframes m3RingSpin{to{transform:rotate(360deg)}}
.meia3-plasma-ring.ring-a{width:74%;height:74%;border-width:2px;border-color:rgba(23,185,255,.72);box-shadow:0 0 28px rgba(23,185,255,.38),inset 0 0 30px rgba(23,185,255,.11);animation:m3RingA 7s linear infinite}
.meia3-plasma-ring.ring-b{width:88%;height:88%;border-width:2px;border-color:rgba(255,159,37,.68);border-left-color:transparent;border-right-color:rgba(165,92,255,.78);box-shadow:0 0 20px rgba(255,159,37,.18);animation:m3RingB 9s linear infinite}
.meia3-plasma-ring.ring-c{width:102%;height:102%;border-color:rgba(165,92,255,.54);border-top-color:rgba(23,185,255,.9);border-bottom-color:rgba(255,211,90,.78);animation:m3RingA 14s linear infinite reverse}

/* Central holographic JARVIS core */
.meia3-dino{left:50%;top:49%;transform:translate(-50%,-50%);width:min(420px,31vw);height:min(420px,31vw);z-index:10;pointer-events:none}
.meia3-dino-face{left:50%;top:50%;width:min(255px,18.5vw);height:min(255px,18.5vw);padding:0;border:0;background:transparent;box-shadow:none;animation:none;overflow:visible}
.meia3-dino-face img{display:none!important}
.meia3-holo-core{position:absolute;inset:0;border-radius:50%;transform:perspective(700px) rotateX(7deg);background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.98) 0 2%,rgba(255,211,90,.96) 3%,rgba(23,185,255,.86) 8%,rgba(0,105,255,.34) 20%,rgba(165,92,255,.13) 38%,rgba(3,15,34,.04) 62%,transparent 72%);box-shadow:0 0 35px rgba(23,185,255,.75),0 0 75px rgba(23,185,255,.34),0 0 110px rgba(165,92,255,.16),inset 0 0 45px rgba(23,185,255,.24);isolation:isolate;animation:m3CoreFloat 3.8s ease-in-out infinite}
.meia3-holo-core:before{content:"";position:absolute;inset:8%;border-radius:50%;background:repeating-radial-gradient(circle,rgba(23,185,255,.30) 0 1px,transparent 2px 12px);mask:radial-gradient(circle,transparent 0 15%,#000 35%,transparent 76%);-webkit-mask:radial-gradient(circle,transparent 0 15%,#000 35%,transparent 76%);animation:m3InnerPulse 2.1s ease-in-out infinite}
.meia3-holo-core:after{content:"";position:absolute;inset:17%;border-radius:50%;border:1px solid rgba(255,211,90,.65);box-shadow:0 0 16px rgba(255,159,37,.42),inset 0 0 22px rgba(23,185,255,.18);animation:m3InnerSpin 5s linear infinite}
.core-ring{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.core-ring-1{width:112%;height:36%;border:1px solid rgba(23,185,255,.75);box-shadow:0 0 15px rgba(23,185,255,.45);transform:translate(-50%,-50%) rotateX(68deg);animation:m3CoreOrbit 4.5s linear infinite}
.core-ring-2{width:90%;height:90%;border:1px dashed rgba(255,159,37,.55);animation:m3InnerSpin 8s linear infinite reverse}
.core-ring-3{width:128%;height:44%;border:1px solid rgba(165,92,255,.5);transform:translate(-50%,-50%) rotateX(68deg) rotateZ(28deg);animation:m3CoreOrbit2 6.5s linear infinite}
.core-grid{position:absolute;inset:20%;border-radius:50%;background:linear-gradient(rgba(23,185,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(23,185,255,.18) 1px,transparent 1px);background-size:14px 14px;mask:radial-gradient(circle,#000 0 58%,transparent 70%);-webkit-mask:radial-gradient(circle,#000 0 58%,transparent 70%);opacity:.8;transform:perspective(500px) rotateX(65deg);animation:m3GridSpin 9s linear infinite}
.core-energy{position:absolute;left:50%;top:50%;width:58%;height:58%;border-radius:50%;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,rgba(23,185,255,.0),rgba(23,185,255,.8),rgba(165,92,255,.1),rgba(255,159,37,.82),rgba(255,211,90,.12),rgba(23,185,255,.0));mask:radial-gradient(circle,transparent 0 61%,#000 62% 65%,transparent 66%);-webkit-mask:radial-gradient(circle,transparent 0 61%,#000 62% 65%,transparent 66%);animation:m3RingSpin 2.7s linear infinite}
.core-scan{position:absolute;left:14%;right:14%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(23,185,255,.15),#fff,rgba(255,159,37,.7),transparent);box-shadow:0 0 14px rgba(23,185,255,.85);animation:m3CoreScan 2.2s ease-in-out infinite}
.core-dot{position:absolute;left:50%;top:50%;width:10%;height:10%;border-radius:50%;transform:translate(-50%,-50%);background:#fff;box-shadow:0 0 8px #fff,0 0 25px #17b9ff,0 0 50px #ff9f25;animation:m3DotPulse 1.1s ease-in-out infinite}
.core-spark{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 8px #17b9ff,0 0 14px #ff9f25}
.spark-a{left:15%;top:31%;animation:m3SparkA 3.4s linear infinite}.spark-b{right:13%;top:60%;animation:m3SparkB 4.1s linear infinite}.spark-c{left:38%;bottom:12%;animation:m3SparkC 2.8s linear infinite}
.meia3-dino-face.talking .meia3-holo-core{animation:m3CoreTalking .8s ease-in-out infinite;filter:brightness(1.22) saturate(1.2)}
.meia3-dino-face.talking .core-energy{animation-duration:1.15s}.meia3-dino-face.talking .core-ring-1{animation-duration:1.8s}.meia3-dino-face.talking .core-scan{animation-duration:.85s}
@keyframes m3CoreFloat{50%{transform:perspective(700px) rotateX(7deg) translateY(-5px)}}
@keyframes m3CoreTalking{50%{transform:perspective(700px) rotateX(7deg) scale(1.09);box-shadow:0 0 48px rgba(23,185,255,.95),0 0 105px rgba(255,159,37,.36),0 0 145px rgba(165,92,255,.22),inset 0 0 55px rgba(23,185,255,.38)}}
@keyframes m3InnerPulse{50%{transform:scale(1.12);opacity:.9}}
@keyframes m3InnerSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes m3CoreOrbit{to{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(360deg)}}
@keyframes m3CoreOrbit2{to{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(-332deg)}}
@keyframes m3GridSpin{to{transform:perspective(500px) rotateX(65deg) rotateZ(360deg)}}
@keyframes m3CoreScan{0%{transform:translateY(-80px);opacity:0}25%{opacity:1}75%{opacity:1}100%{transform:translateY(80px);opacity:0}}
@keyframes m3DotPulse{50%{transform:translate(-50%,-50%) scale(1.5);box-shadow:0 0 12px #fff,0 0 38px #17b9ff,0 0 70px #ff9f25}}
@keyframes m3SparkA{50%{transform:translate(45px,18px) scale(1.7);opacity:.2}100%{transform:translate(80px,45px);opacity:0}}
@keyframes m3SparkB{50%{transform:translate(-35px,-24px) scale(1.5);opacity:.25}100%{transform:translate(-70px,-55px);opacity:0}}
@keyframes m3SparkC{50%{transform:translate(18px,-50px) scale(1.8);opacity:.15}100%{transform:translate(34px,-88px);opacity:0}}

.meia3-speech{right:-7%;top:2%;border-color:rgba(23,185,255,.75);box-shadow:0 18px 55px rgba(0,0,0,.42),0 0 38px rgba(23,185,255,.18),0 0 24px rgba(255,159,37,.08)}
.meia3-speech-wave{color:#17b9ff;text-shadow:0 0 15px rgba(23,185,255,.9)}
.meia3-mic{background:radial-gradient(circle at 45% 35%,#22c8ff 0%,#0875c6 34%,#3a126d 72%,#050916 100%);border-color:rgba(255,190,66,.95);box-shadow:0 0 35px rgba(23,185,255,.62),0 0 65px rgba(165,92,255,.28),0 0 100px rgba(255,159,37,.12),inset 0 0 30px rgba(255,159,37,.2)}
.meia3-mic.listening{box-shadow:0 0 48px rgba(23,185,255,.95),0 0 90px rgba(165,92,255,.42),0 0 125px rgba(255,159,37,.22)}
.meia3-mic.teacher-speaking{opacity:.18}
.meia3-transcript{border-color:rgba(23,185,255,.48);box-shadow:0 24px 80px rgba(0,0,0,.48),0 0 40px rgba(23,185,255,.11),inset 0 0 30px rgba(23,185,255,.025)}
.meia3-transcript-head{background:linear-gradient(90deg,rgba(23,185,255,.05),rgba(255,159,37,.035));box-shadow:inset 0 -1px 0 rgba(23,185,255,.15)}
.meia3-transcript-row.ai .meia3-transcript-bubble{box-shadow:0 0 20px rgba(23,185,255,.06),inset 0 0 16px rgba(23,185,255,.025)}
.meia3-transcript-row.you .meia3-transcript-bubble{box-shadow:0 0 20px rgba(255,159,37,.05),inset 0 0 16px rgba(255,159,37,.025)}
.meia3-input{box-shadow:0 0 38px rgba(23,185,255,.10),0 0 80px rgba(255,159,37,.035),inset 0 0 22px rgba(23,185,255,.025)}
@media(prefers-reduced-motion:reduce){.meia3-conversation:before,.meia3-conversation:after,.meia3-plasma:after,.meia3-plasma-ring,.meia3-holo-core,.core-ring,.core-grid,.core-energy,.core-scan,.core-dot,.core-spark{animation:none!important}}
@media(max-width:900px){.meia3-plasma{width:62vw;height:62vw}.meia3-dino{width:390px;height:390px}.meia3-dino-face{width:205px;height:205px}.meia3-speech{right:-10%}}
@media(max-width:760px){.meia3-plasma{width:94vw;height:94vw;top:45%}.meia3-dino{width:82vw;height:82vw;top:45%}.meia3-dino-face{width:42vw;height:42vw}.meia3-speech{right:-2%;top:1%;width:52vw;font-size:10px}.meia3-speech strong{font-size:13px}.meia3-conversation:before{opacity:.45}.meia3-mic{width:68px;height:68px}}

/* V12 — ME-IA FUTURE SPEAKING ROOM: clearer start flow + JARVIS energy + green student turn */
.meia3-start{position:absolute;inset:0;z-index:90;display:grid;place-items:center;background:radial-gradient(circle at 50% 48%,rgba(5,70,140,.18),transparent 30%),rgba(1,6,14,.32);backdrop-filter:blur(3px)}
.meia3-start[hidden]{display:none!important}
.meia3-start-card{position:relative;width:min(430px,calc(100% - 36px));padding:34px 34px 30px;text-align:center;border:1px solid rgba(23,185,255,.42);border-radius:28px;background:linear-gradient(145deg,rgba(5,24,45,.92),rgba(2,9,20,.88));box-shadow:0 35px 100px rgba(0,0,0,.62),0 0 70px rgba(23,185,255,.10),inset 0 0 45px rgba(23,185,255,.035);overflow:hidden}
.meia3-start-card:before{content:"";position:absolute;inset:-35%;background:conic-gradient(from 0deg,transparent 0 28%,rgba(23,185,255,.08) 30%,transparent 35% 62%,rgba(255,159,37,.10) 64%,transparent 70%);animation:m3StartSpin 9s linear infinite;pointer-events:none}
.meia3-start-kicker,.meia3-start-card h2,.meia3-start-card p,.meia3-start-card button,.meia3-start-card small{position:relative;z-index:2}
.meia3-start-kicker{font-size:9px;font-weight:950;letter-spacing:2.5px;color:#55caff;margin-bottom:16px}
.meia3-start-orb{position:relative;width:92px;height:92px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fff 0 3%,#18c2ff 9%,#086bc5 25%,#25115d 58%,#020816 76%);box-shadow:0 0 24px rgba(23,185,255,.8),0 0 70px rgba(165,92,255,.3),0 0 100px rgba(255,159,37,.12)}
.meia3-start-orb span{position:absolute;inset:8px;border:1px solid rgba(23,185,255,.65);border-radius:50%;animation:m3StartRing 3s linear infinite}.meia3-start-orb span:nth-child(2){inset:-5px;border-color:rgba(255,159,37,.55);transform:rotateX(67deg);animation-duration:4.8s}.meia3-start-orb span:nth-child(3){inset:17px;border-color:rgba(165,92,255,.55);animation-duration:2.2s;animation-direction:reverse}.meia3-start-orb b{font-size:18px;letter-spacing:1px;color:#fff;text-shadow:0 0 15px #17b9ff}
.meia3-start-card h2{font-size:28px;margin:0 0 8px;letter-spacing:-.6px}.meia3-start-card p{color:#a9bfd6;font-size:13px;line-height:1.55;max-width:330px;margin:0 auto 22px}
.meia3-start-card button{height:54px;padding:0 25px;border:1px solid rgba(255,211,90,.7);border-radius:999px;color:#07101d;background:linear-gradient(135deg,#ffd35a 0%,#ff9f25 46%,#17b9ff 100%);font-weight:950;font-size:14px;cursor:pointer;box-shadow:0 0 30px rgba(255,159,37,.25),0 0 60px rgba(23,185,255,.15);transition:.2s}
.meia3-start-card button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 38px rgba(255,159,37,.38),0 0 75px rgba(23,185,255,.22)}.meia3-start-card button span{margin-right:7px}.meia3-start-card small{display:block;color:#6686a5;font-size:9px;letter-spacing:.6px;margin-top:13px}
@keyframes m3StartSpin{to{transform:rotate(360deg)}}@keyframes m3StartRing{to{transform:rotate(360deg)}}

/* Make the holographic core visibly active even at idle. */
.meia3-plasma{filter:drop-shadow(0 0 55px rgba(23,185,255,.42)) drop-shadow(0 0 100px rgba(255,159,37,.14));}
.meia3-plasma canvas{filter:brightness(1.18) saturate(1.35) drop-shadow(0 0 22px rgba(23,185,255,.45)) drop-shadow(0 0 34px rgba(255,159,37,.18));}
.meia3-holo-core{filter:brightness(1.12) saturate(1.22)}
.meia3-dino-face:before{content:"";position:absolute;inset:-13%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 9%,rgba(23,185,255,.8) 10%,transparent 12% 28%,rgba(255,159,37,.9) 29%,transparent 31% 47%,rgba(165,92,255,.72) 48%,transparent 50% 68%,rgba(255,211,90,.85) 69%,transparent 71%);mask:radial-gradient(circle,transparent 0 67%,#000 68% 69%,transparent 70%);-webkit-mask:radial-gradient(circle,transparent 0 67%,#000 68% 69%,transparent 70%);animation:m3RingSpin 5.5s linear infinite;pointer-events:none}
.meia3-dino-face:after{content:"";position:absolute;left:-34%;right:-34%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(23,185,255,.1),#fff,rgba(255,159,37,.75),transparent);box-shadow:0 0 18px rgba(23,185,255,.8);animation:m3HoloSweep 2.7s ease-in-out infinite;pointer-events:none}
@keyframes m3HoloSweep{0%{transform:translateY(-95px);opacity:0}22%{opacity:.8}50%{opacity:1}82%{opacity:.65}100%{transform:translateY(95px);opacity:0}}

/* Teacher turn: mic is locked, quiet and secondary. */
.meia3-mic.teacher-speaking{opacity:.18!important;transform:scale(.86)!important;cursor:not-allowed!important;background:radial-gradient(circle,rgba(12,36,58,.55),rgba(2,10,22,.35))!important;border-color:rgba(23,185,255,.25)!important;box-shadow:0 0 12px rgba(23,185,255,.10),inset 0 0 20px rgba(23,185,255,.05)!important;filter:grayscale(.35)}
.meia3-mic.teacher-speaking:after{content:"";position:absolute;inset:-10px;border:1px solid rgba(23,185,255,.12);border-radius:50%;animation:none}

/* Student turn: large 3D green microphone = obvious invitation to speak. */
.meia3-mic.listening{position:relative;transform:scale(1.18);background:radial-gradient(circle at 42% 30%,#eafff5 0 4%,#58ffb0 8%,#11c878 25%,#08734f 48%,#032c29 73%,#031016 100%)!important;border:2px solid rgba(118,255,194,.95)!important;box-shadow:0 0 18px rgba(45,255,153,.95),0 0 45px rgba(0,225,139,.58),0 0 90px rgba(0,190,255,.28),inset 0 0 30px rgba(255,255,255,.18)!important;animation:m3StudentPulse 1.15s ease-in-out infinite!important}
.meia3-mic.listening:before{content:"";position:absolute;inset:-13px;border-radius:50%;border:2px solid rgba(61,255,163,.55);box-shadow:0 0 22px rgba(61,255,163,.5);animation:m3ListenRing 1.4s ease-out infinite}
.meia3-mic.listening:after{content:"";position:absolute;inset:-24px;border-radius:50%;border:1px solid rgba(23,185,255,.28);animation:m3ListenRing 1.9s ease-out infinite .2s}
.meia3-mic.listening svg{filter:drop-shadow(0 0 7px #fff);transform:scale(1.08)}
.meia3-mic-label{transition:.2s}.meia3-mic.listening + .meia3-mic-label{color:#6dffb9;text-shadow:0 0 16px rgba(50,255,155,.65)}
.meia3-mic-hint{min-height:18px;transition:.2s}
@keyframes m3StudentPulse{50%{transform:scale(1.24);box-shadow:0 0 25px rgba(45,255,153,1),0 0 65px rgba(0,225,139,.65),0 0 110px rgba(0,190,255,.32),inset 0 0 35px rgba(255,255,255,.22)}}
@keyframes m3ListenRing{0%{transform:scale(.78);opacity:.85}100%{transform:scale(1.38);opacity:0}}

/* The transcript is a first-class part of the lesson. */
.meia3-transcript{background:linear-gradient(180deg,rgba(2,18,36,.91),rgba(1,8,18,.86));box-shadow:0 28px 90px rgba(0,0,0,.58),0 0 55px rgba(23,185,255,.12),inset 0 0 35px rgba(23,185,255,.035)}
.meia3-transcript-head{position:sticky;top:0;z-index:3;background:linear-gradient(90deg,rgba(23,185,255,.08),rgba(255,159,37,.055));backdrop-filter:blur(16px)}
.meia3-transcript-row{animation:m3TranscriptIn .25s ease both}.meia3-live-you .meia3-transcript-bubble{border-color:rgba(70,255,169,.42)!important;box-shadow:0 0 18px rgba(70,255,169,.12),inset 0 0 16px rgba(70,255,169,.04)!important}
@keyframes m3TranscriptIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

/* Secondary typing option stays visible but never competes with speaking. */
.meia3-input{opacity:.9}.meia3-input:focus-within{border-color:rgba(23,185,255,.65);box-shadow:0 0 35px rgba(23,185,255,.16),0 0 70px rgba(255,159,37,.04)}

@media(max-width:760px){.meia3-start-card{padding:27px 22px 25px}.meia3-start-card h2{font-size:24px}.meia3-start-orb{width:76px;height:76px}.meia3-mic.listening{transform:scale(1.12)}.meia3-mic.listening:before{inset:-9px}.meia3-mic.listening:after{inset:-18px}}