*,*:after,*:before{margin:0;padding:0;box-sizing:border-box}:root{--bg: #f7f6f2;--surface: #ffffff;--surface-alt: #f0ede6;--border: rgba(0, 0, 0, .09);--border-strong: rgba(0, 0, 0, .16);--text-primary: #1a1a18;--text-secondary: #6b6b65;--text-muted: #a0a09a;--accent: #2e5c3e;--accent-light: #e8f0ea;--accent-mid: #4a8c60;--danger: #c0392b;--warn: #c87941;--warn-light: #fdf3e7;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--font: "DM Sans", sans-serif;--mono: "DM Mono", monospace}body{font-family:var(--font);background:var(--bg);color:var(--text-primary);min-height:100vh;font-size:15px;line-height:1.6}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.card{background:var(--surface);border:1px solid var(--border);padding:28px;border-radius:var(--radius-lg)}.card .card-title{font-size:15px;font-weight:500;text-transform:uppercase;color:var(--text-secondary);letter-spacing:1.5px;margin-bottom:1rem}.wrapper{display:flex;flex-direction:column;gap:20px;box-sizing:border-box;padding:10px}@media (max-width: 367px){.card{padding:16px;overflow-x:auto}}