: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 drift{0%{transform:translateY(0)}to{transform:translateY(-16px)}}@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}}@keyframes bokeh{0%,to{transform:translate(0) scale(1);opacity:.55}50%{transform:translate(10px,-18px) scale(1.09);opacity:.85}}.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}.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 meter-flare{0%{filter:brightness(1)}25%{filter:brightness(1.9)}to{filter:brightness(1)}}@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 stage-in{0%{opacity:0}to{opacity:1}}@keyframes stage-out{0%{opacity:1}to{opacity: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}}} } 50%{opacity:1;transform:scale(1.03);filter:blur(0) drop-shadow(0 0 22px rgba(255,214,150,.95))}100%{opacity:1;transform:scale(1);filter:blur(0) drop-shadow(0 0 9px rgba(255,214,150,.55))}}{}