:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent:#3b82f6;--accent-hover:#2563eb;--glass-bg:#1e293bb3;--glass-border:#ffffff1a;--success:#10b981;--danger:#ef4444;--bg-pattern:radial-gradient(at 0% 0%, #100f15 0, transparent 50%), radial-gradient(at 50% 0%, #2f3e6a33 0, transparent 50%), radial-gradient(at 100% 0%, #72274133 0, transparent 50%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body.theme-emerald{--bg-primary:#064e3b;--bg-secondary:#065f46;--accent:#10b981;--accent-hover:#059669;--glass-bg:#065f46b3;--bg-pattern:radial-gradient(at 0% 0%, #032 0, transparent 50%), radial-gradient(at 50% 0%, #0a5c334d 0, transparent 50%), radial-gradient(at 100% 0%, #14525233 0, transparent 50%)}body.theme-purple{--bg-primary:#2e1065;--bg-secondary:#4c1d95;--accent:#8b5cf6;--accent-hover:#7c3aed;--glass-bg:#4c1d95b3;--bg-pattern:radial-gradient(at 0% 0%, #1a0033 0, transparent 50%), radial-gradient(at 50% 0%, #380f8a4d 0, transparent 50%), radial-gradient(at 100% 0%, #52145233 0, transparent 50%)}body.theme-light{--bg-primary:#f8fafc;--bg-secondary:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--accent:#b45309;--accent-hover:#92400e;--glass-bg:#ffffffb3;--glass-border:#0000001a;--bg-pattern:radial-gradient(at 0% 0%, #ede8de 0, transparent 50%), radial-gradient(at 50% 0%, #e8d9c980 0, transparent 50%), radial-gradient(at 100% 0%, #e6c4b34d 0, transparent 50%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body.theme-light .glass{box-shadow:0 8px 32px #0000000d}body.theme-light .btn{color:#fff}body.theme-light .btn-outline{color:var(--text-primary)}html{overflow-y:scroll}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);background-color:var(--bg-primary);background-image:var(--bg-pattern);background-attachment:fixed;justify-content:center;align-items:center;min-height:100vh;padding:2rem;transition:background-color .3s,color .3s;display:flex}#root{flex-direction:column;align-items:center;width:100%;display:flex}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 30px #0000001a}.glass-panel{width:100%;max-width:480px;margin:0 auto;padding:2rem}.btn{background-color:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.trainer-layout{grid-template-columns:1fr 380px;align-items:start;gap:2rem;width:100%;max-width:1600px;margin:0 auto;padding:2rem;display:grid}@media (width<=800px){.trainer-layout{grid-template-columns:1fr;padding:1rem}}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-outline{border:1px solid var(--glass-border);background:0 0}.btn-outline:hover:not(:disabled){background:#ffffff0d}.input-field{border:1px solid var(--glass-border);color:#fff;box-sizing:border-box;background:#0003;border-radius:8px;width:100%;margin-bottom:1rem;padding:.75rem 1rem;font-family:inherit}.input-field:focus{border-color:var(--accent);outline:none}