:root {
  --ink: #26314d;
  --muted: #6e7896;
  --purple: #6c5ce7;
  --purple-2: #9b6dff;
  --pink: #ff64b2;
  --cyan: #22c9e6;
  --yellow: #ffd45c;
  --green: #35c98f;
  --bg: #f7f8ff;
  --card: rgba(255,255,255,.94);
  --line: #e8e9f7;
  --shadow: 0 18px 50px rgba(82,71,155,.12);
  --radius: 24px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--bg); font-family: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
.shell { min-height: 100vh; }
.topbar { height: 72px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:0 5vw; background:rgba(255,255,255,.88); backdrop-filter: blur(18px); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:20; }
.brand { display:flex; align-items:center; gap:12px; font-weight:800; }
.brand-mark { width:44px; height:44px; border-radius:16px; display:grid; place-items:center; font-size:25px; background:linear-gradient(135deg,var(--purple),var(--pink)); box-shadow:0 9px 25px rgba(108,92,231,.28); }
.brand small { display:block; color:var(--muted); font-weight:500; font-size:12px; margin-top:2px; }
.nav { display:flex; gap:6px; align-items:center; }
.nav button, .ghost-btn { border:0; background:transparent; color:var(--muted); padding:10px 14px; border-radius:12px; }
.nav button:hover, .nav button.active { color:var(--purple); background:#f0edff; }
.primary-btn { border:0; color:#fff; font-weight:700; padding:12px 20px; border-radius:14px; background:linear-gradient(135deg,var(--purple),var(--pink)); box-shadow:0 10px 24px rgba(108,92,231,.25); }
.primary-btn:hover { transform:translateY(-1px); }
.outline-btn { border:1px solid #d9d5ff; background:#fff; color:var(--purple); font-weight:700; padding:11px 18px; border-radius:14px; }
.hero { min-height:570px; padding:78px 7vw 60px; position:relative; overflow:hidden; display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:40px; background:linear-gradient(135deg,#f0edff 0%,#fff5fb 55%,#eefdff 100%); }
.hero:before,.hero:after { content:""; position:absolute; border-radius:50%; filter:blur(4px); opacity:.55; }
.hero:before { width:280px; height:280px; background:#c9b8ff; right:-70px; top:10px; }
.hero:after { width:180px; height:180px; background:#b7f4ff; left:35%; bottom:-70px; }
.eyebrow { display:inline-flex; align-items:center; gap:8px; color:var(--purple); font-weight:700; background:#fff; border:1px solid #e5e0ff; padding:9px 14px; border-radius:999px; }
h1 { margin:20px 0 18px; font-size:clamp(38px,5vw,68px); line-height:1.12; letter-spacing:-2px; }
.gradient-text { color:transparent; background:linear-gradient(100deg,var(--purple),var(--pink)); -webkit-background-clip:text; background-clip:text; }
.hero p { color:var(--muted); font-size:18px; line-height:1.8; max-width:680px; }
.hero-actions { display:flex; gap:12px; margin-top:30px; flex-wrap:wrap; }
.hero-visual { position:relative; min-height:380px; display:grid; place-items:center; z-index:1; }
.orbit { width:330px; height:330px; border-radius:50%; border:2px dashed rgba(108,92,231,.24); display:grid; place-items:center; animation:spin 30s linear infinite; }
.robot { width:190px; height:190px; border-radius:55px; background:linear-gradient(145deg,#fff,#ece8ff); box-shadow:0 28px 70px rgba(80,65,160,.25); display:grid; place-items:center; font-size:90px; transform:rotate(0deg); animation:counter 30s linear infinite; }
.float-card { position:absolute; padding:13px 18px; background:#fff; border-radius:18px; box-shadow:var(--shadow); font-weight:700; }
.float-card.a { top:32px; left:10px; } .float-card.b { right:0; top:150px; } .float-card.c { bottom:28px; left:25px; }
@keyframes spin { to{transform:rotate(360deg)} } @keyframes counter { to{transform:rotate(-360deg)} }
.section { padding:76px 6vw; max-width:1500px; margin:auto; }
.section-head { text-align:center; max-width:760px; margin:0 auto 38px; }
.section-head h2 { font-size:clamp(30px,4vw,46px); margin:0 0 12px; }
.section-head p { color:var(--muted); line-height:1.8; }
.stats { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:-42px; position:relative; z-index:3; }
.stat { background:#fff; padding:25px; border-radius:20px; box-shadow:var(--shadow); text-align:center; }
.stat b { display:block; font-size:32px; color:var(--purple); }.stat span { color:var(--muted); font-size:14px; }
.grade-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:18px; }
.grade-card { background:var(--card); border:1px solid var(--line); border-radius:24px; padding:24px; position:relative; overflow:hidden; transition:.2s; }
.grade-card:hover { transform:translateY(-5px); box-shadow:var(--shadow); }
.grade-card .num { font-size:54px; font-weight:900; color:rgba(108,92,231,.14); position:absolute; right:16px; top:8px; }
.grade-card .icon { font-size:38px; }.grade-card h3{margin:14px 0 8px}.grade-card p{color:var(--muted);line-height:1.6;font-size:14px;min-height:68px}.tag{display:inline-block;padding:6px 10px;border-radius:999px;background:#f0edff;color:var(--purple);font-size:12px;font-weight:700;margin:3px 3px 0 0}
.spiral { display:grid; grid-template-columns:repeat(5,1fr); gap:0; margin-top:35px; }
.spiral-step { text-align:center; position:relative; padding:20px 8px; }.spiral-step:after{content:"➜";position:absolute;right:-10px;top:33px;color:#bbb1ff;font-size:24px}.spiral-step:last-child:after{display:none}.spiral-dot{width:62px;height:62px;margin:auto;border-radius:22px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:24px;background:linear-gradient(135deg,var(--purple),var(--pink))}.spiral-step b{display:block;margin-top:12px}.spiral-step small{color:var(--muted)}
.footer { padding:36px 6vw; color:var(--muted); background:#242946; text-align:center; }
.login-page { min-height:100vh; display:grid; grid-template-columns:1fr 1fr; background:linear-gradient(135deg,#eeeaff,#fff5fb); }
.login-art { padding:7vw; display:flex; flex-direction:column; justify-content:center; background:linear-gradient(145deg,#6c5ce7,#9a67ed 58%,#ff64b2); color:#fff; position:relative; overflow:hidden; }
.login-art:after{content:"🤖";font-size:190px;position:absolute;right:-10px;bottom:-24px;opacity:.25}.login-art h2{font-size:44px;margin:22px 0 10px}.login-art p{line-height:1.8;opacity:.88}.login-wrap{display:grid;place-items:center;padding:40px}.login-card{width:min(480px,100%);background:#fff;border-radius:28px;padding:36px;box-shadow:var(--shadow)}.login-card h2{margin:0 0 8px}.login-card>p{color:var(--muted);margin:0 0 28px}.field{margin:16px 0}.field label{display:block;font-size:14px;font-weight:700;margin-bottom:8px}.field input,.field select,.field textarea{width:100%;padding:14px;border:1px solid var(--line);border-radius:13px;outline:none;background:#fafaff}.field input:focus,.field textarea:focus{border-color:#a99fff;box-shadow:0 0 0 3px #eeeaff}.wide{width:100%}.demo-accounts{margin-top:22px;padding:16px;background:#f8f7ff;border-radius:16px}.demo-row{display:flex;justify-content:space-between;padding:7px 0;color:var(--muted);font-size:13px}.demo-row button{border:0;background:transparent;color:var(--purple);font-weight:700}
.app-layout { min-height:100vh; display:grid; grid-template-columns:250px 1fr; background:#f7f8ff; }.sidebar{background:#272b4a;color:#fff;padding:24px 16px;position:sticky;top:0;height:100vh}.side-brand{display:flex;gap:10px;align-items:center;padding:0 8px 26px;font-weight:800}.side-brand .brand-mark{width:38px;height:38px;font-size:20px}.side-user{background:rgba(255,255,255,.08);padding:14px;border-radius:16px;margin-bottom:20px;display:flex;gap:10px;align-items:center}.avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--purple-2),var(--pink));font-size:20px}.side-user small{display:block;color:#b9bdd7;margin-top:3px}.side-nav button{width:100%;display:flex;gap:12px;align-items:center;color:#cfd2e8;border:0;background:transparent;border-radius:13px;padding:13px 14px;margin:4px 0;text-align:left}.side-nav button:hover,.side-nav button.active{background:linear-gradient(90deg,rgba(155,109,255,.35),rgba(255,100,178,.16));color:#fff}.main{min-width:0}.app-top{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:15}.page{padding:28px;max-width:1500px;margin:auto}.page-title{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px}.page-title h1{font-size:30px;letter-spacing:0;margin:0 0 6px}.page-title p{margin:0;color:var(--muted)}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.metric{padding:22px;background:#fff;border-radius:20px;border:1px solid var(--line);box-shadow:0 9px 30px rgba(75,70,120,.06)}.metric .metric-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-size:24px;background:#f0edff}.metric b{display:block;font-size:30px;margin:16px 0 3px}.metric span{color:var(--muted);font-size:13px}
.panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;margin-top:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-head h3{margin:0}.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.progress-item{margin:15px 0}.progress-label{display:flex;justify-content:space-between;font-size:13px;margin-bottom:7px}.progress{height:10px;background:#eeeefa;border-radius:999px;overflow:hidden}.progress i{height:100%;display:block;border-radius:999px;background:linear-gradient(90deg,var(--purple),var(--pink))}.activity{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.activity:last-child{border:0}.activity-icon{width:38px;height:38px;flex:none;border-radius:13px;display:grid;place-items:center;background:#eefbff}.activity p{margin:0;font-size:14px}.activity small{color:var(--muted)}
.course-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.chip{border:1px solid var(--line);background:#fff;padding:9px 14px;border-radius:999px;color:var(--muted)}.chip.active{background:var(--purple);border-color:var(--purple);color:#fff}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.course-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.2s}.course-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.course-cover{height:150px;padding:22px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#6c5ce7,#ff64b2)}.course-cover.c2{background:linear-gradient(135deg,#00a8cc,#57d7b0)}.course-cover.c3{background:linear-gradient(135deg,#ff9f43,#ff6b81)}.course-cover .lesson-no{font-weight:800;opacity:.8}.course-cover .cover-icon{font-size:45px;align-self:flex-end}.course-body{padding:18px}.course-body h3{margin:0 0 8px;font-size:17px}.course-body p{color:var(--muted);font-size:13px;line-height:1.6;height:42px;overflow:hidden}.course-meta{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.course-meta small{color:var(--muted)}
.lesson-hero{border-radius:26px;padding:32px;color:#fff;background:linear-gradient(120deg,#5e55d9,#a864ee 60%,#ff70b8);position:relative;overflow:hidden}.lesson-hero:after{content:"✦";position:absolute;font-size:180px;opacity:.08;right:30px;top:-60px}.lesson-hero h1{font-size:36px;letter-spacing:0;margin:12px 0}.lesson-hero p{max-width:760px;line-height:1.7;opacity:.9}.lesson-tabs{display:flex;gap:8px;overflow:auto;margin:20px 0 0}.lesson-tabs button{white-space:nowrap;border:1px solid var(--line);background:#fff;color:var(--muted);padding:11px 16px;border-radius:13px}.lesson-tabs button.active{background:var(--purple);color:#fff;border-color:var(--purple)}.lesson-content{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;min-height:380px}.lesson-content h2{margin-top:0}.objective-grid,.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.objective,.resource{padding:18px;border-radius:17px;background:#f8f7ff;border:1px solid #ebe8ff}.resource button{margin-top:12px}.timeline{position:relative;margin-left:16px}.timeline-item{border-left:2px solid #ddd8ff;padding:0 0 24px 26px;position:relative}.timeline-item:before{content:"";width:14px;height:14px;border-radius:50%;background:var(--purple);position:absolute;left:-8px;top:3px}.timeline-item b{display:block;margin-bottom:6px}.timeline-item p{margin:0;color:var(--muted);line-height:1.7}.ppt-stage{aspect-ratio:16/9;border-radius:22px;color:#fff;background:linear-gradient(135deg,#6c5ce7,#ff64b2);display:grid;place-items:center;text-align:center;padding:8%;position:relative;overflow:hidden}.ppt-stage:before{content:"";width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.1);position:absolute;right:-70px;top:-70px}.ppt-stage h2{font-size:clamp(24px,4vw,46px);margin:10px}.ppt-stage p{font-size:clamp(13px,2vw,20px);line-height:1.7}.ppt-nav{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:16px}.sim-box{padding:22px;border-radius:20px;background:linear-gradient(135deg,#f0edff,#fff4fb)}.chat{height:240px;overflow:auto;background:#fff;border-radius:16px;padding:16px;margin:14px 0}.bubble{max-width:80%;padding:10px 14px;border-radius:16px;margin:8px 0;background:#f0edff}.bubble.me{margin-left:auto;background:#e4faff}.chat-input{display:flex;gap:8px}.chat-input input{flex:1;padding:12px;border:1px solid var(--line);border-radius:12px}
.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:13px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table th{color:var(--muted);font-size:13px}.status{display:inline-block;padding:5px 9px;border-radius:999px;background:#e9fbf3;color:#1d9b68;font-size:12px}.badge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.badge{padding:18px;text-align:center;border:1px solid var(--line);border-radius:18px;background:#fff}.badge .badge-icon{font-size:42px}.badge.locked{filter:grayscale(1);opacity:.5}
.modal-backdrop{position:fixed;inset:0;background:rgba(29,30,50,.55);backdrop-filter:blur(8px);z-index:100;display:grid;place-items:center;padding:20px}.modal{width:min(570px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:25px;padding:28px;box-shadow:0 30px 100px rgba(0,0,0,.3)}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h2{margin:0}.close-btn{border:0;background:#f0eff8;width:38px;height:38px;border-radius:12px;font-size:20px}.toast{position:fixed;right:25px;bottom:25px;background:#292d4b;color:#fff;padding:13px 18px;border-radius:14px;box-shadow:var(--shadow);transform:translateY(90px);opacity:0;transition:.25s;z-index:200}.toast.show{transform:none;opacity:1}.mobile-menu{display:none}
@media(max-width:1100px){.grade-grid{grid-template-columns:repeat(3,1fr)}.course-grid{grid-template-columns:repeat(2,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}.objective-grid,.resource-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-visual{display:none}.stats{grid-template-columns:repeat(2,1fr);margin-top:20px}.grade-grid{grid-template-columns:1fr 1fr}.spiral{grid-template-columns:1fr}.spiral-step:after{display:none}.login-page{grid-template-columns:1fr}.login-art{display:none}.app-layout{display:block}.sidebar{position:fixed;left:-270px;z-index:40;width:250px;transition:.2s}.sidebar.open{left:0}.mobile-menu{display:block;border:0;background:#f0edff;border-radius:10px;padding:8px}.two-col{grid-template-columns:1fr}.page{padding:18px}.app-top{padding:0 18px}}
@media(max-width:560px){.hero{padding:45px 22px}.hero h1{font-size:40px}.section{padding:55px 20px}.stats,.grade-grid,.course-grid,.metric-grid,.objective-grid,.resource-grid,.badge-grid{grid-template-columns:1fr}.topbar{padding:0 18px}.brand div:last-child{font-size:13px}.page-title{display:block}.course-toolbar{overflow:auto;flex-wrap:nowrap}.lesson-hero{padding:24px}.lesson-hero h1{font-size:27px}}

/* Rich lesson content */
.lesson-intro{display:grid;grid-template-columns:1.5fr .5fr;gap:24px;align-items:center;background:linear-gradient(135deg,#f2efff,#fff5fa);padding:26px;border-radius:22px;margin-bottom:28px}.lesson-intro h2{font-size:30px;margin:14px 0 8px}.lesson-intro p{color:var(--muted);line-height:1.8}.lesson-visual{min-height:175px;border-radius:22px;color:#fff;background:linear-gradient(145deg,var(--purple),var(--pink));display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 18px 45px rgba(108,92,231,.24)}.lesson-visual span{font-size:60px}.lesson-visual b{font-size:18px}.lesson-visual small{opacity:.8;margin-top:5px}.knowledge-map{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0 28px}.knowledge-map>div{padding:20px;border-radius:18px;background:#f8f7ff;border:1px solid #e9e5ff}.knowledge-map small{display:block;color:var(--purple);font-weight:800;margin-bottom:6px}.knowledge-map b{font-size:18px}.knowledge-map p{color:var(--muted);line-height:1.65}.teacher-script{padding:20px 24px;border-radius:18px;background:linear-gradient(120deg,#272b4a,#4c477d);color:#fff;font-size:17px;line-height:1.8;margin-bottom:26px}.teacher-script small{display:block;color:#d5d4e8;margin-top:8px}.case-box{padding:15px 18px;margin-top:12px;border-radius:15px;background:#fff8e5;border-left:4px solid var(--yellow)}.case-box p{color:#5f563c}.question-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.question-row span{padding:9px 12px;border-radius:12px;background:#f0edff;color:#5f55b5;font-size:13px}.rubric{border:1px solid var(--line);border-radius:18px;padding:18px}.rubric h3{margin-top:0}.rubric-row{display:grid;grid-template-columns:120px 1fr;padding:11px;border-top:1px solid var(--line)}
.ppt-stage{background:radial-gradient(circle at 80% 15%,#d87bd2 0,#805add 28%,#302f79 75%);padding:7%;box-shadow:0 24px 65px rgba(55,44,120,.27)}.ppt-stage.slide-concept{background:radial-gradient(circle at 20% 20%,#35d2db,#2561af 45%,#1d285e)}.ppt-stage.slide-safety{background:radial-gradient(circle at 80% 20%,#ffcf5c,#ef6e72 38%,#7d3063)}.ppt-stage.slide-project{background:radial-gradient(circle at 20% 15%,#66dfa5,#218d91 42%,#224b72)}.ppt-stage.slide-mistake{background:radial-gradient(circle at 80% 15%,#9f8bff,#4f3f8f 45%,#282951)}.slide-decor{position:absolute;border-radius:50%;background:rgba(255,255,255,.08)}.slide-decor.d1{width:90px;height:90px;left:5%;bottom:8%}.slide-decor.d2{width:35px;height:35px;left:18%;top:12%}.slide-number{position:absolute;left:28px;top:20px;font-weight:900;font-size:42px;opacity:.18}.slide-content{position:relative;z-index:2;max-width:900px}.slide-icon{font-size:clamp(48px,7vw,84px);filter:drop-shadow(0 12px 20px rgba(0,0,0,.2))}.slide-kicker{display:inline-block;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.16);font-size:13px;letter-spacing:1px}.slide-count{position:absolute;bottom:18px;right:24px}.flow-mini{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:20px}.flow-mini b{background:rgba(255,255,255,.16);padding:10px 14px;border-radius:12px}.mini-chart{height:80px;display:flex;gap:10px;align-items:flex-end;justify-content:center;margin-top:10px}.mini-chart i{width:30px;background:linear-gradient(#ffe47a,#ff7fbd);border-radius:8px 8px 2px 2px}.ppt-tip{text-align:center;color:var(--muted);font-size:13px}
.lab-header{display:flex;justify-content:space-between;gap:20px;align-items:center}.lab-header h2{font-size:30px;margin:14px 0 8px}.lab-header p{color:var(--muted);line-height:1.7}.lab-badge{padding:16px 20px;border-radius:18px;background:#e9fbf3;color:#187a57;text-align:center;font-weight:800;white-space:nowrap}.interactive-stage{margin-top:22px;display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;padding:20px;border-radius:22px;background:linear-gradient(135deg,#f2efff,#eafbff)}.lab-controls{padding:20px;background:#fff;border-radius:18px}.lab-controls label{display:block;font-weight:700;margin-bottom:24px}.lab-controls input{width:100%;accent-color:var(--purple);margin-top:12px}.switch-row{display:flex;gap:8px}.ai-machine{min-height:320px;border-radius:20px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:radial-gradient(circle at 50% 30%,#776edf,#292d61);position:relative;overflow:hidden}.machine-eye{width:95px;height:95px;border-radius:32px;background:rgba(255,255,255,.15);display:grid;place-items:center;font-size:52px;box-shadow:0 0 40px rgba(100,239,255,.28)}.scan-line{position:absolute;left:10%;right:10%;height:2px;background:#5ff5ff;box-shadow:0 0 12px #5ff5ff;animation:scan 2.2s ease-in-out infinite}.confidence{width:80%;display:flex;justify-content:space-between;margin-top:20px}.meter{height:12px;width:80%;border-radius:999px;background:rgba(255,255,255,.15);overflow:hidden;margin:8px}.meter i{display:block;height:100%;background:linear-gradient(90deg,#45e6d0,#ffe46b);transition:.2s}.ai-machine p{font-size:13px;opacity:.8}.record-sheet{margin-top:18px;padding:20px;border:1px dashed #a99fff;border-radius:18px;background:#faf9ff}.record-sheet p{line-height:1.7;color:var(--muted)}@keyframes scan{0%,100%{top:28%}50%{top:65%}}
.safety-note{padding:14px 17px;border-radius:14px;background:#fff7df;border-left:4px solid var(--yellow);color:#6e6037}.platform-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.platform-link{text-decoration:none;color:var(--ink);padding:18px;border:1px solid var(--line);border-radius:17px;display:grid;gap:7px;background:#fff;transition:.2s}.platform-link:hover{border-color:#a99fff;transform:translateY(-2px);box-shadow:var(--shadow)}.platform-link span{color:var(--muted);font-size:13px;line-height:1.5}.platform-link em{color:var(--purple);font-style:normal;font-weight:700;font-size:13px}
.video-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.video-heading h2{font-size:30px;margin:14px 0 8px}.video-heading p{color:var(--muted);line-height:1.7}.micro-video{aspect-ratio:16/8;border-radius:24px;margin-top:20px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 80%,#6f79e8,#373270 58%,#211f4b);box-shadow:0 24px 60px rgba(43,37,104,.25)}.video-sky span{position:absolute;color:#fff6a5;animation:twinkle 1.5s infinite}.video-sky span:nth-child(1){left:14%;top:18%}.video-sky span:nth-child(2){left:73%;top:14%;animation-delay:.4s}.video-sky span:nth-child(3){left:88%;top:38%;animation-delay:.8s}.video-character,.video-object{position:absolute;top:38%;font-size:clamp(60px,10vw,110px);filter:drop-shadow(0 18px 20px rgba(0,0,0,.25))}.video-character{left:20%}.video-object{right:20%}.data-particles{position:absolute;left:42%;right:42%;top:48%;display:flex;gap:8px}.data-particles i{width:10px;height:10px;border-radius:50%;background:#67f1ff;box-shadow:0 0 14px #67f1ff;opacity:0}.video-caption{position:absolute;left:8%;right:8%;bottom:13%;padding:13px 20px;border-radius:14px;background:rgba(18,18,50,.68);backdrop-filter:blur(10px);color:#fff;text-align:center;font-size:clamp(13px,2vw,19px)}.video-progress{position:absolute;left:8%;right:8%;bottom:6%;height:5px;border-radius:99px;background:rgba(255,255,255,.18);overflow:hidden}.video-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#66efff,#ff82cb)}.micro-video.playing .video-progress i{animation:videoProgress 7s linear forwards}.micro-video.playing .video-character{animation:robotTalk .8s ease-in-out infinite}.micro-video.playing .video-object{animation:objectFloat 1.2s ease-in-out infinite}.micro-video.playing .data-particles i{animation:dataFly 1.3s linear infinite}.micro-video.playing .data-particles i:nth-child(2){animation-delay:.2s}.micro-video.playing .data-particles i:nth-child(3){animation-delay:.4s}.micro-video.playing .data-particles i:nth-child(4){animation-delay:.6s}.micro-video.playing .data-particles i:nth-child(5){animation-delay:.8s}.storyboard{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.storyboard>div{padding:16px;border-radius:16px;background:#f8f7ff;border:1px solid #ebe8ff}.storyboard p{color:var(--muted);font-size:13px;line-height:1.55}@keyframes twinkle{50%{opacity:.25;transform:scale(.6)}}@keyframes videoProgress{to{width:100%}}@keyframes robotTalk{50%{transform:translateY(-8px) rotate(-3deg)}}@keyframes objectFloat{50%{transform:translateY(-12px) rotate(5deg)}}@keyframes dataFly{0%{opacity:0;transform:translateX(-30px)}30%,70%{opacity:1}100%{opacity:0;transform:translateX(65px)}}
@media(max-width:820px){.lesson-intro,.interactive-stage{grid-template-columns:1fr}.knowledge-map,.platform-grid{grid-template-columns:1fr}.lab-header{display:block}.ppt-stage{aspect-ratio:auto;min-height:420px}}
@media(max-width:820px){.video-heading{display:block}.storyboard{grid-template-columns:1fr 1fr}}

/* Grade 1 lesson 1 quality exemplar */
.edu-svg{width:100%;height:auto;display:block}.exemplar-banner{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:center;padding:28px;border-radius:25px;background:linear-gradient(135deg,#f4f1ff,#eefcff);margin-bottom:28px}.exemplar-banner h2{font-size:38px;margin:16px 0 8px}.exemplar-banner p{color:var(--muted);line-height:1.8}.mission-tags{display:flex;gap:8px;flex-wrap:wrap}.mission-tags span,.deliverables span{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #e3dfff;font-size:13px;font-weight:700}.goal-note{margin-top:20px;padding:18px;border-radius:16px;background:#fff7df;border-left:5px solid var(--yellow)}.goal-note p{margin-bottom:0;color:#6e6037}.prep-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0}.prep-grid>div{padding:18px;border-radius:16px;background:#f8f7ff;border:1px solid #e8e5ff}.prep-grid p{margin-bottom:0;color:var(--muted);line-height:1.6}.lesson-phases{display:grid;gap:15px}.lesson-phases section{border:1px solid var(--line);border-radius:20px;overflow:hidden}.lesson-phases header{display:flex;gap:14px;align-items:center;padding:16px 20px;background:linear-gradient(90deg,#f0edff,#fff)}.lesson-phases header>span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--purple);color:#fff;font-weight:900}.lesson-phases header b{font-size:17px}.lesson-phases header small{display:block;color:var(--muted);margin-top:3px}.phase-body{padding:18px 22px}.phase-body p{line-height:1.75;color:#4e5874}.evidence-box{padding:12px 15px;border-radius:13px;background:#e9fbf3;color:#167653}.reflection-box{margin-top:18px;padding:20px;border-radius:18px;color:#fff;background:linear-gradient(120deg,#283052,#555091)}
.story-ppt{aspect-ratio:16/9;border-radius:24px;padding:28px 34px;position:relative;overflow:hidden;color:#26314d;background:linear-gradient(135deg,#fff9e8,#e7f9ff);display:grid;grid-template-columns:.78fr 1.22fr;grid-template-rows:auto 1fr;gap:12px 25px;box-shadow:0 25px 65px rgba(55,44,120,.2)}.story-ppt:fullscreen{border-radius:0;padding:5vw}.ppt-topline{grid-column:1/-1;display:flex;justify-content:space-between;font-size:14px;font-weight:800;color:#6557b8}.story-copy{align-self:center}.story-copy h2{font-size:clamp(26px,3.5vw,48px);line-height:1.16;margin:0 0 14px}.story-copy p{font-size:clamp(14px,1.6vw,20px);line-height:1.75;color:#58637f}.story-visual{display:grid;place-items:center;min-width:0}.story-visual .edu-svg{max-height:360px}.ppt-mystery{background:linear-gradient(135deg,#2d2a62,#6558c9);color:#fff}.ppt-mystery .story-copy p,.ppt-safety .story-copy p{color:#e7e5ff}.ppt-observe{background:linear-gradient(135deg,#e7fbff,#edf0ff)}.ppt-case{background:linear-gradient(135deg,#efffe9,#dff9f5)}.ppt-compare{background:linear-gradient(135deg,#fff4d3,#ffe8ec)}.ppt-speaker{background:#282b59;color:#fff}.ppt-speaker .story-copy p{color:#d8dcff}.ppt-experiment{background:linear-gradient(135deg,#e7f6ff,#f5e9ff)}.ppt-mistake{background:linear-gradient(135deg,#3d326b,#932f6d);color:#fff}.ppt-mistake .story-copy p{color:#f2dff0}.ppt-safety{background:linear-gradient(135deg,#e65d65,#7d356d);color:#fff}.ppt-challenge{background:linear-gradient(135deg,#eafff2,#dff3ff)}.ppt-summary{background:linear-gradient(135deg,#5a50cf,#17aab1);color:#fff}.ppt-summary .story-copy p{color:#e5ffff}.ppt-exit{background:linear-gradient(135deg,#fff2c9,#ffe6f3)}.device-trio,.two-clues,.compare-cards,.sound-test{display:flex;gap:15px;align-items:center;justify-content:center;flex-wrap:wrap}.device-trio span{min-width:120px;padding:20px;border-radius:20px;background:rgba(255,255,255,.13);font-size:55px;text-align:center}.device-trio b,.sound-test b{display:block;font-size:15px;margin-top:8px}.two-clues>div{padding:20px;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(77,70,130,.12);text-align:center;font-size:35px}.two-clues b{display:block;font-size:15px;margin-top:8px}.two-clues i{font-size:25px;color:var(--purple)}.robot-route{width:100%;height:230px;position:relative;border-radius:22px;background:#bce8b8}.robot-route:after{content:"";position:absolute;left:12%;right:12%;top:50%;border-top:8px dashed #fff}.robot-route .cleanbot,.robot-route>b{position:absolute;z-index:2;font-size:55px;top:76px}.robot-route .cleanbot{left:14%}.robot-route>b{right:22%}.robot-route em{position:absolute;bottom:18px;left:28%;font-style:normal;font-weight:800}.compare-cards>div{padding:22px;border-radius:20px;background:#fff;text-align:center;box-shadow:0 10px 25px rgba(80,70,120,.1)}.compare-cards span{font-size:55px}.compare-cards b,.compare-cards small{display:block;margin-top:5px}.compare-cards small{color:var(--muted)}.sound-test>div{width:42%;padding:20px;border-radius:20px;background:#fff;text-align:center;font-size:50px}.wave{display:block;height:28px;margin-top:10px;background:repeating-linear-gradient(90deg,#3fcfd3 0 5px,transparent 5px 11px)}.wave.noisy{transform:skew(-18deg);background:repeating-linear-gradient(90deg,#f06e8d 0 9px,transparent 9px 13px)}.ai-error{display:flex;align-items:center;gap:20px}.ai-error>span{font-size:100px}.ai-error>div{padding:22px;border-radius:20px;background:#fff;color:#3c3658;font-size:22px}.ai-error b{display:block;color:#df426d;margin-top:10px}.label-wall{display:grid;grid-template-columns:1fr 1fr;gap:12px}.label-wall span,.summary-chain span{padding:18px;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(60,50,100,.12);font-weight:800}.summary-chain{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.summary-chain span{color:#3b3965}.exit-card{padding:25px;border-radius:20px;background:#fff;line-height:2.2;font-size:18px;box-shadow:0 12px 30px rgba(90,70,120,.12)}.teacher-cue{margin-top:14px;padding:13px 16px;border-radius:13px;background:#f4f2ff;color:#5e568f;font-size:13px}
.detective-video{aspect-ratio:16/8;border-radius:24px;position:relative;overflow:hidden;background:#262951;box-shadow:0 24px 60px rgba(43,37,104,.25)}.dv-scene{position:absolute;inset:0;display:grid;place-items:center;opacity:0}.dv-scene .edu-svg{width:100%;height:100%;object-fit:cover}.dv-campus{opacity:1}.dv-caption{position:absolute;z-index:8;left:8%;right:8%;bottom:10%;padding:13px 20px;border-radius:14px;background:rgba(20,20,50,.76);color:#fff;text-align:center;font-size:18px}.dv-progress{position:absolute;z-index:8;left:8%;right:8%;bottom:5%;height:5px;background:rgba(255,255,255,.2)}.dv-progress i{display:block;height:100%;width:0;background:#58e7ee}.detective-video.playing .dv-campus{animation:scene1 8s linear forwards}.detective-video.playing .dv-speaker{animation:scene2 8s linear forwards}.detective-video.playing .dv-safety{animation:scene3 8s linear forwards}.detective-video.playing .dv-progress i{animation:videoProgress 8s linear forwards}@keyframes scene1{0%,30%{opacity:1;transform:scale(1)}35%,100%{opacity:0;transform:scale(1.06)}}@keyframes scene2{0%,30%{opacity:0}35%,65%{opacity:1}70%,100%{opacity:0}}@keyframes scene3{0%,65%{opacity:0}70%,100%{opacity:1}}
.h5-shell{border-radius:24px;padding:24px;background:linear-gradient(135deg,#edf9f0,#f5f1ff);min-height:560px}.h5-top{display:flex;justify-content:space-between;gap:20px}.h5-top h2{font-size:32px;margin:12px 0 5px}.h5-top p{color:var(--muted)}.h5-score{height:max-content;padding:12px 16px;border-radius:16px;background:#fff;color:#6557b8}.h5-score b{font-size:24px}.h5-progress{height:8px;background:#fff;border-radius:99px;margin:14px 0 20px;overflow:hidden}.h5-progress i{height:100%;display:block;background:linear-gradient(90deg,#37d4a2,#7c69ef);transition:.3s}.h5-mission{min-height:350px;padding:22px;border-radius:20px;background:#fff}.h5-mission h3{font-size:24px;margin-top:0}.h5-mission>p{color:var(--muted)}.h5-nav{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.device-game{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.device-game button{border:2px solid #ebe8f8;border-radius:18px;background:#fafaff;padding:15px;transition:.2s}.device-game button span{display:block;font-size:45px}.device-game button b,.device-game button small{display:block;margin-top:6px}.device-game button small{color:var(--muted)}.device-game button.correct{border-color:#37c98d;background:#eafff5}.device-game button.normal{border-color:#ffbd55;background:#fff8e7}.h5-feedback{margin-top:15px;padding:12px 15px;border-radius:13px;background:#eef6ff;color:#49668e}.sequence-game{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.sequence-game button{padding:16px;border:2px solid var(--line);border-radius:15px;background:#fafaff;text-align:left}.sequence-game span{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--purple);color:#fff;margin-right:8px}.sequence-game button.picked{border-color:#37c98d;background:#eafff5}.sequence-game button.wrong{animation:shake .35s}.sequence-result{margin-top:15px;text-align:center}.noise-lab{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;align-items:center;padding:20px;border-radius:18px;background:#272b59;color:#fff}.noise-lab input{width:100%;accent-color:#59e1e3}.transcript{padding:20px;border-radius:16px;background:rgba(255,255,255,.12)}.transcript small,.transcript strong{display:block;margin-bottom:10px}.safety-game{display:grid;gap:10px}.safety-game>div{display:grid;grid-template-columns:1fr repeat(3,50px);gap:8px;align-items:center;padding:10px;border-bottom:1px solid var(--line)}.safety-game button{width:42px;height:42px;border:0;border-radius:50%;color:#fff}.safety-game button[data-light=green]{background:#37bd75}.safety-game button[data-light=yellow]{background:#eaae26}.safety-game button[data-light=red]{background:#df5664}.correct-light{outline:5px solid #9de7c2}.wrong-light{opacity:.25}.project-brief{padding:25px;border-radius:22px;color:#fff;background:linear-gradient(120deg,#5d55c9,#299eaa)}.project-brief h2{font-size:32px;margin:13px 0 8px}.project-brief p{line-height:1.7}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.project-grid>div{padding:17px;border-radius:17px;background:#f8f7ff;border:1px solid #e8e5ff}.project-grid span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--purple);color:#fff;font-weight:800}.project-grid b{display:block;margin-top:10px}.project-grid p{color:var(--muted);font-size:13px;line-height:1.55}.deliverables{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 22px}@keyframes shake{25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}
@media(max-width:900px){.exemplar-banner,.story-ppt{grid-template-columns:1fr}.story-ppt{aspect-ratio:auto;min-height:650px}.prep-grid,.device-game,.project-grid{grid-template-columns:1fr 1fr}.storyboard{grid-template-columns:1fr 1fr}.noise-lab{grid-template-columns:1fr}}
@media(max-width:560px){.prep-grid,.device-game,.project-grid,.sequence-game{grid-template-columns:1fr}.h5-top{display:block}.story-ppt{padding:22px;min-height:600px}.exemplar-banner h2{font-size:30px}.safety-game>div{grid-template-columns:1fr repeat(3,42px)}}

/* Premium inner experience and cloud teaching loop */
.page{background:radial-gradient(circle at 92% 3%,rgba(108,92,231,.09),transparent 22%),linear-gradient(180deg,#f9faff 0,#f4f6fc 100%);min-height:calc(100vh - 70px)}
.lesson-content,.analytics-panel,.portfolio-card,.growth-hero{border:1px solid rgba(116,104,190,.14);box-shadow:0 24px 70px rgba(39,38,84,.09)}
.lesson-content{background:rgba(255,255,255,.88);backdrop-filter:blur(22px)}
.live-pill{display:inline-flex;align-items:center;gap:7px;margin-right:10px;color:#456a62;font-size:12px}.live-pill i,.live-dot:before{width:7px;height:7px;border-radius:50%;background:#25c88a;box-shadow:0 0 0 5px rgba(37,200,138,.12);content:""}
.submission-studio{display:grid;grid-template-columns:.7fr 1.3fr;gap:28px;margin:28px 0;padding:30px;border-radius:26px;color:#fff;background:radial-gradient(circle at 10% 20%,rgba(83,231,222,.23),transparent 30%),linear-gradient(135deg,#242750,#514aa1 58%,#813f89);box-shadow:0 28px 65px rgba(37,35,85,.25)}.studio-copy h3{font-size:28px;margin:12px 0}.studio-copy p{line-height:1.7;color:#dcdcf4}.submission-studio .deliverables span{color:#343455}.submission-studio form{display:grid;gap:14px;padding:22px;border-radius:20px;background:rgba(255,255,255,.11);backdrop-filter:blur(16px)}.submission-studio label,.review-card label{display:grid;gap:7px;font-weight:700}.submission-studio input,.submission-studio textarea,.review-card textarea{width:100%;border:1px solid rgba(255,255,255,.18);border-radius:13px;padding:12px 14px;font:inherit;background:rgba(255,255,255,.95);color:#313753}.submission-studio textarea{min-height:128px;resize:vertical}.submission-studio small{color:#d9d8ef;line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.submit-success{padding:22px;border-radius:16px;background:rgba(48,216,158,.16)}.submit-success b{font-size:20px}.submit-success p{color:#e8fff7}
.loading-panel,.empty-luxe{min-height:360px;display:grid;place-items:center;align-content:center;gap:14px;text-align:center;border:1px solid #ebeaf5;border-radius:25px;background:#fff}.loading-panel i{width:42px;height:42px;border:4px solid #e8e5ff;border-top-color:#6c5ce7;border-radius:50%;animation:spin .8s linear infinite}.empty-luxe span{font-size:55px;color:#7669e7}.empty-luxe p,.muted{color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}
.portfolio-card{display:grid;grid-template-columns:1.35fr .65fr;gap:26px;padding:28px;border-radius:25px;background:#fff}.portfolio-main>small{float:right;color:var(--muted)}.portfolio-main>p{line-height:1.8;color:#525d78}.status{display:inline-block;padding:6px 10px;border-radius:999px;background:#fff0d2;color:#99650c;font-size:12px;font-weight:800}.status.done{background:#e7fbf2;color:#187955}.teacher-letter{margin-top:22px;padding:18px 20px;border-radius:17px;background:linear-gradient(135deg,#f0edff,#eafcff);border-left:4px solid #6c5ce7}.teacher-letter span{font-size:12px;font-weight:900;color:#6557b8}.waiting-feedback{margin-top:22px;padding:15px;border-radius:14px;background:#f7f7fb;color:#707890}.radar-card{display:grid;place-items:center;padding:16px;border-radius:20px;background:linear-gradient(145deg,#fbfaff,#eff7ff)}.radar{width:min(100%,330px);overflow:visible}.radar polygon{fill:none;stroke:#d9d8e8;stroke-width:1}.radar line{stroke:#dfdeeb}.radar text{font-size:11px;fill:#68708a;font-weight:700}.radar .radar-data{fill:rgba(108,92,231,.23);stroke:#6c5ce7;stroke-width:3}.radar circle{fill:#ff67aa;stroke:#fff;stroke-width:2}
.live-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.live-metrics>div{padding:21px;border-radius:19px;color:#fff;background:linear-gradient(145deg,#282b56,#4f4b8e);box-shadow:0 15px 38px rgba(39,40,85,.16)}.live-metrics small{display:block;color:#c9cbe8}.live-metrics b{font-size:34px;margin-right:5px}.live-metrics em{font-style:normal;color:#aef1e5}.insight-banner{display:flex;align-items:center;gap:18px;margin:16px 0;padding:20px 24px;border-radius:20px;background:linear-gradient(110deg,#e8fff7,#f0edff);border:1px solid #d9f2e9}.insight-banner>span{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#292d59;color:#69eee2;font-weight:900}.insight-banner p{margin:4px 0;color:#58617a}.analytics-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.analytics-panel{padding:22px;border-radius:23px;background:#fff}.analytics-panel .panel-head small{color:#6c5ce7;font-weight:900;letter-spacing:1px}.live-dot{display:flex;align-items:center;gap:8px;color:#25966f;font-size:12px}.trace-row{display:grid;grid-template-columns:12px 1fr auto;gap:12px;align-items:center;padding:13px 3px;border-bottom:1px solid #f0eff5}.trace-row i{width:8px;height:8px;border-radius:50%}.trace-row i.ok{background:#26c68b}.trace-row i.warn{background:#ef6b77}.trace-row span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.trace-row strong{color:#4f5680}.review-card{padding:18px;border:1px solid #ebeaf3;border-radius:18px;margin-top:12px}.review-card>div>p{font-size:13px;line-height:1.65;color:#606982}.review-card form{display:grid;gap:14px;margin-top:15px;padding-top:15px;border-top:1px solid #eeeef4}.rating-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.rating-grid label{font-size:11px;text-align:center;color:#606783}.rating-grid input{width:100%;accent-color:#6c5ce7}.rating-grid output{font-size:17px;color:#6c5ce7}.review-card textarea{min-height:78px;background:#fafaff;border-color:#e0dff0}.reviewed{padding:13px;border-radius:13px;background:#e9fbf3;color:#256f5b}
.growth-hero{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;padding:30px;border-radius:26px;color:#fff;background:radial-gradient(circle at 15% 15%,#6f67dd,#292c5b 58%,#202344)}.growth-hero>div:first-child{padding:20px}.growth-hero>div:first-child>span{display:block;color:#b8efeb}.growth-hero>div:first-child>b{font-size:72px}.growth-hero>div:first-child p{line-height:1.8;color:#d8daed}.growth-hero .radar-card{background:rgba(255,255,255,.94)}.next-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.next-actions>div{padding:17px;border-radius:16px;background:#f7f7fc}.next-actions p{color:var(--muted);line-height:1.55;font-size:13px}
@media(max-width:900px){.submission-studio,.portfolio-card,.analytics-grid,.growth-hero{grid-template-columns:1fr}.live-metrics{grid-template-columns:1fr 1fr}.rating-grid{grid-template-columns:1fr 1fr}.form-grid,.next-actions{grid-template-columns:1fr}}
.h5-nav button:disabled{opacity:.35;cursor:not-allowed}.h5-complete{padding:55px 8%;text-align:center;border-radius:26px;background:radial-gradient(circle at 50% 10%,#eafff6,#f3f0ff 60%,#fff);border:1px solid #e1dff4}.complete-orbit{width:92px;height:92px;margin:auto;display:grid;place-items:center;border-radius:50%;font-size:45px;color:#fff;background:linear-gradient(145deg,#29c994,#6b5ce7);box-shadow:0 0 0 15px rgba(108,92,231,.08),0 20px 45px rgba(70,62,155,.22)}.h5-complete h2{font-size:36px;margin:25px 0 10px}.h5-complete>p{max-width:680px;margin:0 auto 25px;color:var(--muted);line-height:1.8}.complete-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:650px;margin:auto}.complete-metrics>div{padding:18px;border-radius:17px;background:#fff;box-shadow:0 10px 25px rgba(55,49,100,.08)}.complete-metrics b,.complete-metrics span{display:block}.complete-metrics b{font-size:30px;color:#6557c8}.complete-advice{max-width:650px;margin:18px auto;padding:17px;border-radius:16px;background:#e8fbf3;text-align:left}.complete-advice p{margin-bottom:0;color:#3f6f61}.h5-actions{display:flex;justify-content:center;gap:12px;margin-top:22px}
.resource-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:25px}.resource-backdrop{position:absolute;inset:0;background:rgba(18,20,43,.68);backdrop-filter:blur(12px)}.resource-modal>section{position:relative;width:min(1120px,96vw);max-height:90vh;overflow:auto;padding:35px;border-radius:28px;background:#fff;box-shadow:0 35px 100px rgba(10,12,35,.4)}.modal-close{position:absolute;right:22px;top:18px;width:42px;height:42px;border:0;border-radius:50%;font-size:27px;background:#f1effb;color:#4e4a79}.modal-lead{color:var(--muted);line-height:1.7}.real-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.real-card{min-height:180px;padding:18px;border:1px solid #e4e1f2;border-radius:18px;background:linear-gradient(145deg,#faf9ff,#f0faff);color:var(--ink)}.real-card>span{display:block;font-size:44px}.real-card b,.real-card small{display:block;margin-top:6px}.real-card small{color:#6c5ce7}.real-card em{display:none;margin-top:10px;font-style:normal;font-size:12px;line-height:1.55;color:#58627d}.real-card em strong{display:block;color:#168466;font-size:14px}.real-card.flipped{background:#e9fbf3;border-color:#80dabb}.real-card.flipped small{display:none}.real-card.flipped em{display:block}.sheet-table{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.sheet-table>b{padding:11px;background:#2d315f;color:#fff;border-radius:9px}.sheet-table input,#detective-sheet textarea{padding:12px;border:1px solid #dad8e8;border-radius:10px;font:inherit;min-width:0}#detective-sheet>label{display:grid;gap:8px;font-weight:700}#detective-sheet textarea{min-height:80px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}.real-storyboard{display:grid;gap:14px;margin-top:20px}.real-storyboard article{display:grid;grid-template-columns:70px 1fr;gap:16px;padding:20px;border-radius:18px;background:linear-gradient(110deg,#f7f5ff,#effbff)}.real-storyboard article>span{width:55px;height:55px;display:grid;place-items:center;border-radius:15px;background:#343765;color:#6ff0e1;font-size:22px;font-weight:900}.real-storyboard small{color:#6c5ce7;font-weight:900}.real-storyboard h3{font-size:16px;line-height:1.6}.real-storyboard p{color:#5c6680}.real-storyboard em{display:inline-block;padding:8px 11px;border-radius:10px;background:#fff3ce;color:#85620e;font-style:normal}
@media(max-width:760px){.real-card-grid{grid-template-columns:1fr 1fr}.sheet-table{grid-template-columns:1fr}.complete-metrics{grid-template-columns:repeat(3,1fr)}.resource-modal>section{padding:25px 18px}}
.instant-assessment{padding:28px;border-radius:25px;background:radial-gradient(circle at 85% 10%,rgba(105,238,226,.18),transparent 28%),linear-gradient(145deg,#252952,#4d498d);color:#fff;box-shadow:0 25px 60px rgba(31,33,76,.25)}.instant-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.instant-head h2{font-size:30px;margin:10px 0}.instant-head p{color:#d2d5ed}.instant-score{min-width:110px;height:110px;display:grid;place-items:center;align-content:center;border-radius:50%;background:linear-gradient(145deg,#56e4cf,#745ee9);box-shadow:0 0 0 12px rgba(255,255,255,.08)}.instant-score b{font-size:38px}.instant-score span{font-size:11px}.instant-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;margin-top:22px}.instant-feedback{padding:23px;border-radius:20px;background:rgba(255,255,255,.1)}.instant-feedback>span{font-size:11px;color:#76eee0;font-weight:900;letter-spacing:1px}.instant-feedback h3{margin:5px 0 17px;font-size:23px}.instant-feedback p{line-height:1.8;color:#e1e2f2}.instant-feedback button{margin-top:8px}.reviewed small{display:block;color:#4d7569;margin-top:6px}@media(max-width:760px){.instant-grid{grid-template-columns:1fr}.instant-head{align-items:flex-start}.instant-score{min-width:85px;height:85px}.instant-score b{font-size:30px}}
.lab-launch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.lab-launch-grid article{padding:28px;border:1px solid #e1def3;border-radius:25px;background:linear-gradient(145deg,#fff,#f6f4ff);box-shadow:0 18px 45px rgba(52,48,100,.08)}.lab-launch-icon{font-size:50px}.lab-launch-grid small{display:block;margin-top:16px;color:#6c5ce7;font-weight:900}.lab-launch-grid h2{font-size:25px}.lab-launch-grid p,.lab-launch-grid li{color:var(--muted);line-height:1.65}.lab-launch-grid ul{padding-left:20px;min-height:88px}.safety-contract{margin-top:22px}.lab-workbench{margin-top:16px;padding:28px;border:1px solid #e2e0f0;border-radius:27px;background:radial-gradient(circle at 90% 0,rgba(106,234,223,.13),transparent 25%),#fff;box-shadow:0 25px 70px rgba(39,38,84,.1)}.lab-workbench>header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.lab-workbench header h1{font-size:35px;margin:10px 0}.lab-workbench header p{color:var(--muted)}.privacy-chip{padding:13px 16px;border-radius:15px;background:#e8fbf3;color:#24765f;text-align:center;font-weight:800}.dialogue-layout,.canvas-layout,.voice-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.lab-input-panel,.canvas-controls,.voice-controls{display:grid;gap:15px;padding:22px;border-radius:20px;background:#f7f6fc}.lab-input-panel label,.canvas-controls label,.voice-controls label{display:grid;gap:7px;font-weight:700}.lab-input-panel textarea,.canvas-controls input,.canvas-controls select,.voice-controls select{width:100%;padding:12px;border:1px solid #dcd9e9;border-radius:11px;background:#fff;font:inherit}.lab-input-panel textarea{min-height:95px;resize:vertical}.privacy-warning{padding:11px;border-radius:11px;background:#fff3d6;color:#7c6325;font-size:12px}.prompt-results{min-height:420px;padding:22px;border-radius:20px;background:linear-gradient(145deg,#282c58,#4c4788);color:#fff}.empty-machine{height:100%;display:grid;place-items:center;align-content:center;text-align:center}.empty-machine span{font-size:50px;color:#6fe8df}.empty-machine p{color:#c9cbe0}.prompt-score-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;text-align:center}.prompt-score-row>div:not(.score-arrow){padding:18px;border-radius:16px;background:rgba(255,255,255,.1)}.prompt-score-row b{display:block;font-size:34px;color:#70eadf}.prompt-score-row span,.prompt-score-row small{display:block}.answer-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.answer-compare article{padding:14px;border-radius:14px;background:rgba(255,255,255,.09)}.answer-compare p{font-size:13px;line-height:1.65;color:#e0e1f0}.diagnosis{padding:14px;border-radius:14px;background:#fff;color:#343956}.diagnosis p{font-size:13px;color:#69718a}.diagnosis-tags{display:flex;gap:7px;flex-wrap:wrap}.diagnosis-tags span{padding:6px 9px;border-radius:99px;background:#f1eff7;font-size:11px}.diagnosis-tags span.ok{background:#e3f9ef;color:#197858}.generated-canvas{min-height:500px;position:relative;overflow:hidden;border-radius:23px;background:linear-gradient(#aee8ff 0 58%,#8cce86 58%);transition:.4s}.generated-canvas.ocean{background:linear-gradient(#b9e9ff 0 55%,#4dbfd2 55%)}.generated-canvas.future{background:linear-gradient(#222750,#5965bd)}.generated-canvas.paper{filter:saturate(.8) contrast(1.12)}.generated-canvas.tech{box-shadow:inset 0 0 60px #56e7e1}.canvas-sun{position:absolute;right:12%;top:10%;width:65px;height:65px;border-radius:50%;background:#ffd65f}.canvas-hills{position:absolute;left:-10%;right:-10%;bottom:25%;height:180px;border-radius:50% 50% 0 0;background:rgba(66,156,112,.25)}.canvas-trees{position:absolute;left:8%;right:8%;bottom:25%;font-size:55px;text-align:center}.canvas-character{position:absolute;left:44%;bottom:29%;font-size:90px;filter:drop-shadow(0 15px 12px rgba(0,0,0,.2))}.canvas-caption{position:absolute;left:6%;right:6%;bottom:6%;padding:13px 17px;border-radius:13px;background:rgba(28,30,60,.72);color:#fff}.canvas-caption b,.canvas-caption span{display:block}.canvas-caption span{font-size:12px;color:#d8daeb}.prompt-preview{padding:12px;border-radius:12px;background:#fff}.prompt-preview small{color:#6c5ce7;font-weight:800}.prompt-preview p{font-size:12px;line-height:1.6}.voice-controls input{width:100%;accent-color:#6c5ce7}.voice-machine{min-height:380px;display:grid;place-items:center;align-content:center;padding:30px;text-align:center;border-radius:22px;color:#fff;background:radial-gradient(circle at 50% 35%,#5755a5,#252951 70%)}.voice-ring{width:100px;height:100px;display:grid;place-items:center;border-radius:50%;font-size:50px;background:rgba(255,255,255,.1);box-shadow:0 0 0 15px rgba(97,234,225,.08),0 0 45px rgba(97,234,225,.22)}.voice-machine h2{min-height:55px}.accuracy-line{width:85%;display:flex;justify-content:space-between}.voice-machine .meter{width:85%}.voice-machine p{max-width:580px;color:#d0d2e7;line-height:1.65}.experiment-log{margin-top:18px;padding:20px;border:1px solid #e7e5f0;border-radius:20px}@media(max-width:900px){.lab-launch-grid{grid-template-columns:1fr}.dialogue-layout,.canvas-layout,.voice-layout{grid-template-columns:1fr}.answer-compare{grid-template-columns:1fr}}