.vision-root{--bg:#060a10;--bg2:#0c121c;--panel:#ffffff0b;--panel-strong:#ffffff14;--border:#ffffff17;--fg:#eef3fb;--muted:#93a0b5;--accent:#3d9bff;--accent2:#35e0c8;--accent3:#7c5cff;--good:#35e08a;--warn:#ffcf5c;--bad:#ff6b6b;color:var(--fg);background:radial-gradient(1100px 680px at 12% -12%, #3d9bff2e, transparent 60%), radial-gradient(1000px 600px at 100% 0%, #35e0c81f, transparent 55%), radial-gradient(900px 800px at 50% 122%, #7c5cff1a, transparent 60%), var(--bg);min-height:100dvh;font-family:var(--font-geist-sans), system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif}.vision-root *{-webkit-tap-highlight-color:transparent}.vision-root .panel{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:20px}.vision-root .panel-strong{background:var(--panel-strong);border:1px solid var(--border);border-radius:22px}.vision-root .btn{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-weight:700;transition:transform .12s,filter .2s,background .2s;display:inline-flex}.vision-root .btn:active{transform:scale(.96)}.vision-root .btn-primary{background:linear-gradient(120deg, var(--accent), var(--accent2));color:#06121f;box-shadow:0 10px 30px -10px #3d9bffb3}.vision-root .btn-primary:hover{filter:brightness(1.06)}.vision-root .btn-ghost{background:var(--panel-strong);color:var(--fg);border:1px solid var(--border)}.vision-root .btn-ghost:hover{background:#ffffff1f}.vision-root .chip{border:1px solid var(--border);background:var(--panel);color:var(--muted);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .15s}.vision-root .chip[data-active=true]{color:#06121f;background:linear-gradient(120deg,#3d9bfff2,#35e0c8e6);border-color:#0000}.vision-root .grad-text{background:linear-gradient(100deg,#8fd0ff,#7ff0e0,#b8a6ff);color:#0000;-webkit-background-clip:text;background-clip:text}.vision-root .optotype{color:#0a0a0a;-webkit-user-select:none;user-select:none;font-weight:900;line-height:1}.vision-root .stage-white{background:#fff;border-radius:18px;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 0 1px #0000000f}.vision-root .dir-btn{background:var(--panel-strong);border:1px solid var(--border);cursor:pointer;border-radius:16px;place-items:center;width:60px;height:60px;font-size:26px;transition:transform .1s,background .15s;display:grid}.vision-root .dir-btn:active{background:#3d9bff40;transform:scale(.9)}.vision-root .pop{animation:.28s cubic-bezier(.34,1.56,.64,1) both vz-popIn}.vision-root .card-face{border:1px solid var(--border);background:radial-gradient(600px 300px at 20% 0,#3d9bff40,#0000 60%),radial-gradient(500px 260px at 100% 100%,#7c5cff38,#0000 60%),linear-gradient(160deg,#111826,#0a0f18);border-radius:24px}@keyframes vz-popIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes vz-pulse{0%,to{opacity:.55}50%{opacity:1}}.vision-root .pulse{animation:1.6s ease-in-out infinite vz-pulse}.vision-root input[type=range]{width:100%;accent-color:var(--accent)}