:root{--color-primary: hsl(340, 55%, 65%);--color-primary-hover: hsl(340, 55%, 55%);--color-primary-light: hsl(340, 55%, 92%);--color-primary-text: hsl(340, 55%, 30%);--color-neutral-50: hsl(30, 10%, 98%);--color-neutral-100: hsl(30, 10%, 95%);--color-neutral-200: hsl(30, 8%, 88%);--color-neutral-300: hsl(30, 6%, 75%);--color-neutral-600: hsl(30, 5%, 40%);--color-neutral-800: hsl(30, 8%, 20%);--color-neutral-900: hsl(30, 10%, 12%);--color-surface: #ffffff;--color-background: var(--color-neutral-50);--color-text: var(--color-neutral-900);--color-text-muted: var(--color-neutral-600);--color-border: var(--color-neutral-200);--color-success-bg: #d4edda;--color-success-border: #c3e6cb;--color-success-text: #155724;--color-error: #dc3545;--color-error-bg: #f8d7da;--color-error-border: #f5c6cb;--color-error-text: #721c24;--color-warning-bg: #fff3cd;--color-warning-border: #ffc107;--color-warning-text: #856404;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: 1rem;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--font-family: "Segoe UI", system-ui, -apple-system, sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--line-height: 1.6}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height);color:var(--color-text);background-color:var(--color-background)}h1,h2,h3,h4{line-height:1.3}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}input[type=text],input[type=number]{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-base);background-color:var(--color-surface);color:var(--color-text);transition:border-color .15s}input[type=text]:focus,input[type=number]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}button{padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;background-color:var(--color-primary);color:var(--color-surface);transition:background-color .15s}button:hover{background-color:var(--color-primary-hover)}button:disabled{opacity:.5;cursor:not-allowed}label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);margin-bottom:var(--space-xs)}