:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent: #38bdf8;--accent-glow: rgba(56, 189, 248, .5);--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1);--glass-blur: 12px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}.container{max-width:600px;margin:0 auto;padding:20px;width:100%;box-sizing:border-box}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-md)}.btn{background:var(--accent);color:var(--bg-primary);border:none;padding:12px 20px;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.btn:active{transform:scale(.98)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0d}h1,h2,h3{margin-top:0;font-weight:700;letter-spacing:-.025em}p{line-height:1.6;color:var(--text-secondary)}