body{color:#fff;background-color:#1a1a2e;margin:0;font-family:system-ui,-apple-system,sans-serif}:root{--bg-primary:#070707;--bg-surface:#0f0f0f;--bg-surface-raised:#141414;--bg-surface-sunken:#0a0a0a;--border-subtle:#1e1e1e;--border-default:#2a2a2a;--border-strong:#3a3a3a;--accent:#24d861;--accent-dim:#24d8611a;--accent-border:#24d86166;--text-primary:#f2f2f2;--text-secondary:#a3a3a3;--text-tertiary:#6b6b6b;--text-on-accent:#07130c;--danger:#e05d5d;--danger-dim:#e05d5d1a;--warning:#e0c95d;--warning-dim:#e0c95d1a;--success:#24d861;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif;--font-mono:"SF Mono", "Cascadia Code", Consolas, Monaco, monospace;--text-xs:.75rem;--text-sm:.85rem;--text-base:1rem;--text-lg:1.15rem;--text-xl:1.5rem;--text-2xl:2rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--transition-fast:.12s ease;--transition-base:.2s ease;--focus-ring:0 0 0 3px #24d86159}*{box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:700}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{color:var(--text-secondary);margin:0}code,pre{font-family:var(--font-mono)}a{color:var(--accent)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}button{font-family:inherit;font-size:var(--text-base);cursor:pointer;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-surface-raised);color:var(--text-primary);padding:var(--space-3) var(--space-6);transition:border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast)}button:hover:not(:disabled){border-color:var(--border-strong);background:#1a1a1a}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent);font-weight:600}.btn-primary:hover:not(:disabled){background:#2ee873;border-color:#2ee873}input,textarea{font-family:inherit;font-size:var(--text-base);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-fast)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}input:focus,textarea:focus{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.page-container{width:100%;max-width:720px;padding:0 var(--space-4);margin:0 auto}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--bg-surface) 25%, var(--bg-surface-raised) 50%, var(--bg-surface) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.6s ease-in-out infinite shimmer}@media (width<=640px){.page-container{padding:0 var(--space-3)}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}button{width:100%}button+button{margin-top:var(--space-2)!important;margin-left:0!important}}