:root{--bg-color: #0a0e14;--surface-color: rgba(30, 41, 59, .7);--accent-color: #3b82f6;--accent-glow: rgba(59, 130, 246, .5);--text-primary: #f8fafc;--text-secondary: #94a3b8;--border-color: rgba(255, 255, 255, .1);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1);--success: #10b981;--danger: #ef4444;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;background-color:var(--bg-color);color:var(--text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:radial-gradient(circle at top right,#1e293b,#0a0e14)}#root{width:100%;max-width:600px;margin:0 auto;padding:1rem;min-height:100vh}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:1.5rem;padding:1.5rem;box-shadow:0 8px 32px #0000005e}h1,h2,h3{font-weight:700;letter-spacing:-.025em;margin-bottom:1rem}button{cursor:pointer;border-radius:.75rem;border:1px solid transparent;padding:.6em 1.2em;font-size:1rem;font-weight:500;font-family:inherit;background-color:var(--accent-color);color:#fff;transition:all .2s ease;box-shadow:0 0 15px var(--accent-glow)}button:hover{filter:brightness(1.1);transform:translateY(-1px)}button:active{transform:translateY(0)}button.secondary{background-color:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:none}input{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:.5rem;padding:.75rem;color:var(--text-primary);font-size:1rem;width:100%;transition:border-color .2s}input:focus{outline:none;border-color:var(--accent-color)}.flex{display:flex}.flex-col{flex-direction:column}.gap-2{gap:.5rem}.gap-4{gap:1rem}.items-center{align-items:center}.justify-between{justify-content:space-between}