@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg:#0a0616;--bg2:#120a26;--gold:#f4d98b;--gold2:#e7b45a;--amber:#f0b35b;--blue:#8fd0ff;--violet:#c39bff;--rose:#f6a6c4;--mint:#a9edc6;--ink:#f7f1ff;--muted:#b9add0;--faint:#8f83a8;--line:#ffffff1a;--glass:#ffffff0e;--glass2:#ffffff17;--shadow:0 24px 90px #0000008c;--r:20px;--accent-planet:#f4d98b;--accent-planet-faint:#f4d98b26;--font-serif:"Cormorant Garamond", Georgia, serif;--font-sans:"Manrope", system-ui, -apple-system, sans-serif;--pad:18px;--pad-sm:12px;--pad-lg:26px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);background:radial-gradient(1200px 800px at 50% -12%, #241246 0%, transparent 55%), radial-gradient(900px 700px at 88% 8%, #3a1550 0%, transparent 45%), radial-gradient(1000px 800px at 6% 96%, #25123f 0%, transparent 50%), var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-x:hidden}.serif{font-family:var(--font-serif)}.muted{color:var(--muted)}.faint{color:var(--faint)}.gold{color:var(--gold)}.center{text-align:center}.eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--faint);font-size:11px}.glass{border:1px solid var(--line);border-radius:var(--r);background:#120a26b8;box-shadow:0 8px 32px #0006}.glass2{border-radius:calc(var(--r) + 4px);background:#1a0e32cc;border:1px solid #ffffff21;box-shadow:0 8px 32px #0006}.btn{font-weight:800;font-family:var(--font-sans);cursor:pointer;color:#20122e;background:linear-gradient(120deg, var(--amber), var(--gold));white-space:nowrap;border:0;border-radius:999px;padding:13px 22px;font-size:15px;transition:transform .18s,box-shadow .18s;box-shadow:0 12px 30px #f0b35b4d}.btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px #f0b35b6b}.btn:active{transform:scale(.97)}.btn.ghost{color:var(--ink);border:1px solid var(--line);box-shadow:none;background:#ffffff12}.btn.sm{padding:9px 16px;font-size:13px}.btn.block{width:100%}.input,select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);font-family:var(--font-sans);background:#ffffff0d;border-radius:14px;outline:none;padding:13px 15px;font-size:15px;transition:all .2s}.input:focus,select:focus,textarea:focus{background:#ffffff12;border-color:#f4d98b8c;box-shadow:0 0 0 4px #f4d98b1f}select option{background:#170e2c}label{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin:14px 0 7px;font-size:11px;display:block}.nav{z-index:20;background:#0a0616eb;border:1px solid #ffffff24;border-radius:26px;grid-template-columns:repeat(6,1fr);gap:4px;width:min(94vw,760px);padding:8px;display:grid;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #000000b3}.nav-btn{color:var(--faint);cursor:pointer;letter-spacing:.02em;font-size:11px;font-weight:700;font-family:var(--font-sans);background:0 0;border:0;border-radius:18px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px 6px;transition:color .2s;display:flex;position:relative}.nav-btn .nav-ic{font-size:19px;transition:transform .25s}.nav-btn.active{color:#fff4c9}.nav-btn.active .nav-ic{transform:translateY(-2px)scale(1.12)}.nav-btn.active:before{content:"";z-index:-1;background:linear-gradient(135deg,#f0b35b3d,#c49bff33);border:1px solid #f4d98b66;border-radius:18px;position:absolute;inset:0}.pill{border:1px solid var(--line);color:var(--muted);cursor:default;background:#ffffff0d;border-radius:999px;align-items:center;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.pill.good{color:var(--mint);background:#a9edc614;border-color:#a9edc666}.pill.warn{color:var(--rose);background:#f6a6c414;border-color:#f6a6c466}.meter{background:#ffffff14;border-radius:99px;height:7px;margin-top:6px;overflow:hidden}.meter-fill{background:linear-gradient(90deg, var(--amber), var(--gold));border-radius:99px;height:100%;transition:width .6s}.sk{background:linear-gradient(90deg,#ffffff0f 25%,#ffffff1a 50%,#ffffff0f 75%) 0 0/200% 100%;border-radius:8px;height:14px;margin-bottom:8px;animation:1.6s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.view{max-width:760px;padding:var(--pad) var(--pad) 120px;margin:0 auto}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spin{to{transform:rotate(360deg)}}.rise{animation:.55s cubic-bezier(.2,.7,.2,1) both rise}.hr{background:linear-gradient(90deg,#0000,#ffffff29,#0000);border:0;height:1px;margin:16px 0}.bubble{border-radius:20px;max-width:88%;padding:13px 16px;line-height:1.65;animation:.4s both rise}.bubble.me{color:#fff5da;background:linear-gradient(120deg,#f0b35b38,#c49bff2e);border:1px solid #f4d98b47;border-bottom-right-radius:6px;align-self:flex-end}.bubble.ai{background:var(--glass);border:1px solid var(--line);border-bottom-left-radius:6px;align-self:flex-start}#stars{z-index:0;pointer-events:none;position:fixed;inset:0}.glow-a,.glow-b{z-index:0;filter:blur(60px);opacity:.5;pointer-events:none;border-radius:50%;position:fixed}.glow-a{background:radial-gradient(circle,#e7b45a57,#0000 62%);width:520px;height:520px;animation:20s ease-in-out infinite drift;top:-160px;right:-120px}.glow-b{background:radial-gradient(circle,#a378ff4d,#0000 62%);width:560px;height:560px;animation:26s ease-in-out infinite reverse drift;bottom:-220px;left:-160px}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(30px,26px)}}.orb-wrap{text-align:center;cursor:pointer}.orb{--c:#f0b35b;border-radius:50%;place-items:center;width:min(148px,36vw);height:min(148px,36vw);margin:0 auto 12px;transition:transform .45s cubic-bezier(.2,.8,.2,1);display:grid;position:relative}.orb:hover{transform:translateY(-4px)}.orb:active{transform:scale(.94)}.orb .ring{border:1px solid color-mix(in oklab, var(--c) 55%, transparent);opacity:.5;border-radius:50%;animation:26s linear infinite spin;position:absolute;inset:0}.orb .ring.b{opacity:.28;border-style:dashed;animation-duration:40s;animation-direction:reverse;inset:-10px}.orb .core{background:radial-gradient(circle at 42% 30%, #ffffff80, transparent 34%), radial-gradient(circle at 55% 72%, color-mix(in oklab, var(--c) 78%, transparent), transparent 66%);box-shadow:0 0 52px color-mix(in oklab, var(--c) 55%, transparent), inset 0 0 46px #ffffff1a;border:1px solid color-mix(in oklab, var(--c) 45%, transparent);border-radius:50%;position:absolute;inset:9px}.orb .num{font-family:var(--font-serif);color:#fff7df;text-shadow:0 0 26px color-mix(in oklab, var(--c) 70%, transparent);font-size:clamp(52px,12vw,72px);font-weight:700;transition:transform .25s;position:relative}.c-gold{--c:#f0b35b}.c-blue{--c:#7fc4ff}.c-violet{--c:#c39bff}.c-rose{--c:#f6a6c4}.c-mint{--c:#8fe6b4}.orb-label{letter-spacing:.06em;text-transform:uppercase;color:var(--gold);font-size:12px;font-weight:800}.orb-sub{color:var(--muted);margin-top:2px;font-size:11px}.scrim{z-index:40;background:#04020ab8;animation:.2s forwards fade;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet{z-index:41;background:linear-gradient(#1b1030,#0f0820);border-top:1px solid #ffffff24;border-radius:28px 28px 0 0;max-height:88vh;padding:10px 20px 36px;animation:.3s cubic-bezier(.2,.8,.2,1) forwards up;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -20px 60px #000000b3}@keyframes up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet .grab{background:#ffffff40;border-radius:99px;width:44px;height:5px;margin:8px auto 16px}
