:root{--color-primary:#4daaba;--color-secondary:#75b743;--color-button:#33718a;--color-text:#212121;--color-text-on-dark:#fff;--color-background:#fff;--color-border:#4daaba;--color-error:#c62828;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--radius-sm:.25rem;--radius-md:.5rem}*{box-sizing:border-box}body{color:var(--color-text);background-color:var(--color-background);margin:0;font-family:system-ui,-apple-system,sans-serif}.add-item{gap:var(--space-xs);width:100%;max-width:30rem;margin-bottom:var(--space-md);flex-direction:column;display:flex}.add-item-row{gap:var(--space-sm);display:flex}.add-item input{padding:var(--space-sm);border:.0625rem solid var(--color-primary);border-radius:var(--radius-sm);flex:1;font-size:1rem}.add-item button{background-color:var(--color-button);color:var(--color-text-on-dark);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;border:none;font-size:1rem}.add-item-error{color:var(--color-error);text-align:left;margin:0}.shopping-item{background-color:var(--color-secondary);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);align-items:center;gap:var(--space-sm);display:flex}.shopping-item-label{align-items:center;gap:var(--space-sm);text-align:left;cursor:pointer;flex:1;display:flex}.shopping-item-checkbox{cursor:pointer;width:1.25rem;height:1.25rem}.shopping-item button{background-color:var(--color-button);color:var(--color-text-on-dark);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;border:none;font-size:.875rem}.shopping-item button:disabled{background-color:var(--color-text);opacity:.3;cursor:not-allowed}.shopping-list{gap:var(--space-sm);flex-direction:column;width:100%;max-width:30rem;padding:0;list-style:none;display:flex}.shopping-list-empty{color:var(--color-text);margin-top:var(--space-lg)}.app{text-align:center;min-height:100vh;padding:var(--space-lg);flex-direction:column;align-items:center;display:flex}.app h1{background-color:var(--color-primary);color:var(--color-text-on-dark);width:100%;max-width:30rem;padding:var(--space-md);border-radius:var(--radius-md);font-size:1.5rem}