@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap";*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0;font-family:DM Sans,system-ui,sans-serif}body{color:#f7f8fb;background:#070a12}button,textarea{font:inherit}button{cursor:pointer}button:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #a5b4fc}:root{--muted:#a9b0c0;--purple:#9b87f5;--cyan:#6ee7f9}.home-shell{background:radial-gradient(circle at 72% 44%,#50589938,#0000 34%),linear-gradient(135deg,#070a12,#0d1120 48%,#080b14);min-height:100vh;position:relative;overflow:hidden}.home-shell:before{content:"";background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:58px 58px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 80%);mask-image:linear-gradient(90deg,#000,#0000 80%)}.hero-canvas{opacity:.88;perspective:900px;place-items:center;width:52vw;height:82vh;display:grid;position:absolute;top:8vh;right:-3vw}.orbital{aspect-ratio:1;background:radial-gradient(circle at 38% 32%,#9daafc2b,#3b447114 42%,#0000 70%);border:1px solid #bccaff57;border-radius:40%;width:min(30vw,390px);animation:7s ease-in-out infinite orbFloat;position:relative;transform:rotate(-12deg);box-shadow:inset 0 0 80px #7c8ce614,0 0 90px #5964b41f}.orbital:before,.orbital:after{content:"";border:1px solid #a5b4fc38;border-radius:44% 56% 52% 48%;position:absolute;inset:11%;transform:rotate(35deg)}.orbital:after{border-color:#67e8f940;inset:24%;transform:rotate(78deg)}.orbital i{transform:rotate(calc(var(--r,0)*1deg));border:1px solid #ffffff14;border-radius:50%;position:absolute;inset:0}.orbital i:first-child{--r:58}.orbital i:nth-child(2){--r:-22;inset:-12%}.orbital i:nth-child(3){--r:85;inset:18%}.orbital b{background:#9b87f5;border-radius:50%;width:16px;height:16px;position:absolute;top:12%;right:14%;box-shadow:0 0 35px #8b5cf6}.orbital b:last-child{background:#67e8f9;width:12px;height:12px;inset:auto auto 10% 16%;box-shadow:0 0 30px #67e8f9}.star-field{opacity:.22;background-image:radial-gradient(circle,#cbd5ff 1px,#0000 1.5px);background-size:63px 63px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 67%);mask-image:radial-gradient(circle,#000,#0000 67%)}@keyframes orbFloat{50%{transform:rotate(-7deg)translateY(-13px)}}.home-shell nav{z-index:3;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;height:88px;padding:0 clamp(24px,5.5vw,86px);display:flex;position:relative}.brand{color:#fff;letter-spacing:.14em;align-items:center;font-size:14px;font-weight:700;text-decoration:none;display:flex}.brand>span:last-child,.world-title>span>span{color:#9daafc}.brand-mark{border:1px solid #ffffff2e;border-radius:11px;justify-content:center;align-items:flex-end;gap:2px;width:34px;height:34px;margin-right:12px;padding:8px;display:flex}.brand-mark i{background:#a5b4fc;border-radius:4px;width:3px;display:block}.brand-mark i:first-child{height:8px}.brand-mark i:nth-child(2){height:15px}.brand-mark i:nth-child(3){background:#67e8f9;height:11px}.status{color:#9299a9;letter-spacing:.05em;align-items:center;gap:8px;font-size:12px;display:flex}.status i{background:#fbbf24;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #fbbf24}.status i.online{background:#34d399;box-shadow:0 0 12px #34d399}.hero-content{z-index:2;width:min(720px,90vw);margin-left:clamp(24px,9vw,142px);padding-top:clamp(70px,12vh,135px);position:relative}.eyebrow{letter-spacing:.18em;color:#aeb9e8;align-items:center;gap:9px;margin-bottom:24px;font-size:11px;font-weight:700;display:flex}.hero-content h1{letter-spacing:-.055em;margin:0;font-family:Manrope,sans-serif;font-size:clamp(42px,5.2vw,76px);font-weight:500;line-height:1.06}.hero-content h1 em{background:linear-gradient(90deg,#b9c2ff,#74e1ed);color:#0000;-webkit-background-clip:text;font-style:normal}.hero-content>p{color:var(--muted);max-width:610px;margin:24px 0 33px;font-size:16px;line-height:1.7}.prompt-box{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#121624c7;border:1px solid #ffffff2e;border-radius:18px;padding:18px 19px 14px;transition:all .2s;box-shadow:0 24px 70px #00000059,inset 0 1px #ffffff0f}.prompt-box:focus-within{border-color:#a5b4fc99;box-shadow:0 24px 70px #0006,0 0 0 4px #818cf814}.prompt-box textarea{resize:none;color:#f8fafc;background:0 0;border:0;outline:0;width:100%;height:62px;font-size:18px;line-height:1.5}.prompt-box textarea::placeholder{color:#737b8d}.prompt-box>div{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-top:13px;display:flex}.prompt-box span{color:#757d8f;font-size:11px}.prompt-box button{color:#0b1020;background:linear-gradient(135deg,#dbe2ff,#87e7ee);border:0;border-radius:10px;align-items:center;gap:10px;padding:11px 16px;font-size:12px;font-weight:700;display:flex}.prompt-box button:disabled{opacity:.35;cursor:not-allowed}.form-error{color:#fda4af;margin:12px 4px;font-size:13px}.suggestions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;display:flex}.suggestions>span{color:#656d7d;margin-right:3px;font-size:11px}.suggestions button{color:#aeb5c5;background:#ffffff09;border:1px solid #ffffff17;border-radius:20px;align-items:center;gap:7px;padding:8px 11px;font-size:11px;transition:all .2s;display:flex}.suggestions button:hover{color:#fff;background:#ffffff17;transform:translateY(-1px)}.home-shell footer{z-index:2;color:#646c7d;letter-spacing:.05em;border-top:1px solid #ffffff0e;align-items:center;gap:14px;height:55px;padding:0 clamp(24px,5.5vw,86px);font-size:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.loading-screen{background:radial-gradient(circle at 50% 45%,#18213c,#070a12 55%);justify-content:center;align-items:center;gap:65px;height:100vh;display:flex}.loading-orbit{place-items:center;width:190px;height:190px;display:grid;position:relative}.loading-orbit div{color:#0a1020;background:linear-gradient(135deg,#a5b4fc,#67e8f9);border-radius:22px;place-items:center;width:62px;height:62px;font-weight:800;display:grid;box-shadow:0 0 50px #67e8f93b}.loading-orbit span{border:1px solid #a5b4fc40;border-radius:50%;animation:5s linear infinite spin;position:absolute;inset:0}.loading-orbit span:after{content:"";background:#a5b4fc;border-radius:50%;width:9px;height:9px;position:absolute;top:14px;left:28px;box-shadow:0 0 18px #a5b4fc}.loading-orbit span:nth-child(2){animation-duration:3.8s;animation-direction:reverse;inset:20px}.loading-orbit span:nth-child(3){animation-duration:7s;inset:-20px}@keyframes spin{to{transform:rotate(360deg)}}.loading-copy{width:min(480px,80vw)}.loading-copy>p{color:#9aa7db;letter-spacing:.2em;font-size:10px;font-weight:700}.loading-copy h1{letter-spacing:-.04em;margin:14px 0 25px;font:500 clamp(28px,4vw,46px) Manrope}.loading-copy h1 i{color:#7dd3fc}.loading-track{background:#262d40;border-radius:4px;height:2px;overflow:hidden}.loading-track span{background:linear-gradient(90deg,#818cf8,#67e8f9);height:100%;transition:width .6s;display:block;box-shadow:0 0 12px #67e8f9}.loading-copy small{color:#6f7789;white-space:nowrap;text-overflow:ellipsis;margin-top:14px;display:block;overflow:hidden}.world-shell{background:#111;height:100vh;position:relative;overflow:hidden}.world-shell canvas{position:absolute;inset:0}.scene-fallback{color:#a5b4fc;background:#101525;place-items:center;display:grid;position:absolute;inset:0}.world-header{z-index:5;background:linear-gradient(#05080eb8,#0000);align-items:center;gap:15px;height:78px;padding:0 24px;display:flex;position:absolute;top:0;left:0;right:0}.icon-button{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;background:#080a1173;border:1px solid #ffffff29;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.world-title{flex-direction:column;gap:4px;display:flex}.world-title>span{letter-spacing:.18em;font-size:9px;font-weight:700}.world-title strong{font-size:13px;font-weight:500}.world-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.source-badge,.build-badge{letter-spacing:.12em;background:#070a1080;border:1px solid #ffffff26;border-radius:20px;padding:7px 10px;font-size:9px}.build-badge{color:#a7f3d0;background:#064e3b4d;border-color:#34d39952}.source-badge.gemini{color:#86efac}.source-badge.demo{color:#fde68a}.lesson-card{z-index:5;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#080c12c9;border:1px solid #ffffff24;border-radius:20px;width:min(385px,100vw - 36px);padding:25px;position:absolute;top:100px;left:24px;box-shadow:0 24px 60px #00000042}.lesson-meta{color:#a5b4fc;letter-spacing:.13em;justify-content:space-between;font-size:9px;font-weight:700;display:flex}.lesson-card h1{letter-spacing:-.035em;margin:16px 0 11px;font:600 27px/1.18 Manrope}.lesson-card>p{color:#c1c7d1;margin:0;font-size:13px;line-height:1.65}.insight,.interaction{border-radius:12px;align-items:flex-start;gap:10px;margin-top:17px;padding:13px;font-size:11px;line-height:1.5;display:flex}.insight{color:#c7d2fe;background:#818cf81f}.insight span{flex-direction:column;display:flex}.insight b{text-transform:uppercase;letter-spacing:.09em;margin-bottom:3px;font-size:8px}.interaction{color:#afb7c5;border:1px solid #ffffff17}.lesson-controls{grid-template-columns:38px 1fr 38px;align-items:center;gap:10px;margin-top:20px;display:grid}.lesson-controls>button{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;place-items:center;height:38px;display:grid}.lesson-controls>button:disabled{opacity:.28}.lesson-controls>div{justify-content:center;gap:7px;display:flex}.lesson-controls>div button{background:#fff3;border:0;border-radius:4px;width:19px;height:4px;padding:0}.lesson-controls>div button.active{background:#a5b4fc;width:32px}.object-guide{background:#0f323c47;border:1px solid #6ee7f92e;border-radius:12px;align-items:center;gap:11px;margin-top:15px;padding:10px 12px;display:flex}.object-guide>span{color:#08101c;background:linear-gradient(135deg,#a5b4fc,#67e8f9);border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:grid}.object-guide p{color:#aebbc9;margin:0;font-size:10px;line-height:1.45}.object-guide b{color:#d9f7fb;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;font-size:9px;display:block}.exhibit-label{text-align:left;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:linear-gradient(145deg,#080c13f0,#111926e6);border:1px solid #ffffff30;border-radius:12px;width:164px;padding:11px 13px;font-family:DM Sans,sans-serif;transition:width .2s,border-color .2s,transform .2s;position:relative;box-shadow:0 14px 34px #0000005c}.exhibit-label:before{content:"";background:linear-gradient(#93e8f2,#0000);width:1px;height:11px;position:absolute;bottom:-11px;left:50%}.exhibit-label:hover{border-color:#7dd3fca6;transform:translateY(-2px)}.exhibit-label.hero{border-color:#67e8f9b3;box-shadow:0 0 0 1px #67e8f91f,0 18px 45px #0006,0 0 28px #67e8f921}.exhibit-label.expanded{width:250px}.exhibit-kicker{color:#8fe8ff;letter-spacing:.14em;align-items:center;gap:6px;font-size:7px;font-weight:800;display:flex}.exhibit-kicker i{background:#67e8f9;border-radius:50%;width:5px;height:5px;box-shadow:0 0 9px #67e8f9}.exhibit-label strong{margin-top:5px;font:650 12px/1.25 Manrope;display:block}.exhibit-toggle{color:#7f8da0;letter-spacing:.12em;margin-top:6px;font-size:6px;font-weight:700;display:block}.exhibit-detail{border-top:1px solid #ffffff1a;margin-top:10px;padding-top:9px;display:block}.exhibit-detail>span{color:#c6cfda;font-size:9px;font-weight:400;line-height:1.5;display:block}.exhibit-detail b{color:#c7d2fe;background:#818cf81f;border-radius:7px;margin-top:8px;padding:7px 8px;font-size:8px;font-weight:600;line-height:1.45;display:block}.movement-hint{z-index:5;color:#ffffffa6;align-items:center;gap:5px;font-size:10px;display:flex;position:absolute;bottom:30px;right:25px}.movement-hint span{background:#00000059;border:1px solid #ffffff2e;border-radius:6px;place-items:center;width:24px;height:24px;display:grid}.movement-hint p{margin-left:7px}.world-progress{z-index:6;background:#ffffff21;height:3px;position:absolute;bottom:0;left:0;right:0}.world-progress span{background:linear-gradient(90deg,#a5b4fc,#67e8f9);height:100%;transition:width .5s;display:block}@media (width<=760px){.hero-canvas{opacity:.42;width:100vw;height:50vh;top:-4vh;right:-22vw}.home-shell nav{height:72px}.status{font-size:0}.status i{font-size:initial}.hero-content{margin:0 auto;padding-top:85px}.hero-content h1{font-size:43px}.hero-content>p{font-size:14px}.prompt-box textarea{font-size:16px}.prompt-box span{display:none}.prompt-box>div{justify-content:flex-end}.suggestions{display:none}.home-shell footer{justify-content:center}.home-shell footer span:nth-child(n+2){display:none}.loading-screen{flex-direction:column;gap:25px}.loading-orbit{width:150px;height:150px}.lesson-card{padding:18px;top:auto;bottom:20px;left:18px}.lesson-card h1{margin:11px 0 8px;font-size:22px}.lesson-card>p{max-height:68px;overflow:auto}.insight,.interaction{display:none}.object-guide{margin-top:10px}.lesson-controls{margin-top:12px}.exhibit-label{width:140px}.exhibit-label.expanded{width:215px}.movement-hint{display:none}.world-header{padding:0 16px}.source-badge,.build-badge{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}