:root{--background-gradient-light:radial-gradient(ellipse at top,#fff 0%,#f8fafc 100%);--background-color-light:#fff;--surface-light:#fff;--surface-elevated-light:#f1f5f9;--text-primary-light:#0f172a;--text-secondary-light:#334155;--text-muted-light:#64748b;--border-light:#e2e8f0;--shadow-light:#0000000d;--accent-light:#4f46e5;--accent-hover-light:#4338ca;--background-gradient-dark:radial-gradient(ellipse at top,#1b1b3a 0%,#0f0f1e 50%,#0a0a14 100%);--background-color-dark:#0a0a14;--surface-dark:#ffffff0d;--surface-elevated-dark:#ffffff14;--text-primary-dark:#fff;--text-secondary-dark:#ffffffb3;--text-muted-dark:#fff6;--border-dark:#ffffff1a;--shadow-dark:#0000004d;--accent-dark:#818cf8;--accent-hover-dark:#a5b4fc;--background-gradient:var(--background-gradient-dark);--background-color:var(--background-color-dark);--surface:var(--surface-dark);--surface-elevated:var(--surface-elevated-dark);--text-primary:var(--text-primary-dark);--text-secondary:var(--text-secondary-dark);--text-muted:var(--text-muted-dark);--border:var(--border-dark);--shadow:var(--shadow-dark);--accent:var(--accent-dark);--accent-hover:var(--accent-hover-dark);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--font-family:"Inter","Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--container-xs:360px;--container-sm:420px;--container-md:520px;--container-lg:640px}[data-theme=light]{--background-gradient:var(--background-gradient-light);--background-color:var(--background-color-light);--surface:var(--surface-light);--surface-elevated:var(--surface-elevated-light);--text-primary:var(--text-primary-light);--text-secondary:var(--text-secondary-light);--text-muted:var(--text-muted-light);--border:var(--border-light);--shadow:var(--shadow-light);--accent:var(--accent-light);--accent-hover:var(--accent-hover-light)}html,body{background:var(--background-gradient);background-color:var(--background-color);min-height:100dvh;color:var(--text-primary);font-family:var(--font-family);transition:background var(--transition-slow),color var(--transition-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;margin:0;padding:0;overflow-x:hidden}*{box-sizing:border-box}:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::selection{background:var(--accent);color:#fff}a{color:var(--accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}.app-container{max-width:var(--container-md);padding:var(--spacing-md);min-height:100dvh;margin:0 auto}@media (max-width:480px){.app-container{padding:var(--spacing-sm);max-width:100%}}@media (min-width:768px){.app-container{padding:var(--spacing-lg)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal)}.card-elevated{background:var(--surface-elevated);box-shadow:0 4px 20px var(--shadow)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;font-family:inherit;font-size:1rem;font-weight:600;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.btn-secondary{background:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface);border-color:var(--text-muted)}.glass{-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a}[data-theme=light] .glass{background:#ffffffb3;border:1px solid #0000001a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.animate-fade-in{animation:fadeIn var(--transition-normal)ease-out}.animate-slide-up{animation:slideUp var(--transition-slow)ease-out}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}