:root{--space-0: #05071a;--space-1: #0a0e27;--space-2: #141a44;--space-3: #1d2660;--navy: #1b3a6b;--gold: #f2a900;--gold-soft: #ffc94d;--ink: #eef2ff;--ink-dim: #aeb8e6;--ink-mute: #6e78ae;--str: #ffc94d;--str-deep: #f2a900;--str-glow: 255, 180, 0;--wek: #b07cff;--wek-deep: #8a4dff;--wek-glow: 140, 80, 255;--opp: #34e0c4;--opp-deep: #12b9a0;--opp-glow: 40, 224, 196;--thr: #ff7e6e;--thr-deep: #f4513b;--thr-glow: 255, 90, 70;--glass: rgba(28, 36, 86, .55);--glass-brd: rgba(150, 170, 255, .16);--glass-hi: rgba(255, 255, 255, .06);--chip-base: rgba(20, 26, 68, .82);--surface: rgba(255, 255, 255, .05);--surface-2: rgba(255, 255, 255, .08);--bar-bg: rgba(8, 11, 32, .6);--title-grad: linear-gradient(180deg, #fff, #9db4ff);--hairline: rgba(255, 255, 255, .1);--r-sm: 10px;--r-md: 16px;--r-lg: 24px;--r-xl: 34px;--shadow: 0 24px 60px -18px rgba(0, 0, 0, .7);--font-display: "Unbounded", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif}.theme-light{--space-0: #e8eefb;--space-1: #eef3ff;--space-2: #ffffff;--space-3: #ffffff;--ink: #15234a;--ink-dim: #3f4f7d;--ink-mute: #8190b6;--str-deep: #c98a00;--wek-deep: #7a45d8;--opp-deep: #0e9e86;--thr-deep: #e0492f;--glass: rgba(255, 255, 255, .74);--glass-brd: rgba(30, 60, 130, .16);--glass-hi: rgba(255, 255, 255, .9);--chip-base: rgba(255, 255, 255, .94);--surface: rgba(30, 60, 130, .06);--surface-2: rgba(30, 60, 130, .1);--bar-bg: rgba(244, 248, 255, .82);--title-grad: linear-gradient(180deg, #16306a, #3f6bb5);--hairline: rgba(30, 60, 130, .12);--shadow: 0 24px 60px -22px rgba(40, 70, 140, .35)}@keyframes fade-up{0%{transform:translateY(22px) scale(.985)}to{transform:translateY(0) scale(1)}}@keyframes float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes ring-pulse{0%{transform:scale(.85);opacity:.9}70%{opacity:.15}to{transform:scale(1.6);opacity:0}}@keyframes core-pulse{0%,to{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.06)}}@keyframes core-shake{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-3px,2px) rotate(-1deg)}40%{transform:translate(3px,-2px) rotate(1deg)}60%{transform:translate(-2px,-2px) rotate(-1deg)}80%{transform:translate(2px,2px) rotate(1deg)}}@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes asteroid-in{0%{transform:scale(.62) translateY(16px)}60%{transform:scale(1.04) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes twinkle{0%{opacity:.15;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes nebula-drift{to{transform:translate(-60px,-40px)}}@keyframes rocket-launch{0%{transform:translateY(0) scale(1) rotate(-6deg);opacity:1}15%{transform:translateY(8px) scale(.94) rotate(-6deg)}to{transform:translateY(-380px) scale(1.15) rotate(-6deg);opacity:0}}@keyframes rocket-smoke{0%{opacity:0;transform:translateY(0) scale(.4)}30%{opacity:.55}to{opacity:0;transform:translateY(26px) scale(1.7)}}@keyframes idea-birth{0%{transform:scale(0);opacity:0;filter:blur(9px) brightness(2.8)}38%{opacity:0}62%{transform:scale(1.14);opacity:1;filter:blur(0) brightness(1.7)}to{transform:scale(1);opacity:1;filter:blur(0) brightness(1)}}.starbirth{position:absolute;left:50%;top:50%;width:0;height:0;z-index:-1;pointer-events:none}.starbirth>span{position:absolute;left:0;top:0}.sb-core{width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;background:radial-gradient(circle,#fff,#fff 18%,rgba(var(--g),.95) 40%,rgba(var(--g),0) 72%);box-shadow:0 0 36px 12px rgba(var(--g),.7),0 0 90px 30px rgba(var(--g),.35);animation:sb-core .85s ease-out both}@keyframes sb-core{0%{transform:scale(.1);opacity:0}18%{transform:scale(1);opacity:1}to{transform:scale(2.4);opacity:0}}.sb-rays{width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;background:repeating-conic-gradient(rgba(var(--g),.65) 0deg 2.4deg,transparent 2.4deg 45deg);-webkit-mask:radial-gradient(circle,transparent 9%,#000 26%,rgba(0,0,0,.5) 52%,transparent 72%);mask:radial-gradient(circle,transparent 9%,#000 26%,rgba(0,0,0,.5) 52%,transparent 72%);animation:sb-rays .9s ease-out both}@keyframes sb-rays{0%{transform:scale(.15) rotate(-25deg);opacity:0}22%{opacity:.95}to{transform:scale(2.7) rotate(20deg);opacity:0}}.sb-shock{width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;border:2.5px solid rgba(var(--g),.9);box-shadow:0 0 14px rgba(var(--g),.6);animation:sb-shock 1s cubic-bezier(.1,.6,.25,1) both}.sb-shock2{border-color:#ffffffd9;border-width:1.5px}@keyframes sb-shock{0%{transform:scale(.2);opacity:.9}to{transform:scale(4);opacity:0}}.sb-spark{width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:#fff;box-shadow:0 0 7px 2px rgba(var(--g),.95);animation:sb-spark .95s ease-out both}@keyframes sb-spark{0%{transform:rotate(var(--a)) translate(4px) scale(1);opacity:0}20%{opacity:1}to{transform:rotate(var(--a)) translate(78px) scale(.2);opacity:0}}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}#root{height:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--space-0);-webkit-font-smoothing:antialiased;overflow:hidden}.app-root{background:var(--space-0);transition:background .5s}.cosmos-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(120% 90% at 18% 12%,rgba(58,40,120,.55),transparent 55%),radial-gradient(100% 80% at 85% 20%,rgba(20,90,120,.4),transparent 50%),radial-gradient(90% 80% at 75% 95%,rgba(120,40,90,.35),transparent 55%),radial-gradient(140% 120% at 50% 50%,#0c1238,#070a20 55%,#04061a)}.cosmos-bg:after{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 60% 70%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 80% 10%,rgba(180,210,255,.6),transparent);background-size:320px 320px,280px 280px,360px 360px;opacity:.5;animation:nebula-drift 120s linear infinite}.theme-light .cosmos-bg{background:radial-gradient(60% 50% at 82% 6%,rgba(255,238,188,.85),transparent 60%),radial-gradient(120% 90% at 18% 14%,rgba(180,205,255,.55),transparent 55%),radial-gradient(100% 80% at 88% 80%,rgba(206,224,255,.6),transparent 55%),radial-gradient(140% 130% at 50% 55%,#eef4ff,#dce7fb 58%,#c9d8f5)}.theme-light .cosmos-bg:after{opacity:.12}.theme-light .starfield{opacity:.18}.theme-light .starfield i{background:#6b86c4}.starfield{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.starfield i{position:absolute;border-radius:50%;background:#fff;animation:twinkle var(--tw, 4s) ease-in-out infinite alternate}.glass{background:var(--glass);border:1px solid var(--glass-brd);border-radius:var(--r-lg);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:inset 0 1px 0 var(--glass-hi),var(--shadow)}.eyebrow{font-family:var(--font-display);font-weight:600;letter-spacing:.28em;text-transform:uppercase;font-size:12px;color:var(--gold-soft)}.btn{font-family:var(--font-display);font-weight:600;border:none;cursor:pointer;border-radius:999px;transition:transform .25s cubic-bezier(.2,.9,.3,1.3),box-shadow .25s,filter .25s;display:inline-flex;align-items:center;gap:10px;justify-content:center}.btn:active{transform:scale(.96)}.btn-gold{background:linear-gradient(180deg,#ffd86b,var(--gold));color:#2a1c00;padding:16px 30px;font-size:17px;box-shadow:0 12px 30px -8px #f2a90099,inset 0 1px #ffffff80}.btn-gold:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 20px 44px -10px #f2a900bf}.btn-ghost{background:var(--surface-2);color:var(--ink);border:1px solid var(--glass-brd);padding:12px 22px;font-size:14px}.btn-ghost:hover{background:var(--surface-2);filter:brightness(1.15);transform:translateY(-2px)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{scrollbar-width:none}@media (max-width: 820px){.app-topbar{padding:10px 12px;gap:10px}.app-stepper{order:3;width:100%;margin:0;justify-content:center;flex-wrap:wrap;row-gap:6px}.app-stepper .app-stepline{width:12px}.app-director{padding:10px 12px;gap:8px}}@media (max-width: 520px){.app-topbar{justify-content:space-between}.app-director .btn{padding:10px 14px;font-size:12.5px}}.drag-hint{position:absolute;left:50%;transform:translate(-50%);bottom:16px;z-index:24;display:flex;align-items:center;gap:8px;padding:7px 16px;border-radius:999px;background:var(--surface);border:1px solid var(--glass-brd);color:var(--ink-dim);font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;animation-fill-mode:both!important}}
