:root{--of-bg:#0a0a0a;--of-surface:#111415;--of-surface-2:#191c1d;--of-surface-3:#1d2021;--of-surface-4:#282a2b;--of-glass:rgba(255,255,255,0.03);--of-glass-hover:rgba(255,255,255,0.06);--of-border:rgba(255,255,255,0.1);--of-outline:#424656;--of-text:#e1e3e4;--of-text-secondary:#c2c6d9;--of-text-muted:#8c90a2;--of-primary:#0062ff;--of-primary-hover:#0053da;--of-primary-soft:#b4c5ff;--of-on-primary:#ffffff;--of-gold:#d4af37;--of-flux-green:#8d976d;--of-error:#ffb4ab;--of-error-strong:#ff5449;--of-success:#81c995;--of-warning:#ffb74d;--of-radius:8px;--of-focus-glow:0 0 0 4px rgba(0,98,255,0.25);--of-modal-glow:0 0 30px rgba(0,98,255,0.15);--of-blur:blur(20px);--of-guide-scrim:rgba(0,62,168,0.72);--of-guide-ring:0 0 0 2px var(--of-primary-soft),0 0 24px 4px rgba(0,98,255,0.55);--of-guide-fade:1s}@media (prefers-reduced-motion:reduce){:root{--of-guide-fade:0.01s}}@keyframes of-guide-fade-in{0%{opacity:0}to{opacity:1}}html{overflow-x:hidden;overflow-y:scroll;color-scheme:dark}body{margin:0;background:var(--of-bg);color:var(--of-text);font-family:var(--font-inter),Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;position:relative}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 80% 20%,rgba(212,175,55,.06) 0,transparent 40%),radial-gradient(circle at 10% 80%,rgba(212,175,55,.04) 0,transparent 50%),radial-gradient(circle at 25% 30%,rgba(0,98,255,.08) 0,transparent 45%),radial-gradient(circle at 65% 75%,rgba(141,151,109,.07) 0,transparent 45%);background-size:160% 160%;animation:of-flux-drift 60s ease-in-out infinite alternate;pointer-events:none;z-index:-1}@keyframes of-flux-drift{0%{background-position:0 0}to{background-position:100% 100%}}.of-scan-line{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--of-gold),transparent);animation:of-scan 4s linear infinite;pointer-events:none}@keyframes of-scan{0%{transform:translateY(-100%);opacity:0}50%{opacity:.6}to{transform:translateY(1000%);opacity:0}}@media (prefers-reduced-motion:reduce){.of-scan-line,body:before{animation:none}}h1,h2,h3,h4,h5,h6{font-family:var(--font-sora),Sora,var(--font-inter),system-ui,sans-serif;letter-spacing:-.02em;color:var(--of-text)}a{color:var(--of-primary-soft);text-decoration:none}a:hover{text-decoration:underline}.of-btn{padding:.5rem 1rem;border-radius:var(--of-radius);border:1px solid var(--of-outline);background:transparent;color:var(--of-text);font-family:inherit;font-size:.9rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.of-btn:hover:not(:disabled){background:var(--of-glass-hover);border-color:var(--of-text-muted)}.of-btn:disabled{opacity:.45;cursor:not-allowed}.of-btn-primary{background:var(--of-primary);border-color:var(--of-primary);color:var(--of-on-primary)}.of-btn-primary:hover:not(:disabled){background:var(--of-primary-hover);border-color:var(--of-primary-hover)}.of-input{padding:.5rem .75rem;border-radius:var(--of-radius);border:1px solid var(--of-border);background:var(--of-surface-2);color:var(--of-text);font-family:inherit;font-size:.95rem;transition:border-color .15s ease,box-shadow .15s ease}.of-input:focus{outline:none;border-color:var(--of-primary);box-shadow:var(--of-focus-glow)}.of-input::placeholder{color:var(--of-text-muted)}.of-panel{background:var(--of-glass);border:1px solid var(--of-border);border-radius:var(--of-radius);backdrop-filter:var(--of-blur);-webkit-backdrop-filter:var(--of-blur)}.of-label{font-family:var(--font-jetbrains-mono),"JetBrains Mono",ui-monospace,monospace;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--of-text-muted)}