:root{--color-bg-light: #f9fafb;--color-text-light: #1f2937;--color-card-bg-light: #ffffff;--color-card-border-light: #e5e7eb;--color-input-bg-light: #f3f4f6;--color-text-muted-light: #6b7280;--color-bg-dark: #1f2937;--color-text-dark: #f3f4f6;--color-card-bg-dark: #374151;--color-card-border-dark: #4b5563;--color-input-bg-dark: #1f2937;--color-text-muted-dark: #d1d5db;--color-pink: #ec4899;--color-indigo: #6366f1;--color-green: #10b981;--color-yellow: #fcd34d;--color-neon-purple: #a78bfa;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease}body.light{background-color:var(--color-bg-light);color:var(--color-text-light)}body.dark{background-color:var(--color-bg-dark);color:var(--color-text-dark)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}body.light ::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}body.dark ::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px}button{font-family:inherit;border:none;cursor:pointer;outline:none;background:none}button:disabled{opacity:.6;cursor:not-allowed}input,textarea{font-family:inherit;outline:none;border:none;background:none}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.mobile-container{width:100%;max-width:600px;margin:0 auto}.card{background:var(--color-card-bg-light);border:1px solid var(--color-card-border-light);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:0 1px 3px #0000001a;transition:all .2s ease}body.dark .card{background:var(--color-card-bg-dark);border-color:var(--color-card-border-dark)}.card-glow{border:2px solid var(--color-neon-purple);box-shadow:0 0 20px #a78bfa4d}.btn-primary{background:var(--color-indigo);color:#fff;padding:12px 20px;border-radius:var(--radius-sm);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:all .2s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.btn-primary:active{transform:translateY(0)}.input{width:100%;padding:12px var(--spacing-lg);border-radius:var(--radius-sm);border:1px solid var(--color-card-border-light);background:var(--color-input-bg-light);color:var(--color-text-light);font-size:16px;transition:all .2s ease}body.dark .input{background:var(--color-input-bg-dark);border-color:var(--color-card-border-dark);color:var(--color-text-dark)}.input:focus{border-color:var(--color-indigo);outline:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.spinner{border:3px solid rgba(236,72,153,.2);border-top-color:var(--color-pink);border-radius:50%;width:32px;height:32px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){:root{--spacing-lg: 12px;--spacing-xl: 16px}.container{padding:0 var(--spacing-md)}}button,.btn-primary{-webkit-user-select:none;user-select:none}@supports (padding: max(0px)){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}@keyframes slideDown{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-enter{animation:slideDown .3s ease-out}