:root{color-scheme:dark;--bg:#07111f;--bg-soft:#0b1a2f;--panel:rgba(10,18,33,0.82);--panel-border:rgba(147,197,253,0.16);--text:#e5eefc;--muted:#9fb3cf;--accent:#7dd3fc;--accent-strong:#38bdf8;--success:#4ade80;--danger:#fb7185;--shadow:0 24px 80px rgba(0,0,0,0.35)}*{box-sizing:border-box}html{background:radial-gradient(circle at top left,rgba(56,189,248,.18),transparent 30%),radial-gradient(circle at top right,rgba(125,211,252,.14),transparent 28%),linear-gradient(180deg,#07111f,#081423 45%,#060d18)}body{margin:0;min-height:100vh;color:var(--text);font-family:Aptos,Segoe UI Variable,Segoe UI,system-ui,sans-serif;background:transparent}a{color:inherit;text-decoration:none}button,input{font:inherit}.page-shell{position:relative;overflow:hidden;min-height:100vh;padding:32px}.bg-orb{position:absolute;width:420px;height:420px;border-radius:999px;filter:blur(10px);opacity:.45;pointer-events:none}.bg-orb-left{top:-140px;left:-120px;background:radial-gradient(circle,rgba(56,189,248,.38),transparent 68%)}.bg-orb-right{right:-150px;top:120px;background:radial-gradient(circle,rgba(125,211,252,.24),transparent 68%)}.hero{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(640px,980px);gap:28px;max-width:1720px;margin:0 auto;align-items:center;padding-top:24px}.hero-copy h1{margin:0;max-width:11ch;font-size:clamp(3rem,7vw,6.4rem);line-height:.92;letter-spacing:-.05em}.eyebrow{margin:0 0 16px;text-transform:uppercase;letter-spacing:.24em;color:var(--accent);font-size:.78rem;font-weight:700}.lede{max-width:62ch;margin:20px 0 0;color:var(--muted);font-size:1.06rem;line-height:1.65}.panel{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:28px;padding:28px}.form-grid{display:grid;gap:16px}.label{display:block;margin-bottom:8px;color:var(--muted);font-size:.88rem}.input-row{display:flex;gap:12px}.input{flex:1 1;min-width:0;border:1px solid rgba(125,211,252,.16);border-radius:18px;padding:16px 18px;color:var(--text);background:rgba(4,10,20,.72);outline:none;transition:border-color .18s ease,transform .18s ease}.input:focus{border-color:rgba(125,211,252,.65);transform:translateY(-1px)}.button{border:none;border-radius:18px;padding:16px 20px;color:#06111d;background:linear-gradient(135deg,#7dd3fc,#38bdf8);font-weight:800;cursor:pointer;transition:transform .18s ease,opacity .18s ease}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.6;cursor:not-allowed}.result{display:grid;gap:18px;margin-top:10px;padding:28px;border-radius:28px;background:radial-gradient(circle at top left,rgba(125,211,252,.12),transparent 24%),linear-gradient(180deg,rgba(5,12,24,.92),rgba(4,10,20,.84));border:1px solid rgba(125,211,252,.16)}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cosmic-result,.space-stage{overflow:hidden}.space-stage{position:relative;min-height:720px;border-radius:24px;background:radial-gradient(circle at 15% 18%,rgba(125,211,252,.18),transparent 16%),radial-gradient(circle at 80% 20%,rgba(74,222,128,.12),transparent 18%),radial-gradient(circle at 45% 75%,rgba(245,158,11,.08),transparent 22%),linear-gradient(180deg,#071120,#081526 48%,#060c17);border:1px solid rgba(125,211,252,.1)}.space-stage:after,.space-stage:before{content:"";position:absolute;inset:0;pointer-events:none}.space-stage:before{background-image:radial-gradient(circle,rgba(255,255,255,.8) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(125,211,252,.7) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(255,255,255,.4) 0 1px,transparent 1.5px);background-size:180px 180px,240px 240px,320px 320px;background-position:20px 35px,110px 100px,70px 150px;opacity:.7}.space-stage:after{background:linear-gradient(90deg,rgba(255,255,255,.06),transparent 22%,transparent 78%,rgba(255,255,255,.04))}.space-glow{position:absolute;border-radius:999px;filter:blur(8px);opacity:.7}.space-glow-left{top:42px;left:28px;width:110px;height:110px;background:radial-gradient(circle,rgba(125,211,252,.24),transparent 68%)}.space-glow-right{right:90px;bottom:26px;width:130px;height:130px;background:radial-gradient(circle,rgba(74,222,128,.16),transparent 68%)}.rocket-lane{inset:0}.rocket,.rocket-lane{position:absolute;z-index:3}.rocket{left:48px;top:calc(52% - 20px);width:116px;height:40px;border-radius:999px 16px 16px 999px;background:linear-gradient(135deg,#eef6ff,#b9dcff 50%,#6db8ff);box-shadow:0 8px 30px rgba(56,189,248,.28);transition:opacity .4s ease}.rocket:before{content:"";position:absolute;right:-18px;top:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:22px solid #eef6ff}.rocket-window{top:12px;left:20px;width:16px;border-radius:999px;background:linear-gradient(180deg,#082036,#38bdf8);box-shadow:inset 0 0 0 3px rgba(255,255,255,.8)}.rocket-fin,.rocket-window{position:absolute;height:16px}.rocket-fin{width:20px;left:38px;background:linear-gradient(180deg,#fb7185,#ef4444)}.rocket-fin-top{top:-8px;clip-path:polygon(0 100%,100% 100%,12% 0)}.rocket-fin-bottom{bottom:-8px;clip-path:polygon(0 0,100% 0,12% 100%)}.rocket-flame{position:absolute;left:-18px;top:9px;width:22px;height:22px;border-radius:12px 50% 50% 12px;background:linear-gradient(90deg,#f59e0b,#fb7185);filter:blur(1px);transform-origin:right center;animation:flame-flicker .45s ease-in-out infinite}.rocket-active{animation:rocket-flight 4.2s cubic-bezier(.22,.78,.12,1) 1 both}.rocket-orbiting{left:50%;top:50%;width:88px;height:32px;border-radius:999px 14px 14px 999px;animation:orbit-around-stage 7.2s linear infinite;transform-origin:0 0}.rocket-orbiting:before{right:-16px;border-top-width:16px;border-bottom-width:16px;border-left-width:18px}.rocket-orbiting .rocket-window{top:9px;left:14px;width:12px;height:12px}.rocket-orbiting .rocket-fin{left:28px;width:16px;height:12px}.rocket-orbiting .rocket-fin-top{top:-6px}.rocket-orbiting .rocket-fin-bottom{bottom:-6px}.rocket-orbiting .rocket-flame{left:-14px;top:6px;width:18px;height:18px}.rocket-tag{position:absolute;left:46px;top:calc(52% + 44px);padding:8px 12px;border-radius:999px;background:rgba(8,18,33,.86);border:1px solid rgba(125,211,252,.18);color:var(--text);font-size:.82rem;letter-spacing:.04em}.rocket-lane-active .rocket-tag{animation:rocket-tag-flight 4.2s cubic-bezier(.22,.78,.12,1) 1 both}.rocket-lane-arrived .rocket-tag{opacity:0}.destination{--planet-scale:1;position:absolute;left:50%;top:50%;width:420px;height:420px;transform:translate(-50%,-50%)}.destination-ring{display:none}.destination-planet{position:absolute;left:50%;top:50%;width:calc(246px * var(--planet-scale));height:calc(246px * var(--planet-scale));border-radius:999px;background:radial-gradient(circle at 30% 28%,#fef08a 0,#f59e0b 36%,#c2410c 72%,#7c2d12 100%);box-shadow:inset -16px -24px 40px rgba(91,33,7,.34),0 18px 60px rgba(245,158,11,.28);transition:width .6s ease,height .6s ease;overflow:hidden;transform:translate(-50%,-50%)}.planet-avatar{position:absolute;inset:0;background-position:50%;background-size:cover;background-repeat:no-repeat;opacity:.96;clip-path:none;mix-blend-mode:normal;filter:saturate(1.12) contrast(1.14) brightness(1.04)}.planet-avatar:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.34),transparent 26%),radial-gradient(circle at 72% 72%,rgba(0,0,0,.24),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.08),rgba(8,18,33,.18))}.planet-avatar-main{background-position:50%;background-size:cover}.planet-core-label{position:absolute;left:50%;top:62%;transform:translate(-50%,-50%);padding:10px 14px;max-width:76%;border-radius:999px;background:rgba(8,18,33,.72);border:1px solid rgba(255,255,255,.14);text-align:center;z-index:2}.planet-core-label span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f8fafc;font-size:.94rem;letter-spacing:.04em}.flag-pole{left:28%;top:-70px;width:5px;height:118px;border-radius:999px;background:linear-gradient(180deg,#f8fafc,#94a3b8)}.flag,.flag-pole{position:absolute;z-index:2}.flag{left:calc(28% + 4px);top:-78px;min-width:152px;padding:12px 14px;border-radius:0 14px 14px 0;background:linear-gradient(135deg,#ecfeff,#bae6fd);color:#082032;box-shadow:0 12px 28px rgba(125,211,252,.18)}.flag span,.flag strong{display:block}.flag span{font-size:.68rem;letter-spacing:.22em;font-weight:700}.flag strong{margin-top:6px;font-size:1.18rem}.passing-planet{--planet-top:30%;--planet-left:40%;--planet-scale:1;--planet-drift-x:12px;--planet-drift-y:10px;--planet-delay:0s;--planet-duration:18s;position:absolute;left:var(--planet-left);top:var(--planet-top);display:grid;justify-items:center;gap:8px;opacity:.82;filter:saturate(.92);animation:float-planet var(--planet-duration) ease-in-out infinite alternate;animation-delay:var(--planet-delay);z-index:0}.passing-planet-body{position:relative;width:calc(84px * var(--planet-scale));height:calc(84px * var(--planet-scale));background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.94),rgba(125,211,252,.8) 26%,rgba(14,165,233,.86) 62%,rgba(8,47,73,.94) 100%);box-shadow:0 10px 30px rgba(14,165,233,.18)}.passing-planet-body,.planet-label{border-radius:999px;overflow:hidden}.planet-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:calc(100% - 12px);padding:6px 10px;text-overflow:ellipsis;background:rgba(8,18,33,.78);border:1px solid rgba(125,211,252,.14);color:var(--text);font-size:.74rem;letter-spacing:.04em;white-space:nowrap;z-index:2}.scene-caption{display:grid;gap:6px}.scene-copy,.scene-title{margin:0}.scene-title{font-size:1.02rem;font-weight:700}.scene-copy{color:var(--muted);line-height:1.6}.result-card{border-radius:16px;padding:14px 16px;background:rgba(10,18,33,.8);border:1px solid rgba(125,211,252,.12)}.result-card span{display:block;margin-bottom:6px;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.result-card strong{font-size:1.1rem}.error{color:var(--danger)}.success{color:var(--success)}.meta{margin:0;color:var(--muted);font-size:.92rem;line-height:1.55}.share-row{display:grid;gap:8px}.share-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;text-align:center}@keyframes flame-flicker{0%,to{transform:scaleX(.78) scaleY(.9);opacity:.86}50%{transform:scaleX(1.18) scaleY(1.12);opacity:1}}@keyframes rocket-flight{0%{transform:translateX(0) translateY(0) rotate(0deg)}42%{transform:translateX(360px) translateY(-36px) rotate(-5deg)}to{transform:translateX(860px) translateY(-22px) rotate(4deg)}}@keyframes rocket-tag-flight{0%{transform:translateX(0)}55%{transform:translateX(340px)}to{transform:translateX(820px)}}@keyframes orbit-around-stage{0%{transform:rotate(0deg) translateX(128px) rotate(8deg)}to{transform:rotate(1turn) translateX(128px) rotate(-352deg)}}@keyframes float-planet{0%{transform:translateZ(0) scale(.96);opacity:.48}25%{transform:translate3d(var(--planet-drift-x),calc(var(--planet-drift-y) * -.7),0) scale(1.02);opacity:.86}50%{transform:translate3d(calc(var(--planet-drift-x) * -.55),var(--planet-drift-y),0) scale(.98);opacity:.68}75%{transform:translate3d(calc(var(--planet-drift-x) * .7),calc(var(--planet-drift-y) * .45),0) scale(1.04);opacity:.88}to{transform:translate3d(calc(var(--planet-drift-x) * -.35),calc(var(--planet-drift-y) * -.4),0) scale(.95);opacity:.56}}@media (max-width:980px){.hero{grid-template-columns:1fr}.hero-copy h1{max-width:14ch}}@media (max-width:640px){.page-shell{padding:18px}.input-row,.result-grid{grid-template-columns:1fr;display:grid}.panel{padding:18px;border-radius:22px}.result{padding:16px}.hero-copy h1{font-size:clamp(2.5rem,14vw,4.2rem)}.space-stage{min-height:520px}.rocket{left:18px;top:calc(44% - 17px);width:92px;height:34px}.rocket:before{right:-15px;border-top-width:17px;border-bottom-width:17px;border-left-width:18px}.rocket-window{top:10px;left:16px;width:13px;height:13px}.rocket-fin{left:28px}.rocket-tag{left:18px;top:calc(44% + 36px)}.rocket-orbiting{left:50%;top:42%;width:72px;height:28px;transform-origin:0 0}.rocket-orbiting:before{right:-14px;border-top-width:14px;border-bottom-width:14px;border-left-width:16px}.rocket-orbiting .rocket-window{top:8px;left:12px;width:10px;height:10px}.destination{left:50%;top:42%;width:220px;height:220px;transform:translate(-50%,-50%)}.destination-ring{left:12px;top:66px;width:176px;height:70px}.flag{min-width:96px;padding:8px 10px}.flag strong{font-size:.86rem}.planet-core-label span{font-size:.68rem}.planet-label{font-size:.56rem}}