@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Work+Sans:wght@400;500;600;700&display=swap";:root{font-family:Work Sans,sans-serif;line-height:1.5;font-weight:400;color:#f8fafc;background:#05070d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--space-accent: #5ab6ff}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button:focus-visible,input:focus-visible{outline:2px solid #ffffff;outline-offset:2px}#root{min-height:100vh}.app-shell{position:relative;overflow:hidden;min-height:100vh;padding:40px 24px 72px;background:radial-gradient(circle at top,rgba(75,136,255,.18),transparent 35%),radial-gradient(circle at 20% 20%,rgba(255,153,61,.12),transparent 26%),linear-gradient(180deg,#080a12,#05070d)}.backdrop{position:absolute;border-radius:999px;filter:blur(80px);opacity:.45;pointer-events:none}.backdrop-a{top:-80px;right:-60px;width:300px;height:300px;background:#4596ff33}.backdrop-b{left:-80px;bottom:120px;width:280px;height:280px;background:#ff9a3d2e}.hero,.workspace,.quiz-section{position:relative;z-index:1;width:min(1280px,100%);margin:0 auto}.hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,420px);gap:24px;align-items:stretch;margin-bottom:28px}.hero-copy,.hero-panel,.scene-card,.panel,.quiz-section{border:1px solid rgba(255,255,255,.12);background:#080c18bd;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 32px 80px #02081773}.hero-copy,.hero-panel,.panel,.quiz-section{border-radius:28px;padding:28px}.hero-copy h1,.scene-toolbar h2,.quiz-header h2{margin:12px 0;font-family:Outfit,sans-serif;letter-spacing:-.04em}.hero-copy h1{font-size:clamp(2.5rem,6vw,5rem);line-height:.96;max-width:12ch}.hero-text,.hero-panel p,.panel p,.step-item span,.feedback{color:#c7d3ea}.eyebrow,.panel-label,.stat-label{display:inline-flex;align-items:center;gap:8px;color:#7ec4ff;text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;font-weight:700}.hero-actions,.stats-grid,.scene-toolbar,.control-strip,.quiz-header{display:flex;flex-wrap:wrap;gap:12px}.hero-actions{margin:28px 0}.primary-button,.secondary-button,.toggle-button,.chip,.mini-chip,.step-item,.answer-button{cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 18px;border-radius:999px;border:1px solid transparent}.primary-button{background:linear-gradient(135deg,#fff,#9fd7ff);color:#07101f;box-shadow:0 14px 32px #5ab6ff47}.secondary-button{background:#ffffff0a;border-color:#ffffff1f;color:#f8fafc}.primary-button:hover,.secondary-button:hover,.toggle-button:hover,.chip:hover,.mini-chip:hover,.step-item:hover,.answer-button:hover{transform:translateY(-1px)}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px}.stat-card{display:flex;gap:14px;align-items:center;padding:16px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.stat-card strong{display:block;margin-top:4px;font-family:Outfit,sans-serif;font-size:1.2rem}.hero-panel{display:flex;flex-direction:column;gap:18px}.panel-heading{display:flex;align-items:center;gap:10px;color:#eff6ff;font-weight:600}.bullet-list{margin:0;padding-left:18px;color:#d7e2f0}.workspace{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(320px,420px);gap:24px;align-items:start}.scene-card{border-radius:32px;padding:22px}.scene-toolbar{align-items:center;justify-content:space-between;margin-bottom:18px}.scene-toolbar h2{font-size:clamp(1.7rem,3vw,2.4rem)}.scene-shell{height:min(66vh,720px);border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at top,rgba(255,215,130,.12),transparent 28%),#03050a}.fallback-wrap{display:grid;gap:14px;padding:18px}.fallback-scene{position:relative;min-height:360px;border-radius:24px;overflow:hidden;background:radial-gradient(circle at 14% 26%,rgba(255,210,114,.16),transparent 18%),radial-gradient(circle at 70% 65%,rgba(90,182,255,.12),transparent 20%),#01030a}.fallback-stars{position:absolute;inset:0;background-image:radial-gradient(circle at 14% 18%,rgba(255,255,255,.9) 0 1px,transparent 1.5px),radial-gradient(circle at 28% 40%,rgba(255,255,255,.7) 0 1px,transparent 1.5px),radial-gradient(circle at 55% 22%,rgba(255,255,255,.9) 0 1px,transparent 1.5px),radial-gradient(circle at 75% 34%,rgba(255,255,255,.7) 0 1px,transparent 1.5px),radial-gradient(circle at 82% 74%,rgba(255,255,255,.8) 0 1px,transparent 1.5px),radial-gradient(circle at 36% 80%,rgba(255,255,255,.65) 0 1px,transparent 1.5px)}.fallback-sun,.fallback-earth,.fallback-moon,.fallback-orbit,.fallback-beam{position:absolute}.fallback-sun{left:-5%;top:18%;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,#ffe7a0,#ffd166 48%,#d9871f 74%,#0000 76%);box-shadow:0 0 80px #ffbf593d}.fallback-earth{left:42%;top:42%;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(80,182,255,.55),transparent 0 38%),linear-gradient(145deg,#103c96,#0f7fc8 42%,#13335d);box-shadow:inset -14px -10px 18px #030b1c99}.fallback-orbit{left:18%;top:48%;width:66%;height:24%;border:1px solid rgba(139,175,255,.45);border-radius:50%;transform:rotate(12deg)}.fallback-moon{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#f1ede5,#bdb7ae 56%,#6f6961);box-shadow:inset -6px -4px 8px #00000059}.fallback-beam{left:10%;top:49.5%;width:48%;border-top:1px solid rgba(255,198,117,.5)}.fallback-label{position:absolute;color:#e4eefc;font-size:.8rem;letter-spacing:.08em}.fallback-label-sun{left:14%;top:14%}.fallback-label-earth{left:47%;top:68%}.fallback-label-moon{right:10%;top:18%}.scene-warning{padding:14px 16px;border-radius:18px;background:#ffbf5914;border:1px solid rgba(255,191,89,.24);color:#f6dfb0;font-size:.95rem}.acceleration-guide{padding:18px;border-radius:22px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.acceleration-guide h3{margin:0 0 10px;font-family:Outfit,sans-serif;font-size:1.18rem}.acceleration-guide p{margin:0 0 14px;color:#d7e2f0}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.guide-card{padding:16px;border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.guide-card strong{display:block;margin-bottom:10px;color:#eff6ff}.guide-card ol{margin:0;padding-left:18px;color:#c7d3ea}.view-toggle{display:inline-flex;padding:4px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1)}.toggle-button{border:0;background:transparent;color:#b9c7de;padding:10px 16px;border-radius:999px}.toggle-button.active,.chip.active,.step-item.active,.answer-button.selected{background:#5ab6ff2e;color:#fff;border-color:#5ab6ff80;box-shadow:inset 0 0 0 1px #5ab6ff57}.control-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.control-block{padding:18px;border-radius:24px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.chip-grid,.preset-row,.answer-list,.step-list,.side-column{display:flex;flex-direction:column;gap:10px}.chip-grid{flex-direction:row;flex-wrap:wrap;margin-top:14px}.chip,.mini-chip{border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#eff6ff}.chip{padding:10px 14px;border-radius:999px}.mini-chip{padding:8px 12px;border-radius:999px}.orbit-slider{width:100%;margin:14px 0 12px;accent-color:#7ec4ff}.mode-note{margin-top:14px;padding:16px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.mode-note strong{display:block;margin-bottom:8px;color:#eff6ff}.mode-note p{margin:0;color:#c7d3ea}.panel h3,.quiz-card h3{margin:10px 0;font-family:Outfit,sans-serif;font-size:1.35rem}.step-item{text-align:left;padding:16px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#ffffff05}.step-item strong{display:block;margin-bottom:6px;color:#fff}.insight-card{margin-top:16px;padding:18px;border-radius:22px;background:linear-gradient(160deg,#ffcc661f,#5ab6ff14);border:1px solid rgba(255,255,255,.08)}.quiz-section{margin-top:24px}.quiz-header{align-items:flex-end;justify-content:space-between}.quiz-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.quiz-card{padding:20px;border-radius:24px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.answer-button{width:100%;text-align:left;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#eff6ff}.answer-button.correct{background:#32b77829;border-color:#32b77875}.answer-button.incorrect{background:#ff696124;border-color:#ff696166}.feedback.correct{color:#b8ffd2}.result-banner{margin-top:18px;padding:16px 18px;border-radius:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#e8f2ff}@media(max-width:1100px){.hero,.workspace,.quiz-grid{grid-template-columns:1fr}.scene-shell{height:min(60vh,620px)}}@media(max-width:720px){.app-shell{padding:20px 14px 40px}.hero-copy,.hero-panel,.scene-card,.panel,.quiz-section{padding:18px;border-radius:24px}.stats-grid,.control-strip{grid-template-columns:1fr}.scene-shell{height:48vh;min-height:360px}.fallback-scene{min-height:260px}.guide-grid{grid-template-columns:1fr}.scene-toolbar h2{font-size:1.8rem}.quiz-header{align-items:stretch}}@media(prefers-reduced-motion:reduce){.primary-button,.secondary-button,.toggle-button,.chip,.mini-chip,.step-item,.answer-button{transition:none}}