:root{--font-body: "Inter", system-ui, -apple-system, sans-serif;--color-bg: #f8fafc;--color-surface: #ffffff;--color-text: #0f172a;--color-text-dim: #64748b;--color-primary: #ef4444;--color-primary-glow: rgba(239, 68, 68, .3);--color-danger: #dc2626;--color-success: #22c55e;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .1);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 8px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--color-bg: #0f172a;--color-surface: #1e293b;--color-text: #f1f5f9;--color-text-dim: #94a3b8;--color-primary: #f87171;--color-primary-glow: rgba(248, 113, 113, .2);--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .05);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);transition:background-color .3s ease,color .3s ease;min-height:100vh;display:flex;justify-content:center}#root{width:100%;max-width:480px;position:relative;overflow-x:hidden}button{cursor:pointer;border:none;background:none;font-family:inherit}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg)}.btn-primary{background:var(--color-primary);color:#fff;padding:12px 24px;border-radius:var(--radius-md);font-weight:600;transition:var(--transition)}.btn-primary:active{transform:scale(.95)}