:root{--bg:#050505;--surface:#101010;--text:#f5f5f5;--muted:#999;--green:#16ff63;--yellow:#ffd900;--red:#ff2438;--orange:#ff7a00;--blue:#168bff;--indigo:#6945ff;--violet:#ff3ba7;--font-display:"Space Grotesk", "Inter", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}textarea{font:inherit}.app{isolation:isolate;flex-direction:column;min-height:100dvh;display:flex;position:relative}.atmos{z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 120%, #0d0d0d 0%, var(--bg) 60%);position:fixed;inset:0;overflow:hidden}.atmos__blob{filter:blur(80px);opacity:0;will-change:opacity, transform;border-radius:50%;width:70vmax;height:70vmax;transition:opacity 1.6s,background 1.6s,left 2s,top 2s;animation:18s ease-in-out infinite alternate drift;position:absolute;transform:translate(-50%,-50%)}@keyframes drift{0%{transform:translate(-50%,-50%)scale(1)}to{transform:translate(-46%,-54%)scale(1.12)}}.atmos__grain{opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.screen{text-align:center;padding:max(24px, env(safe-area-inset-top)) 20px 24px;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:560px;margin:0 auto;animation:.8s both fadeIn;display:flex}.screen--top{justify-content:flex-start;padding-top:40px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fade-in{animation:.9s both fadeIn}.logo{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);font-weight:700;line-height:1;text-decoration:none}.logo__i{display:inline-block;position:relative}.logo__i:before{content:"";box-sizing:border-box;border:.045em solid var(--accent,var(--green));width:.19em;height:.19em;box-shadow:0 0 8px var(--accent,var(--green)), 0 0 18px color-mix(in srgb, var(--accent,var(--green)) 50%, transparent);border-radius:9999px;transition:border-color 1.2s,box-shadow 1.2s;position:absolute;top:.195em;left:.133em;transform:translate(-50%,-50%)}.logo__i-glyph{color:#0000;background:linear-gradient(to bottom, transparent 0, transparent .3em, var(--text) .3em);-webkit-background-clip:text;background-clip:text;line-height:1;display:inline-block}.logo--hero{font-size:clamp(56px,16vw,96px)}.logo--small{font-size:22px}.kicker{font-family:var(--font-display);letter-spacing:.28em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.kicker--glow{color:var(--text);text-shadow:0 0 18px color-mix(in srgb, var(--accent,#fff) 60%, transparent)}.headline{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.05}.headline--xl{font-size:clamp(40px,12vw,72px)}.headline--lg{font-size:clamp(28px,8vw,44px)}.headline--md{font-size:clamp(20px,6vw,28px)}.giant{font-family:var(--font-display);letter-spacing:-.04em;color:var(--accent);text-shadow:0 0 30px color-mix(in srgb, var(--accent) 60%, transparent), 0 0 90px color-mix(in srgb, var(--accent) 30%, transparent);font-size:clamp(88px,30vw,180px);font-weight:700;line-height:.9}.muted{color:var(--muted)}.body{color:var(--text);margin:0;font-size:17px;line-height:1.55}.body--secondary{color:#c4c4c4}.small{letter-spacing:.08em;color:var(--muted);font-size:13px}.btn{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;width:100%;max-width:340px;color:var(--text);background:linear-gradient(#1a1a1a,#0c0c0c);border:1px solid #ffffff1f;border-radius:9999px;padding:18px 28px;font-size:14px;font-weight:700;transition:transform .15s,box-shadow .3s,border-color .3s,opacity .3s;position:relative}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn--primary{border-color:color-mix(in srgb, var(--accent,#fff) 55%, transparent);box-shadow:0 0 24px color-mix(in srgb, var(--accent,#fff) 30%, transparent), inset 0 0 24px color-mix(in srgb, var(--accent,#fff) 10%, transparent)}.btn--primary:not(:disabled):hover{box-shadow:0 0 36px color-mix(in srgb, var(--accent,#fff) 50%, transparent), inset 0 0 30px color-mix(in srgb, var(--accent,#fff) 16%, transparent)}.btn--ghost{background:0 0;border-color:#ffffff29}.btn--ghost:hover{border-color:#fff6}.btn-row{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.ring{box-shadow:0 0 20px currentColor, 0 0 60px color-mix(in srgb, currentColor 40%, transparent);border:4px solid;border-radius:9999px;transition:opacity .6s,transform .6s,filter .6s,color 1.2s;display:inline-block}.ring--breathe{animation:3.2s ease-in-out infinite breathe}@keyframes breathe{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.25);transform:scale(1.06)}}.ring--dim{opacity:.35;filter:saturate(.4)brightness(.6);box-shadow:0 0 10px color-mix(in srgb, currentColor 60%, transparent)}.ring--dying{animation:1.6s ease-in forwards die}@keyframes die{0%{opacity:1;transform:scale(1)}15%{opacity:.2}30%{opacity:1}45%{opacity:.1}60%{opacity:.8;transform:scale(1.05)}to{opacity:0;filter:blur(4px);transform:scale(.2)}}.ring--gone{opacity:0;pointer-events:none;transform:scale(.2)}.ringfield{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(14px,4vw,22px);width:100%;padding:8px 0;display:flex}.ringfield__item{flex-direction:column;align-items:center;gap:10px;transition:opacity .6s,transform .8s,width .8s;display:flex}.ringfield__label{font-family:var(--font-display);letter-spacing:.22em;color:var(--muted);text-transform:uppercase;font-size:10px}.ringfield--scan .ringfield__item{animation:.6s both scanIn}@keyframes scanIn{0%{opacity:0;filter:blur(6px);transform:scale(.4)}to{opacity:1;filter:none;transform:none}}.ringfield--analyzing .ring{animation:1.1s ease-in-out infinite circulate}@keyframes circulate{0%,to{filter:brightness(.7);transform:scale(.96)}50%{filter:brightness(1.5);transform:scale(1.06)}}.hero-ring{aspect-ratio:1;width:clamp(150px,46vw,220px);box-shadow:0 0 24px currentColor, 0 0 80px color-mix(in srgb, currentColor 45%, transparent), inset 0 0 40px color-mix(in srgb, currentColor 22%, transparent);border:5px solid;border-radius:9999px;margin:12px auto 28px;transition:color 1.6s ease-in-out;animation:4s ease-in-out infinite breathe;position:relative}.hero-ring:after{content:"";background:radial-gradient(circle, color-mix(in srgb, currentColor 22%, transparent) 0%, transparent 60%);z-index:-1;border-radius:50%;position:absolute;inset:-40%}.landing__tagline{font-family:var(--font-display);letter-spacing:.02em;color:#d8d8d8;margin:0 0 8px;font-size:clamp(18px,5vw,22px);font-weight:500;line-height:1.35}.landing__question{font-family:var(--font-display);margin:0 0 32px;font-size:clamp(30px,9vw,40px);font-weight:700}.trial{text-align:left;flex-direction:column;align-items:stretch;gap:20px;width:100%;display:flex}.trial__header{justify-content:space-between;align-items:baseline;display:flex}.trial__num{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(56px,18vw,88px);font-weight:700;line-height:.9}.trial__theme{font-family:var(--font-display);letter-spacing:.3em;color:var(--muted);text-transform:uppercase;font-size:12px}.trial__scenario{color:#dcdcdc;margin:0;font-size:17px;line-height:1.6}.trial__question{font-family:var(--font-display);margin:0;font-size:clamp(20px,5.6vw,24px);font-weight:600;line-height:1.3}.options{flex-direction:column;gap:10px;display:flex}.option{text-align:left;background:color-mix(in srgb, var(--surface) 80%, transparent);width:100%;color:var(--text);font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff1f;border-radius:16px;align-items:flex-start;gap:14px;padding:14px 16px;font-size:16px;line-height:1.45;transition:border-color .25s,background .25s,transform .25s,box-shadow .25s;display:flex}.option:hover{border-color:#ffffff4d;transform:translateY(-1px)}.option:focus-visible{outline:none;box-shadow:0 0 0 4px #ffffff14}.option--selected{background:color-mix(in srgb, var(--surface) 95%, white);border-color:#ffffffd9;box-shadow:0 0 24px #ffffff14}.option__index{letter-spacing:.2em;color:var(--muted);flex:none;margin-top:4px;font-size:11px}.option--selected .option__index{color:var(--text)}.option__text{flex:1}.trial__meta{letter-spacing:.08em;color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.trial__actions{justify-content:center;display:flex}.trial__bg-rings{z-index:-1;pointer-events:none;justify-content:center;align-items:center;gap:8vw;display:flex;position:fixed;inset:0}.trial__bg-ring{aspect-ratio:1;opacity:.22;filter:blur(1px);width:34vw;max-width:220px;box-shadow:0 0 40px currentColor, 0 0 120px color-mix(in srgb, currentColor 40%, transparent);border:3px solid;border-radius:9999px;animation:5s ease-in-out infinite breathe}.status{flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:50dvh;display:flex}.status__text{font-family:var(--font-display);letter-spacing:.24em;text-transform:uppercase;font-size:clamp(16px,4.6vw,20px);font-weight:600;animation:1.8s ease-in-out infinite pulseText}@keyframes pulseText{0%,to{opacity:.55}50%{opacity:1}}.error{text-align:center;background:color-mix(in srgb, var(--surface) 70%, transparent);border:1px solid #ff243859;border-radius:20px;flex-direction:column;align-items:center;gap:14px;padding:24px;display:flex;box-shadow:0 0 40px #ff24381f}.reveal{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100dvh;padding:24px;display:flex;position:relative;overflow:hidden}.reveal__flood{z-index:-1;background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--accent) 55%, transparent) 0%, color-mix(in srgb, var(--accent) 18%, transparent) 30%, var(--bg) 75%);opacity:0;animation:2.4s ease-out .9s forwards flood;position:fixed;inset:0}@keyframes flood{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.reveal__ring{aspect-ratio:1;width:clamp(180px,56vw,260px);box-shadow:0 0 30px currentColor, 0 0 100px color-mix(in srgb, currentColor 60%, transparent), inset 0 0 50px color-mix(in srgb, currentColor 30%, transparent);border:6px solid;border-radius:9999px;animation:1.8s cubic-bezier(.2,.8,.2,1) .9s both revealRing}@keyframes revealRing{0%{opacity:0;filter:blur(20px)brightness(3);transform:scale(.1)}to{opacity:1;filter:none;transform:scale(1)}}.reveal__step{opacity:0;animation:.9s both fadeIn}.reveal__force{font-family:var(--font-display);letter-spacing:.08em;margin:0;font-size:clamp(40px,12vw,64px);font-weight:700}.reveal__archetype{font-family:var(--font-display);letter-spacing:.06em;margin:0;font-size:clamp(22px,6.4vw,32px);font-weight:600}.result{text-align:left;flex-direction:column;gap:28px;width:100%;padding-bottom:40px;display:flex}.card{background:radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 60%), radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--accent2,var(--accent)) 16%, transparent), transparent 55%), color-mix(in srgb, var(--surface) 85%, transparent);border:1px solid color-mix(in srgb, var(--accent) 30%, #ffffff1a);box-shadow:0 0 60px color-mix(in srgb, var(--accent) 18%, transparent), inset 0 0 80px color-mix(in srgb, var(--accent) 6%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:28px;flex-direction:column;gap:18px;padding:28px 24px;display:flex;position:relative;overflow:hidden}.card__top{justify-content:space-between;align-items:center;display:flex}.card__rings{align-items:center;gap:10px;display:flex}.card__ring{width:44px;height:44px}.card__ring--secondary{opacity:.85;width:28px;height:28px}.card__combo{font-family:var(--font-display);letter-spacing:.02em;margin:0;font-size:clamp(30px,9vw,42px);font-weight:700;line-height:1}.card__identity{font-family:var(--font-display);letter-spacing:.26em;color:#cfcfcf;text-transform:uppercase;font-size:13px}.card__archetype{font-family:var(--font-display);letter-spacing:.04em;color:var(--accent);text-shadow:0 0 24px color-mix(in srgb, var(--accent) 50%, transparent);margin:0;font-size:clamp(22px,6.4vw,30px);font-weight:700}.card__scores{gap:24px;display:flex}.score{flex-direction:column;gap:2px;display:flex}.score__num{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(40px,12vw,56px);font-weight:700;line-height:1}.score__label{letter-spacing:.24em;text-transform:uppercase;color:var(--muted);font-size:11px}.badge{font-family:var(--font-display);letter-spacing:.24em;text-transform:uppercase;border:1px solid color-mix(in srgb, var(--accent) 50%, transparent);background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--text);border-radius:9999px;align-self:flex-start;align-items:center;gap:8px;padding:8px 14px;font-size:11px;display:inline-flex}.badge:before{content:"";border:2px solid var(--accent);width:8px;height:8px;box-shadow:0 0 10px var(--accent);border-radius:9999px}.section{flex-direction:column;gap:10px;display:flex}.section__title{font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin:0;font-size:11px}.evidence{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.evidence li{color:#d8d8d8;padding-left:22px;font-size:15px;line-height:1.5;position:relative}.evidence li:before{content:"";border:2px solid var(--accent);width:9px;height:9px;box-shadow:0 0 10px var(--accent);border-radius:9999px;position:absolute;top:7px;left:0}.secondary-signal{border-left:2px solid var(--accent2);box-shadow:-8px 0 24px -12px var(--accent2);padding-left:16px}.secondary-signal__label{font-family:var(--font-display);letter-spacing:.24em;text-transform:uppercase;color:var(--accent2);text-shadow:0 0 14px color-mix(in srgb, var(--accent2) 60%, transparent);margin:0 0 8px;font-size:12px}.spectrum{grid-template-columns:auto 1fr;align-items:center;gap:20px;display:grid}.spectrum__svg{filter:drop-shadow(0 0 12px #ffffff0f);width:clamp(150px,42vw,200px);height:auto}.spectrum__legend{letter-spacing:.06em;flex-direction:column;gap:7px;font-size:12px;display:flex}.spectrum__row{color:#d0d0d0;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;display:grid}.spectrum__dot{border:2px solid;border-radius:9999px;width:10px;height:10px;box-shadow:0 0 8px}.spectrum__val{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:600}.challenge__name{font-family:var(--font-display);letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin:0;font-size:clamp(14px,4vw,18px)}.challenge__combo{font-family:var(--font-display);letter-spacing:.02em;flex-wrap:wrap;justify-content:center;align-items:baseline;max-width:100%;margin:0;font-size:clamp(34px,9.5vw,64px);font-weight:700;line-height:1.1;display:flex}.challenge__rings{justify-content:center;align-items:center;gap:24px;margin:24px 0;display:flex}.footer{padding:24px 20px calc(24px + env(safe-area-inset-bottom));text-align:center;letter-spacing:.04em;color:#5c5c5c;font-size:11px;line-height:1.6}.footer a{color:#7a7a7a}.toast{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#141414e6;border:1px solid #ffffff26;border-radius:9999px;padding:12px 20px;font-size:12px;animation:.3s both fadeIn;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.topbar{justify-content:space-between;align-items:center;width:100%;max-width:560px;margin:0 auto;padding:18px 20px 0;display:flex}.name-input{background:color-mix(in srgb, var(--surface) 80%, transparent);width:100%;color:var(--text);text-align:center;border:1px solid #ffffff1f;border-radius:9999px;outline:none;padding:14px 20px;font-size:15px}.name-input:focus{border-color:#ffffff59}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}