:root{font-family:Inter,system-ui,Arial,sans-serif;color:#edf3ff;background:#090f22}*{box-sizing:border-box}body{margin:0}header{position:sticky;top:0;z-index:10;background:#101b39;border-bottom:1px solid #273657;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;gap:12px}.brand{font-size:20px;font-weight:800;color:#80dcff}.brand b{color:white}.headright{display:flex;align-items:center;gap:10px}.pill,.tag{font-size:11px;color:#99e8cd;border:1px solid #28745d;border-radius:99px;padding:7px 10px}.layout{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:calc(100vh - 115px)}nav{background:#101831;padding:18px 12px;display:flex;flex-direction:column;gap:7px;border-right:1px solid #273657}nav button{text-align:left;background:transparent;color:#aabbdc;border:0;padding:14px;border-radius:10px;cursor:pointer;font-size:14px}nav button.active,nav button:hover{background:#253d76;color:white}main{max-width:1280px;width:100%;padding:26px;margin:auto}.hero{background:linear-gradient(125deg,#243f8c,#152854 65%,#12495b);border:1px solid #3c5c9d;border-radius:22px;padding:28px;margin-bottom:20px}.hero h1{font-size:clamp(25px,4vw,39px);margin:8px 0}.hero p{color:#cad9ff;max-width:740px;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.card{background:#151f3d;border:1px solid #2c3d62;border-radius:16px;padding:20px;margin-bottom:16px}.card h2,.card h3{margin-top:0}.card p,.muted{color:#aebcda;line-height:1.6}.card.click{cursor:pointer}.card.click:hover{border-color:#53bbef;transform:translateY(-1px)}.metric{font-size:30px;font-weight:800;color:#7fdfff}.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}label{display:block;font-size:13px;color:#b7c8e8;margin-bottom:7px}input,select,textarea{width:100%;background:#0c1630;border:1px solid #3a507b;color:white;border-radius:10px;padding:12px;font:inherit}textarea{min-height:105px;resize:vertical}button{font:inherit;cursor:pointer}button.primary,.small,.secondary{border:0;border-radius:10px;padding:12px 17px;font-weight:700;color:#09152b;background:#73d7fa}.secondary{background:#293e69;color:white}.small{padding:9px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.output{background:#091329;border:1px solid #2b466f;padding:16px;border-radius:12px;white-space:pre-wrap;line-height:1.65;max-height:440px;overflow:auto;font-size:13px}.scene{border-left:3px solid #66caff;padding:12px 16px;margin:12px 0;background:#101c3a;border-radius:0 12px 12px 0}.stage{aspect-ratio:16/9;background:radial-gradient(circle at 50% 30%,#205aa0,#0b1839 70%);border:1px solid #4d74b7;border-radius:16px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:25px;overflow:hidden}.stage .emoji{font-size:clamp(50px,10vw,110px);filter:drop-shadow(0 8px 18px #09102b)}.stage h2{font-size:clamp(16px,3vw,30px);margin:8px}.stage p{font-size:clamp(12px,2vw,18px);max-width:650px}.progress{height:8px;border-radius:99px;background:#2b3c60;overflow:hidden;margin:14px 0}.progress>div{height:100%;background:#69d9f5;width:0}.answer{display:block;text-align:left;width:100%;padding:12px;border:1px solid #3d527c;border-radius:10px;background:#152343;color:white;margin:8px 0}.answer.selected{border-color:#70dfff;background:#234978}.answer.correct{border-color:#45d69c}.answer.wrong{border-color:#f07d89}.status{border-left:3px solid #72dcbe;padding:12px;background:#132e3b;margin-top:12px}.warn{border-left-color:#ffc36d;background:#392b1c}footer{text-align:center;padding:16px;color:#8b9bbc;font-size:12px;border-top:1px solid #273657}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.badge{display:inline-block;background:#273e75;color:#a9d9ff;padding:5px 10px;border-radius:99px;font-size:12px}.hide{display:none!important}@media(max-width:800px){.layout{display:block}nav{position:sticky;top:63px;z-index:9;display:flex;flex-direction:row;overflow-x:auto;white-space:nowrap;padding:8px;border-bottom:1px solid #273657}nav button{padding:11px;font-size:12px;flex:none}main{padding:14px}.two{grid-template-columns:1fr}header{padding:13px}.brand{font-size:15px}.pill{font-size:9px}.hero{padding:19px}}@media print{nav,header,footer,.actions{display:none!important}main{padding:0}.card{break-inside:avoid}}
textarea{display:block;width:100%;background:#101b39;color:#fff;border:1px solid #506083;border-radius:10px;padding:12px;font:inherit;resize:vertical}#aiVideoResult a.primary{display:inline-block;padding:12px 18px;border-radius:10px;text-decoration:none;color:white;background:#2877dd}#aiImageResult img{height:auto}