:root{color-scheme:dark light;--font-display: "Sora", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-text: "Figtree", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--fs-hero: clamp(2.6rem, 7vw, 4.6rem);--fs-2: clamp(1.9rem, 4vw, 2.6rem);--fs-3: clamp(1.4rem, 2.4vw, 1.75rem);--fs-body: 1.0625rem;--fs-sm: .9375rem;--fs-xs: .8125rem;--lh-display: 1.1;--lh-text: 1.55;--track-display: -.02em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 3rem;--space-12: 4rem;--radius-sm: 10px;--radius: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-pill: 999px;--dur: .2s;--dur-fast: .15s;--ease: cubic-bezier(.22, 1, .36, 1);--ease-liquid: cubic-bezier(.34, 1.56, .64, 1);--ambient-slow: 18s;--ambient-sheen: 9s;--oil-1: #2FE6B0;--oil-2: #29D3E6;--oil-3: #5B8CFF;--oil-4: #8A6BFF;--oil-5: #FF5CC8;--oil-6: #FFD36B;--holo: conic-gradient(from var(--holo-angle, 210deg) at 38% 32%, var(--oil-1), var(--oil-2), var(--oil-3), var(--oil-4), var(--oil-5), var(--oil-6), var(--oil-1));--holo-angle: 210deg;--holo-sheen: linear-gradient(105deg, transparent 40%, rgba(255,255,255,.2) 50%, transparent 60%);--bg: #0A0C10;--surface: #14171C;--surface-2: #1B1F27;--text: #EEF1F6;--muted: #99A3B4;--border: #262B33;--accent: #35E6B4;--accent-ink: #35E6B4;--accent-contrast: #04120D;--success: #35E6B4;--warn: #FFCA57;--danger: #FF6B8A;--shadow: 0 8px 30px rgba(0,0,0,.45);--shadow-lg: 0 20px 60px rgba(0,0,0,.6);--glow: 0 0 0 1px rgba(53,230,180,.25), 0 6px 30px rgba(53,230,180,.18);--glow-strong: 0 0 0 1px rgba(53,230,180,.4), 0 10px 44px rgba(53,230,180,.3);--focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent), 0 0 18px rgba(53,230,180,.5)}@media (prefers-color-scheme: light){:root{--bg: #F1F2F6;--surface: #FFFFFF;--surface-2: #FAFBFD;--text: #12151B;--muted: #5A6473;--border: #E4E7EE;--accent: #16C99A;--accent-ink: #0B7057;--accent-contrast: #04120D;--success: #0B7057;--warn: #B0790A;--danger: #D63B5E;--shadow: 0 8px 24px rgba(20,24,40,.1);--shadow-lg: 0 20px 50px rgba(20,24,40,.16);--glow: 0 0 0 1px rgba(22,201,154,.35), 0 6px 24px rgba(22,201,154,.16);--glow-strong: 0 0 0 1px rgba(22,201,154,.5), 0 10px 36px rgba(22,201,154,.26);--focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent), 0 0 18px rgba(22,201,154,.4)}}@media (prefers-reduced-motion: reduce){:root{--dur: .01ms;--dur-fast: .01ms;--ambient-slow: .01ms;--ambient-sheen: .01ms}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-text);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}:root{--holo-linear: linear-gradient(100deg, var(--oil-1), var(--oil-2), var(--oil-3), var(--oil-4), var(--oil-5), var(--oil-6))}.screen{position:relative;min-height:100dvh;display:flex;flex-direction:column}.landing{overflow:hidden}.ambient{position:fixed;top:-40%;right:-40%;bottom:-40%;left:-40%;z-index:0;background:var(--holo);opacity:.16;filter:blur(60px) saturate(1.2);transform:rotate(0) scale(1.2);animation:holo-spin var(--ambient-slow) linear infinite;pointer-events:none}.ambient-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(70% 55% at 50% 32%,transparent,color-mix(in oklab,var(--bg) 78%,transparent) 100%),linear-gradient(180deg,color-mix(in oklab,var(--bg) 30%,transparent),var(--bg) 82%)}@keyframes holo-spin{to{transform:rotate(360deg) scale(1.2)}}@media (prefers-reduced-motion: reduce){.ambient{animation:none}}.landing__main{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);text-align:center;padding:var(--space-8) var(--space-4) var(--space-6)}.eyebrow{font:600 var(--fs-sm)/1 var(--font-text);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.landing__crystal{width:min(54vw,208px);filter:drop-shadow(0 12px 44px rgba(53,230,180,.18));animation:float 7s var(--ease) infinite alternate}.landing__crystal svg{width:100%;height:auto;display:block}@keyframes float{to{transform:translateY(-8px)}}@media (prefers-reduced-motion: reduce){.landing__crystal{animation:none}}.display-hero{margin:0;font-family:var(--font-display);font-weight:800;font-size:var(--fs-hero);line-height:var(--lh-display);letter-spacing:var(--track-display);background:var(--holo-linear);-webkit-background-clip:text;background-clip:text;color:transparent}.lede{margin:0;max-width:42ch;color:var(--muted);font-size:var(--fs-body);line-height:var(--lh-text)}.hint{margin:0;color:var(--muted);font-size:var(--fs-xs);max-width:40ch}.cta-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2)}.cta-row--center{justify-content:center}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.chip{display:inline-flex;align-items:center;gap:.35em;padding:.35rem .8rem;border-radius:var(--radius-pill);background:var(--surface-2);color:var(--muted);font-size:var(--fs-sm);font-weight:500}.chip b{color:var(--text)}.chip--accent{color:var(--accent-ink);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--accent) 45%,transparent)}.chip--accent b{color:var(--accent-ink)}.btn{--_bg: var(--surface);--_fg: var(--text);position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 1.5rem;border-radius:var(--radius-pill);font:600 1rem/1 var(--font-text);letter-spacing:.01em;text-decoration:none;cursor:pointer;background:var(--_bg);color:var(--_fg);border:1px solid var(--border);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),filter var(--dur) var(--ease)}.btn--hero{min-height:54px;padding:0 2rem;font-size:1.0625rem}.btn--primary{--_fg: var(--accent-contrast);background:var(--holo-linear);background-size:200% 100%;border-color:transparent;box-shadow:var(--glow);animation:sheen var(--ambient-sheen) var(--ease) infinite}@keyframes sheen{0%{background-position:0% 50%}to{background-position:200% 50%}}.btn--primary:hover{box-shadow:var(--glow-strong);transform:translateY(-2px)}.btn--ghost{background:color-mix(in oklab,var(--surface) 70%,transparent);color:var(--accent-ink);border-color:color-mix(in oklab,var(--accent) 40%,transparent);box-shadow:var(--glow)}.btn--ghost:hover{transform:translateY(-2px);box-shadow:var(--glow-strong)}.btn:active{transform:translateY(0) scale(.99)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media (prefers-reduced-motion: reduce){.btn{transition:none;animation:none}.btn:hover{transform:none}.btn--primary{background-position:0 50%}}.adband{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4) var(--space-8);background:var(--surface);border-top:1px solid var(--border)}.adband--result{background:transparent;border-top:none}.adband__label{font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.adband__unit{min-height:0;width:min(100%,728px)}.drift{overflow:hidden;height:100dvh}.drift__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;-webkit-user-select:none;user-select:none}.hud{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;gap:var(--space-4);padding:max(var(--space-4),env(safe-area-inset-top)) var(--space-4) var(--space-4);pointer-events:none}.hud__dist{display:flex;align-items:baseline;gap:.25rem}.hud__dist b{font-family:var(--font-display);font-weight:700;font-size:var(--fs-2);color:var(--accent);text-shadow:0 0 18px rgba(53,230,180,.45)}.hud__unit,.hud__gates{color:var(--muted);font-size:var(--fs-sm)}.hud__clefts{color:var(--accent);font-size:var(--fs-sm);text-shadow:0 0 14px rgba(53,230,180,.35)}.hud__quit{margin-left:auto;pointer-events:auto;min-height:44px;padding:0 .9rem;border-radius:var(--radius-pill);background:color-mix(in oklab,var(--surface) 60%,transparent);color:var(--muted);border:1px solid var(--border);font:500 var(--fs-sm)/1 var(--font-text);cursor:pointer}.hud__quit:hover{color:var(--text)}.hud__quit:focus-visible{outline:none;box-shadow:var(--focus-ring)}.result{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-6) var(--space-4);background:color-mix(in oklab,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:rise var(--dur) var(--ease)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion: reduce){.result{animation:none}}.result__card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center;padding:var(--space-8) var(--space-6);background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),var(--glow);max-width:420px;width:100%}.result__crystal{filter:drop-shadow(0 10px 34px rgba(138,107,255,.25))}.result__best{margin-top:calc(var(--space-2) * -1)}.result__dist{display:flex;align-items:baseline;gap:.3rem}.result__dist b{font-family:var(--font-display);font-weight:800;font-size:var(--fs-hero);color:var(--accent);text-shadow:0 0 22px rgba(53,230,180,.4)}.result__meta{color:var(--muted);font-size:var(--fs-sm);margin:0}.result__note{color:var(--muted);font-size:var(--fs-xs);margin:0;max-width:32ch}.result__privacy{color:var(--muted);font-size:var(--fs-xs);text-decoration:underline;text-underline-offset:3px}.result__privacy:hover{color:var(--text)}.sitefoot{position:relative;z-index:1;display:flex;gap:1rem;justify-content:center;align-items:center;padding:1.25rem 1rem calc(1.5rem + env(safe-area-inset-bottom));font-size:var(--fs-xs);color:var(--muted)}.sitefoot a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}.sitefoot a:hover{color:var(--text)}.result-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;overflow-y:auto;overflow-x:hidden;background:radial-gradient(120% 80% at 50% 18%,color-mix(in oklab,var(--surface) 45%,var(--bg)),var(--bg) 72%);animation:rise var(--dur) var(--ease)}@media (prefers-reduced-motion: reduce){.result-screen{animation:none}}.prism-result{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);padding:max(var(--space-8),env(safe-area-inset-top)) var(--space-4) var(--space-6)}.prism-result__stage{width:min(82vw,330px);aspect-ratio:3 / 4;display:flex;align-items:center;justify-content:center}.prism-reveal{width:100%;height:100%;display:block;cursor:pointer}.prism-reveal svg{width:100%;height:100%;display:block;filter:drop-shadow(0 16px 54px rgba(53,230,180,.16))}.prism-result__panel{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center;width:100%;max-width:460px;opacity:0;transform:translateY(10px);transition:opacity .42s var(--ease),transform .42s var(--ease)}.prism-result__panel.is-in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.prism-result__panel{transition:none}}.prism-result__best{margin-bottom:calc(-1 * var(--space-1))}.prism-result__dist{display:flex;align-items:baseline;gap:.3rem}.prism-result__dist b{font-family:var(--font-display);font-weight:800;font-size:var(--fs-hero);line-height:1;letter-spacing:var(--track-display);color:var(--accent);text-shadow:0 0 26px rgba(53,230,180,.4)}.prism-result__unit{color:var(--muted);font-size:var(--fs-2);font-family:var(--font-display)}.prism-result__hook{margin:var(--space-1) 0 0;color:var(--muted);font-size:var(--fs-sm);max-width:36ch}.prism-result__status{min-height:1.3em;margin:0;color:var(--accent-ink);font-size:var(--fs-sm)}.prism-result__loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);color:var(--muted);font-size:var(--fs-sm);text-align:center}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid color-mix(in oklab,var(--accent) 22%,transparent);border-top-color:var(--accent);animation:holo-spin .72s linear infinite}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:2.4s}}.chip--oil{color:var(--text);font-weight:600;border:0;background:linear-gradient(var(--surface-2),var(--surface-2)) padding-box,var(--holo-linear) border-box;box-shadow:inset 0 0 0 1.5px transparent;outline:1.5px solid transparent;position:relative}.chip--oil:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.5px;background:var(--holo-linear);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.linkish{background:none;border:0;cursor:pointer;color:var(--muted);font:500 var(--fs-sm)/1 var(--font-text);padding:var(--space-2);text-decoration:underline;text-underline-offset:3px}.linkish:hover{color:var(--text)}.linkish:focus-visible{outline:none;border-radius:var(--radius-sm);box-shadow:var(--focus-ring)}.btn:disabled{opacity:.6;cursor:default;transform:none}.prism-reveal .pr-spine{stroke-dasharray:900;stroke-dashoffset:900;animation:pr-spine .46s var(--ease) 80ms forwards}@keyframes pr-spine{to{stroke-dashoffset:0}}.prism-reveal .pr-facet{transform-box:fill-box;transform-origin:center;opacity:0;animation:pr-facet .52s var(--ease-liquid) both;animation-delay:calc(.36s + var(--i) * 34ms)}@keyframes pr-facet{0%{opacity:0;transform:scale(.24)}to{opacity:1;transform:scale(1)}}.prism-reveal .pr-sheen{opacity:0;animation:pr-sheen 1s var(--ease) .98s both}@keyframes pr-sheen{0%{opacity:0}45%{opacity:.9}to{opacity:0}}.prism-reveal.is-skipped .pr-spine,.prism-reveal.is-skipped .pr-facet,.prism-reveal.is-skipped .pr-sheen{animation-duration:1ms!important;animation-delay:0ms!important}@media (prefers-reduced-motion: reduce){.prism-reveal .pr-spine,.prism-reveal .pr-facet,.prism-reveal .pr-sheen{animation:none!important;opacity:1;stroke-dashoffset:0}}.legal{max-width:720px;margin:0 auto;padding:clamp(1.5rem,5vw,4rem) 1.25rem}.legal h1{font-family:var(--font-display);letter-spacing:-.02em}.legal h2{margin-top:1.6rem;font-size:1.1rem}.legal p{color:var(--muted);line-height:1.7}.legal a{color:var(--accent-ink)}