/* NanoStudent RC4.18 production visual polish. Kept deliberately small and
   independent from the compiled RC4.17 bundle so production gets the visual
   improvements even when a fresh Vite build is unavailable in the handoff environment. */
:root {
  --app-canvas:#f6f8fb; --app-surface:#fff; --app-surface-subtle:#f8fafc;
  --app-border:#e5e9f0; --app-border-strong:#d4dae5; --app-ink:#172033;
  --app-muted:#667085; --app-primary:#4f46c8; --app-primary-hover:#4338b6; --app-focus:#6366d8;
}
.dark { --app-canvas:#0f1320; --app-surface:#151a28; --app-surface-subtle:#1a2030; --app-border:#293247; --app-border-strong:#3a455e; --app-ink:#f2f4f7; --app-muted:#98a2b3; --app-primary:#a9b0ff; --app-primary-hover:#c6cbff; --app-focus:#a9b0ff; }
body { background:var(--app-canvas)!important; color:var(--app-ink); }
body::before { height:220px!important; background:linear-gradient(180deg,rgb(79 70 200/.035),transparent 82%)!important; }
.dark body::before { background:linear-gradient(180deg,rgb(99 102 241/.08),transparent 82%)!important; }
.surface-card { border-color:var(--app-border)!important; border-radius:16px!important; box-shadow:0 1px 2px rgb(16 24 40/.025),0 8px 24px rgb(16 24 40/.035)!important; }
.quick-practice-hero { background:#fff!important; color:var(--app-ink)!important; border-color:var(--app-border)!important; box-shadow:0 8px 24px rgb(16 24 40/.045)!important; }
.dark .quick-practice-hero { background:#151a28!important; color:var(--app-ink)!important; }
.quick-practice-hero [class*="text-violet-100"] { color:var(--app-muted)!important; }
.quick-practice-hero [class*="bg-white/12"], .quick-practice-hero [class*="bg-white/14"] { background:#f7f8fc!important; }
.dark .quick-practice-hero [class*="bg-white/12"], .dark .quick-practice-hero [class*="bg-white/14"] { background:#1b2233!important; }
.quick-practice-hero [class*="text-white"] { color:var(--app-ink)!important; }
.quick-practice-hero [class*="ring-white"] { --tw-ring-color:var(--app-border)!important; }
.classroom-hero { background:#303a63!important; border-color:rgb(71 85 135/.55)!important; box-shadow:0 14px 36px rgb(30 41 79/.16)!important; }
.classroom-hero [class*="text-violet-100"] { color:rgb(226 232 255/.82)!important; }
.workspace-tabs { border-radius:14px!important; box-shadow:none!important; }
.workspace-tab-active { background:#eef2ff!important; color:#4338ca!important; box-shadow:inset 0 0 0 1px #dfe3ff!important; }
.dark .workspace-tab-active { background:rgb(79 70 200/.18)!important; color:#c7ccff!important; box-shadow:inset 0 0 0 1px rgb(129 140 248/.28)!important; }
[data-testid="student-next-step"], [data-testid="result-next-step"] { border-color:#dfe3ff!important; }
.app-page { max-width:1200px!important; }
@media (max-width:640px) { .app-page { padding-inline:14px!important; } .surface-card { border-radius:14px!important; } }
/* RC4.18 wallet simplification for the prebuilt production bundle. */
.rc418-wallet-metrics{display:none!important}
.rc418-wallet-hero .font-mono{font-size:2rem!important;letter-spacing:-.02em!important}
.rc418-wallet-hero{background:linear-gradient(180deg,#fff,#fbfcff)!important}
.dark .rc418-wallet-hero{background:linear-gradient(180deg,#151a28,#121826)!important}