:root{--color-primary: #008cff;--color-primary-light: #e5f3ff;--color-primary-dark: #0070cc;--color-secondary: #00C853;--color-secondary-light: #E8F5E9;--color-secondary-dark: #00A040;--color-danger: #EB2026;--color-danger-light: #FDE8E9;--color-danger-dark: #D31D22;--color-background: #F2F2F2;--color-surface: #FFFFFF;--color-text: #000000;--color-text-muted: #4a4a4a;--color-border: #EAEAEA;--color-warning: #FF9500;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.05), 0 1px 3px rgba(0,0,0,.03);--shadow-lg: 0 10px 15px rgba(0,0,0,.05), 0 4px 6px rgba(0,0,0,.03);--shadow-float: 0 12px 24px rgba(0, 102, 255, .15);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}@media(prefers-color-scheme:dark){:root{--color-background: #121212;--color-surface: #1E1E1E;--color-text: #FFFFFF;--color-text-muted: #A0A0A0;--color-border: #333333}}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-direction:column;min-height:100vh;margin:0 auto;max-width:480px;background-color:var(--color-background);box-shadow:var(--shadow-xl);position:relative;overflow-x:hidden}h1{font-size:1.75rem;font-weight:700;line-height:1.2;letter-spacing:-.02em}h2{font-size:1.5rem;font-weight:600;line-height:1.3}h3{font-size:1.25rem;font-weight:600;line-height:1.4}p{font-size:1rem;color:var(--color-text-muted)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:var(--radius-md);font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;gap:8px}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-secondary);color:#fff}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-outline{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text)}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}::-webkit-scrollbar{width:0px;background:transparent}