:root{--ink: #07060b;--ink-soft: #0d0b14;--gold: #d4b26a;--gold-bright: #f0d9a8;--gold-dim: rgba(212, 178, 106, .35);--gold-hairline: rgba(212, 178, 106, .22);--ivory: #f4efe6;--ivory-soft: rgba(244, 239, 230, .72);--ivory-faint: rgba(244, 239, 230, .45);--card: rgba(255, 255, 255, .025);--font-display: "Cormorant Garamond", "Times New Roman", serif;--font-body: "Outfit", -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100%}body{font-family:var(--font-body);font-weight:300;color:var(--ivory);background:var(--ink);line-height:1.8;overflow-x:hidden}.aurora{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(900px 600px at 70% -5%,rgba(93,63,145,.22) 0%,transparent 60%),radial-gradient(700px 500px at 15% 20%,rgba(212,178,106,.07) 0%,transparent 55%),radial-gradient(1000px 700px at 50% 115%,rgba(64,42,96,.25) 0%,transparent 60%)}.aurora:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 45%,transparent 45%,rgba(0,0,0,.5) 100%)}.stars{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.waves{position:fixed;left:0;right:0;bottom:0;height:160px;pointer-events:none;z-index:0;overflow:hidden}.wave{position:absolute;bottom:0;left:0;width:200%;height:100%;animation:waveDrift linear infinite}.wave path{fill:currentColor}.wave-1{color:#d4b26a0d;animation-duration:30s}.wave-2{color:#5d3f9117;animation-duration:44s;animation-direction:reverse}.wave-3{color:#d4b26a09;animation-duration:58s}@keyframes waveDrift{0%{transform:translate(0)}to{transform:translate(-50%)}}.orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(46px);animation:orbDrift ease-in-out infinite alternate}@keyframes orbDrift{0%{transform:translate(0) scale(1)}to{transform:translate(60px,-80px) scale(1.18)}}.ornament-art{display:block;margin:0 auto 26px;color:var(--gold);animation:artBreathe 7s ease-in-out infinite}.ornament-art svg{display:block;width:100%;height:100%}.ornament-art.moonlit{color:#c4a8dcd9}@keyframes artBreathe{0%,to{opacity:.65;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}.hero{position:relative;min-height:78vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 0 60px}.hero-mandala{position:absolute;top:50%;left:50%;width:min(660px,130vw);aspect-ratio:1;transform:translate(-50%,-52%);color:var(--gold);opacity:.34;animation:mandalaSpin 150s linear infinite;pointer-events:none}.hero-mandala svg{width:100%;height:100%}@keyframes mandalaSpin{0%{transform:translate(-50%,-52%) rotate(0)}to{transform:translate(-50%,-52%) rotate(360deg)}}.hero>:not(.hero-mandala){position:relative}.hero .whisper{font-size:1.6rem}.hero-lead{max-width:560px;margin:26px auto 8px;font-size:1.08rem}.scroll-hint{margin-top:54px;font-size:.66rem;letter-spacing:.4em;text-transform:uppercase;color:var(--ivory-faint);animation:hintSway 2.6s ease-in-out infinite}@keyframes hintSway{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(7px);opacity:1}}.hero-halo{position:relative;display:flex;align-items:center;justify-content:center;min-height:250px}.hero-halo .halo-art{position:absolute;width:250px;aspect-ratio:1;color:var(--gold);opacity:.5;animation:mandalaSpin 90s linear infinite}@keyframes mandalaSpinCentered{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-halo .halo-art{animation:mandalaSpinCentered 90s linear infinite}.hero-halo .halo-art svg{width:100%;height:100%}.star{position:absolute;border-radius:50%;background:var(--gold-bright);animation:twinkle 6s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.06}50%{opacity:.55}}#app{position:relative;z-index:1;max-width:820px;margin:0 auto;padding:72px 24px 110px}.screen{animation:rise .9s cubic-bezier(.22,1,.36,1) both}@keyframes rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--card);border:1px solid var(--gold-hairline);border-radius:4px;padding:64px 68px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative}.card:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid rgba(212,178,106,.09);border-radius:2px;pointer-events:none}@media(max-width:600px){#app{padding:44px 16px 80px}.card{padding:44px 26px}}h1{font-family:var(--font-display);font-weight:400;font-size:clamp(3.2rem,9vw,5.6rem);line-height:1.05;letter-spacing:.01em;background:linear-gradient(165deg,var(--ivory) 20%,var(--gold-bright) 60%,var(--gold) 95%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:20px}h2{font-family:var(--font-display);font-weight:400;font-size:clamp(1.9rem,5vw,2.7rem);line-height:1.25;color:var(--ivory);margin-bottom:18px}h2 strong{font-weight:500;color:var(--gold-bright)}h3{font-family:var(--font-display);font-weight:500;font-size:1.45rem;color:var(--gold-bright);margin:34px 0 10px}p{color:var(--ivory-soft);margin-bottom:16px;font-size:1.02rem;font-weight:300;letter-spacing:.01em}p strong{font-weight:500;color:var(--ivory)}.eyebrow{display:flex;align-items:center;gap:18px;text-transform:uppercase;letter-spacing:.42em;font-size:.68rem;font-weight:500;color:var(--gold);margin-bottom:30px}.eyebrow:before,.eyebrow:after{content:"";height:1px;flex:0 0 34px;background:linear-gradient(90deg,transparent,var(--gold-dim))}.eyebrow:after{background:linear-gradient(90deg,var(--gold-dim),transparent)}.eyebrow.center{justify-content:center}.whisper{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:1.35rem;color:var(--gold-bright);letter-spacing:.02em}.explain{border-top:1px solid var(--gold-hairline);border-bottom:1px solid var(--gold-hairline);padding:20px 6px;margin:26px 0;font-size:.94rem;color:var(--ivory-faint);font-weight:300;letter-spacing:.02em}.explain em{color:var(--gold-bright);font-style:normal}.ornament{display:flex;align-items:center;justify-content:center;gap:20px;margin:40px 0;color:var(--gold);font-size:.8rem}.ornament:before,.ornament:after{content:"";height:1px;width:min(140px,26vw);background:linear-gradient(90deg,transparent,var(--gold-dim))}.ornament:after{background:linear-gradient(90deg,var(--gold-dim),transparent)}.btn{display:inline-block;font-family:var(--font-body);font-weight:500;font-size:.82rem;letter-spacing:.32em;text-transform:uppercase;color:var(--ink);background:linear-gradient(120deg,var(--gold-bright),var(--gold));border:none;border-radius:2px;padding:19px 46px;cursor:pointer;transition:all .35s cubic-bezier(.22,1,.36,1);box-shadow:0 0 #d4b26a00;margin-top:18px}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 44px #d4b26a47}.btn:disabled{opacity:.3;cursor:default;transform:none;box-shadow:none}.btn-ghost{background:transparent;color:var(--gold-bright);border:1px solid var(--gold-dim)}.btn-ghost:hover{border-color:var(--gold);box-shadow:0 10px 34px #d4b26a1f}.flow-input{width:100%;min-height:210px;resize:vertical;font-family:var(--font-display);font-weight:400;font-size:1.25rem;line-height:1.9;letter-spacing:.01em;color:var(--ivory);background:#ffffff05;border:1px solid var(--gold-hairline);border-radius:2px;padding:26px 28px;margin:26px 0 10px;outline:none;transition:border-color .4s,box-shadow .4s}.flow-input::placeholder{color:#f4efe647;font-style:italic}.flow-input:focus{border-color:var(--gold);box-shadow:0 0 40px #d4b26a14}.hint{font-size:.8rem;letter-spacing:.12em;color:var(--ivory-faint);text-transform:uppercase}.mic-row{display:flex;align-items:center;gap:18px;margin:6px 0 16px}.mic-btn{flex:0 0 auto;width:58px;height:58px;border-radius:50%;border:1px solid var(--gold-dim);background:transparent;color:var(--gold-bright);font-size:1.35rem;cursor:pointer;transition:all .35s cubic-bezier(.22,1,.36,1);display:flex;align-items:center;justify-content:center}.mic-btn:hover{border-color:var(--gold);box-shadow:0 0 30px #d4b26a33;transform:translateY(-1px)}.mic-btn.listening{background:linear-gradient(120deg,var(--gold-bright),var(--gold));border-color:var(--gold);animation:micPulse 1.8s ease-out infinite}@keyframes micPulse{0%{box-shadow:0 0 #d4b26a73}70%{box-shadow:0 0 0 22px #d4b26a00}to{box-shadow:0 0 #d4b26a00}}.mic-status{font-family:var(--font-display);font-style:italic;font-size:1.02rem;color:var(--ivory-faint);line-height:1.5}.mic-status.live{color:var(--gold-bright)}.essences{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 8px}.essence{font-family:var(--font-display);font-style:italic;font-size:1.08rem;color:var(--gold-bright);border:1px solid var(--gold-hairline);border-radius:999px;padding:8px 22px;animation:rise .7s cubic-bezier(.22,1,.36,1) both}.essence.heavy{color:#c4a8dce6;border-color:#9370be4d}.progress-wrap{display:flex;align-items:center;gap:22px;margin-bottom:40px}.progress-track{flex:1;height:1px;background:#f4efe61f}.progress-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-bright));box-shadow:0 0 14px #d4b26a99;transition:width .7s cubic-bezier(.22,1,.36,1)}.progress-label{font-size:.68rem;font-weight:500;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);white-space:nowrap}.options{display:grid;gap:14px;margin-top:34px}.option{text-align:left;font-family:var(--font-body);font-weight:300;font-size:1.04rem;letter-spacing:.015em;color:var(--ivory-soft);background:transparent;border:1px solid rgba(244,239,230,.1);border-radius:2px;padding:22px 28px;cursor:pointer;transition:all .35s cubic-bezier(.22,1,.36,1);line-height:1.65;display:flex;align-items:baseline;gap:16px}.option:hover{border-color:var(--gold);color:var(--ivory);background:#d4b26a0d;transform:translate(6px);box-shadow:0 8px 34px #0006}.option .emoji{flex:0 0 auto;font-size:1.1rem}.reveal-center{text-align:center;padding:90px 0}.big-symbol{font-size:3.6rem;display:block;margin-bottom:26px;animation:haloFloat 4.5s ease-in-out infinite;filter:drop-shadow(0 0 26px rgba(212,178,106,.45))}@keyframes haloFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.result-hero{text-align:center;margin-bottom:46px;padding:30px 0 10px}.archetype-name{font-family:var(--font-display);font-weight:400;font-size:clamp(2.4rem,6.5vw,4rem);line-height:1.12;background:linear-gradient(165deg,var(--ivory) 15%,var(--gold-bright) 65%,var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mirror-list{list-style:none;margin:16px 0 22px}.mirror-list li{padding:20px 4px;border-bottom:1px solid rgba(244,239,230,.08);color:var(--ivory-soft);font-weight:300;line-height:1.75}.mirror-list li:first-child{border-top:1px solid rgba(244,239,230,.08)}.mirror-list li strong{color:var(--gold-bright);font-weight:500}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--gold-hairline),transparent);margin:44px 0;border:none}.blessing{text-align:center;font-family:var(--font-display);font-style:italic;font-weight:400;font-size:1.5rem;line-height:1.7;color:var(--gold-bright);margin:44px 0 18px}.footer-note{text-align:center;margin-top:48px;font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:#f4efe652}.section-gap{height:34px}