:root{--bg: #ede8de;--bg-page: #fffcf5;--card: #ffffff;--card-soft: #f7f4ed;--border: #ded6c7;--border-soft: #e1d9c9;--ink: #22261f;--text: #22261f;--text-strong: #22261f;--text-2: #4a463d;--text-dim: #6d675c;--text-faint: #a99f8e;--mono-dim: #8b8274;--accent: #e9566b;--accent-strong: #d6455a;--accent-soft: #fff1f3;--gold: #ffd24a;--gold-deep: #f5b92e;--gold-soft: #fff0d9;--gold-ink: #8a6a1f;--danger: #b3402f;--danger-soft: #fdf3f0;--danger-border: #e8c9c2;--dark: #0d0b0a;--dark-cream: #fdf6e7;--dark-dim: #9a8f7c;--mint: #24d47c;--mint-ink: #0b8a4d;--mint-soft: #dff8ea;--peri: #5d72f6;--peri-soft: #e9edfe;--lilac: #d498fb;--lilac-soft: #f7eafe;--amber: #b8860e;--stage-bg: #f6f1e6;--font-display: "Secular One", sans-serif;--font-ui: "Heebo", system-ui, sans-serif;--font-mono: "IBM Plex Mono", monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-ui)}@keyframes bloom{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.07)}}@keyframes flick{0%,to{transform:scale(1) translateY(0);opacity:.95}45%{transform:scale(1.13) translateY(-2px);opacity:1}70%{transform:scale(.94) translateY(1px);opacity:.86}}.mono-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mono-dim)}.display-title{font-family:var(--font-display);color:var(--text-strong);font-weight:400}.brand-glow{filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 8px #fff) drop-shadow(0 0 14px #fff) drop-shadow(0 0 30px rgba(255,255,255,.98)) drop-shadow(0 0 70px rgba(255,255,255,.85)) drop-shadow(0 0 120px rgba(255,255,255,.6))}.btn-primary{width:100%;padding:16px;border-radius:14px;border:none;background:var(--accent);color:#fff;font-family:var(--font-ui);font-size:17px;font-weight:700;cursor:pointer}.btn-primary:hover{background:var(--accent-strong)}.btn-primary:disabled{opacity:.5;cursor:default;background:var(--accent)}.option-btn{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px;border-radius:14px;font-family:var(--font-ui);font-size:17px;font-weight:700;cursor:pointer;text-align:right;transition:all .15s;border:1px solid var(--border-soft);background:var(--card);color:var(--ink)}.option-btn.chosen{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.option-btn.correct{border-color:var(--mint);background:var(--mint-soft);color:var(--mint-ink)}.option-btn:disabled{cursor:default}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px}input.field,textarea.field,select.field{width:100%;padding:15px 16px;border-radius:14px;border:1px solid var(--border-soft);background:var(--card);color:var(--ink);font-family:var(--font-ui);font-size:16px}input.field:focus,textarea.field:focus,select.field:focus{outline:1px solid var(--accent)}input.field::placeholder,textarea.field::placeholder{color:var(--text-faint)}.mgr-btn{position:relative;padding:12px 22px;border-radius:12px;font-family:var(--font-ui);font-size:16px;font-weight:700;cursor:pointer;border:1px solid var(--border-soft);background:var(--card-soft);color:var(--text-dim);transition:transform .06s,filter .1s}.mgr-btn.primary{border-color:var(--accent);background:var(--accent);color:#fff}.mgr-btn:active:not(:disabled){transform:scale(.94);filter:brightness(1.05)}.mgr-btn:disabled{cursor:default;color:var(--text-faint)}.mgr-btn.primary:disabled{background:var(--card-soft);border-color:var(--border-soft)}.mgr-btn.pending{animation:pending-pulse .7s ease-in-out infinite;color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}@keyframes pending-pulse{0%,to{opacity:1}50%{opacity:.55}}.tooltip-host{position:relative;display:inline-block}.tooltip-host .tooltip{position:absolute;bottom:calc(100% + 8px);inset-inline-end:0;max-width:280px;width:max-content;background:var(--danger-soft);border:1px solid var(--danger-border);color:var(--danger);padding:8px 12px;border-radius:10px;font-size:13px;line-height:1.5;text-align:start;opacity:0;pointer-events:none;transition:opacity .12s;z-index:10;box-shadow:0 8px 24px -12px #22261f40}.tooltip-host:hover .tooltip,.tooltip-host:focus-within .tooltip{opacity:1}.mgr-btn.danger{border-color:var(--danger-border);background:var(--danger-soft);color:var(--danger)}.mgr-btn.danger.armed{border-color:var(--danger);background:var(--danger);color:#fff}.mgr-btn .pending-dots{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.meter{height:8px;border-radius:99px;background:#22261f1f;overflow:hidden}.meter>div{height:100%;background:var(--accent);transition:width .6s}.stage-chip{padding:8px 15px;border-radius:99px;font-family:var(--font-ui);font-size:13px;white-space:nowrap;background:var(--card-soft);border:1px solid #e6ded0;color:var(--text-dim)}.stage-chip.current{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:700}.stage-chip.done{opacity:.55}@keyframes breathe{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes caret{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes rush-pop{0%{transform:scale(.6);opacity:0}55%{transform:scale(1.18);opacity:1}to{transform:scale(1);opacity:1}}@keyframes rush-count{0%{transform:scale(1.8);opacity:0}25%{transform:scale(1);opacity:1}80%{transform:scale(.92);opacity:1}to{transform:scale(.7);opacity:0}}@keyframes rush-milestone{0%{transform:translateY(20px) scale(.5);opacity:0}20%{transform:translateY(0) scale(1.15);opacity:1}70%{transform:translateY(-10px) scale(1);opacity:1}to{transform:translateY(-40px) scale(.95);opacity:0}}@keyframes v4-breathe{0%,to{opacity:0}50%{opacity:.45}}@keyframes v4-flame{0%,to{transform:scale(1)}7%{transform:scale(.98,1.04)}15%{transform:scale(1.01,.97)}24%{transform:scale(.97,1.07)}31%{transform:scale(1.02,.96)}42%{transform:scale(.99,1.03)}50%{transform:scale(1.01,.98)}61%{transform:scale(.96,1.08)}70%{transform:scale(1.02,.95)}82%{transform:scale(.99,1.04)}91%{transform:scale(1.01,.98)}}@keyframes v4-flame-light{0%,to{opacity:.6}7%{opacity:.75}15%{opacity:.45}24%{opacity:.9}31%{opacity:.4}42%{opacity:.7}50%{opacity:.5}61%{opacity:1}70%{opacity:.35}82%{opacity:.75}91%{opacity:.5}}@keyframes v4-flame-sway{0%,to{transform:skew(0)}22%{transform:skew(-2deg)}47%{transform:skew(1deg)}71%{transform:skew(2.2deg)}88%{transform:skew(-.8deg)}}@keyframes v4-flame-dot{0%,to{transform:scale(1)}35%{transform:scale(.95)}70%{transform:scale(1.05)}}@keyframes v4-ray{0%{transform:translateY(36px);opacity:0}15%{opacity:1}55%{opacity:1}to{transform:translateY(-110px);opacity:0}}@keyframes v4-candle-catch{0%{transform:scale(.15);opacity:0}60%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}.stage-v4{--font-display: "Assistant", "Heebo", system-ui, sans-serif;--font-ui: "Assistant", "Heebo", system-ui, sans-serif;--text: #f9faff;--text-strong: #f9faff;--text-dim: rgba(249, 250, 255, .72);--text-faint: rgba(249, 250, 255, .46);--mono-dim: rgba(249, 250, 255, .62)}.stage-v4 .display-title,.phone-v4 .display-title{font-weight:800}.stage-v4 .mono-label,.phone-v4 .mono-label{font-family:var(--font-ui);font-weight:700;letter-spacing:.04em}.phone-v4{--font-display: "Assistant", "Heebo", system-ui, sans-serif;--font-ui: "Assistant", "Heebo", system-ui, sans-serif;--bg: rgba(255, 255, 255, .1);--bg-page: #0a1544;--card: rgba(12, 28, 84, .66);--card-soft: rgba(255, 255, 255, .06);--veil: rgba(8, 18, 58, .85);--border: rgba(255, 214, 140, .32);--border-soft: rgba(146, 180, 255, .3);--ink: #f9faff;--text: #f9faff;--text-strong: #f9faff;--text-2: rgba(249, 250, 255, .86);--text-dim: rgba(249, 250, 255, .72);--text-faint: rgba(249, 250, 255, .46);--mono-dim: rgba(249, 250, 255, .62);--accent: #ffd98a;--accent-strong: #ffe7b0;--accent-soft: rgba(255, 217, 138, .14);--gold: #ffd98a;--gold-deep: #ffc466;--gold-soft: rgba(255, 217, 138, .16);--gold-ink: #ffd98a;--amber: #ffd98a;--mint-soft: rgba(36, 212, 124, .14);--mint-ink: #7dffbd;--danger: #ff8a7a;--danger-soft: rgba(255, 120, 100, .12);--danger-border: rgba(255, 138, 122, .45);color:var(--text)}html:has(.phone-v4),html:has(.phone-v4) body{background:#050a1e}.phone-v4 .btn-primary,.phone-v4 .btn-primary:hover,.phone-v4 .btn-primary:disabled{background:linear-gradient(180deg,#fff3a9,#ffc466 50%,#ffe69a);color:#06184e;border:1.5px solid #fff6ba;box-shadow:0 0 7px #ffb53e,0 0 18px #ff8c268c}.phone-v4 .btn-primary:disabled{opacity:.4;box-shadow:none}.phone-v4 .option-btn{border-radius:20px;border:1.5px solid #ffe888;background:linear-gradient(180deg,#123885,#04194f,#0b2362);box-shadow:inset 0 0 18px #7286ff87;color:#f9faff}.phone-v4 .option-btn.chosen,.phone-v4 .option-btn.correct{border-color:#fff6ba;background:linear-gradient(180deg,#fff3a9,#ffc466,#ffe69a);box-shadow:0 0 7px #ffb53e,0 0 18px #ff8c2699,inset 0 0 14px #ffffcfab;color:#06184e}.phone-v4 .option-btn.chosen.wrong{border-color:#ffffff80;background:linear-gradient(180deg,#232a5e,#12173d);box-shadow:none;color:#f9faffd1}.phone-v4 .card{border:1.5px solid rgba(248,251,180,.5);box-shadow:0 0 5px #db6eff73,0 0 9px #4fb7ff59,inset 0 0 22px #569cff40}.phone-v4 input.field,.phone-v4 textarea.field,.phone-v4 select.field{background:#050c28b3}.phone-v4 .meter{background:#ffffff1f}.phone-v4 .meter>div{background:linear-gradient(90deg,#ff9f43,#ffe3a3);box-shadow:0 0 10px #ffaa3c99}@keyframes tick-pop{0%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes howto-tap{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(14px) scale(.94)}55%{transform:translateY(14px) scale(.94)}}@keyframes howto-ripple{0%,38%{transform:scale(.2);opacity:0}42%{transform:scale(.3);opacity:.9}to{transform:scale(1.7);opacity:0}}@keyframes howto-swipe-up{0%{transform:translateY(70px);opacity:0}15%{opacity:1}70%{transform:translateY(-80px);opacity:1}to{transform:translateY(-110px);opacity:0}}@keyframes howto-swipe-side{0%,to{transform:translate(-90px)}50%{transform:translate(90px)}}@keyframes howto-drag{0%,12%{transform:translate(-110px,-70px)}70%,82%{transform:translate(90px,60px)}to{transform:translate(-110px,-70px)}}@keyframes howto-carry{0%,12%{transform:translate(-110px,-70px);opacity:1}70%{transform:translate(90px,60px);opacity:1}80%,to{transform:translate(90px,80px);opacity:0}}@keyframes simon-shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(9px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}@keyframes geo-drop{0%{transform:translateY(-90px);opacity:0}60%{opacity:1}to{transform:translateY(0);opacity:1}}@keyframes geo-pulse{0%{transform:scale(.3);opacity:.9}to{transform:scale(1.6);opacity:0}}.geo-ring{position:absolute;left:50%;bottom:-36px;width:72px;height:72px;margin-left:-36px;border-radius:50%;border:4px solid #f5b92e;animation:geo-pulse 1.8s ease-out infinite}@keyframes stage-in{0%{opacity:0}to{opacity:1}}@keyframes stage-out{0%{opacity:1}to{opacity:0}}@keyframes flame-flicker{0%,to{scale:1 1}30%{scale:1.06 .95}60%{scale:.96 1.05}80%{scale:1.02 .98}}@keyframes count-roll{0%{opacity:0;transform:translateY(28%);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes oracle-logo-neon{0%{opacity:0;filter:drop-shadow(0 0 0 rgba(255,241,200,0)) drop-shadow(0 0 0 rgba(255,241,200,0)) drop-shadow(0 0 0 rgba(255,241,200,0)) drop-shadow(0 0 0 rgba(255,241,200,0)) drop-shadow(0 0 0 rgba(255,200,110,0));animation-timing-function:steps(1,end)}5%{opacity:.7;filter:drop-shadow(0 0 1.5px rgba(255,241,200,.7)) drop-shadow(0 0 1.5px rgba(255,241,200,.7)) drop-shadow(0 0 1.5px rgba(255,241,200,.7)) drop-shadow(0 0 1.5px rgba(255,241,200,.7)) drop-shadow(0 0 8px rgba(255,200,110,.5));animation-timing-function:steps(1,end)}10%{opacity:0;filter:drop-shadow(0 0 0 rgba(255,241,200,0)) drop-shadow(0 0 0 rgba(255,241,200,0)) drop-shadow(0 0 0 rgba(255,241,200,0)) drop-shadow(0 0 0 rgba(255,241,200,0)) drop-shadow(0 0 0 rgba(255,200,110,0));animation-timing-function:steps(1,end)}16%{opacity:1;filter:drop-shadow(0 0 3px #fff8e4) drop-shadow(0 0 3px #fff8e4) drop-shadow(0 0 3px #fff8e4) drop-shadow(0 0 3px #fff8e4) drop-shadow(0 0 44px rgba(255,205,120,1));animation-timing-function:steps(1,end)}22%{opacity:.5;filter:drop-shadow(0 0 1.5px rgba(255,241,200,.7)) drop-shadow(0 0 1.5px rgba(255,241,200,.7)) drop-shadow(0 0 1.5px rgba(255,241,200,.7)) drop-shadow(0 0 1.5px rgba(255,241,200,.7)) drop-shadow(0 0 8px rgba(255,200,110,.5));animation-timing-function:steps(1,end)}28%{opacity:1;filter:drop-shadow(0 0 3px #fff8e4) drop-shadow(0 0 3px #fff8e4) drop-shadow(0 0 3px #fff8e4) drop-shadow(0 0 3px #fff8e4) drop-shadow(0 0 44px rgba(255,205,120,1));animation-timing-function:ease-out}to{opacity:1;filter:drop-shadow(0 0 2.5px #fff1c8) drop-shadow(0 0 2.5px #fff1c8) drop-shadow(0 0 2.5px #fff1c8) drop-shadow(0 0 2.5px #fff1c8) drop-shadow(0 0 16px rgba(255,200,110,.85))}}@keyframes oracle-logo-shine{0%{background-position:0% 0}to{background-position:100% 0}}@keyframes oracle-logo-halo-in{0%,15%{opacity:0}30%{opacity:.95}to{opacity:.3}}@keyframes oracle-logo-breathe{0%{opacity:.3}to{opacity:.7}}
