:root{--bg-primary: #f5f1e8;--bg-secondary: #ffffff;--color-text: #2c3e50;--color-accent: #14b8a6;--color-accent-dark: #0d9488;--color-border: #e0ddd3;--color-muted: #6b7280;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 4px rgba(0, 0, 0, .08);--border-radius: 6px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px}:root[data-theme=dark]{--bg-primary: #1e1e1e;--bg-secondary: #2a2a2a;--color-text: #e0e0e0;--color-accent: #14b8a6;--color-accent-dark: #0d9488;--color-border: #404040;--color-muted: #999999;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 4px rgba(0, 0, 0, .4)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;color:var(--color-text);background-color:var(--bg-primary);min-height:100vh;padding:var(--spacing-lg)}#app{max-width:800px;margin:0 auto}header{margin-bottom:var(--spacing-xl)}.header-content{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);position:relative}.theme-toggle{position:absolute;right:0;background:none;border:none;font-size:1.25rem;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius);transition:background .2s;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background:var(--color-border)}.theme-toggle:focus{outline:none;box-shadow:0 0 0 2px #14b8a64d}h1{font-size:1.75rem;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-sm)}h2{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-text)}section{background:var(--bg-secondary);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}label{font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-xs);color:var(--color-text)}input[type=number],select{padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:.875rem;background:var(--bg-secondary);color:var(--color-text);transition:border-color .2s}input[type=number]:focus,select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #14b8a61a}.btn-primary{background:var(--color-accent);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius);font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s;width:100%}.btn-primary:hover{background:var(--color-accent-dark)}.btn-primary:focus{outline:none;box-shadow:0 0 0 2px #14b8a64d}.btn-reset{background:var(--color-muted);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s;width:100%;margin-top:var(--spacing-md)}.btn-reset:hover{background:#4b5563}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.card{background:var(--bg-primary);border-radius:var(--border-radius);padding:var(--spacing-md);text-align:center;border:1px solid var(--color-border)}.card-label{font-size:.75rem;color:var(--color-muted);margin-bottom:var(--spacing-xs);font-weight:500}.card-value{font-size:1.5rem;font-weight:700;color:var(--color-accent)}.radio-group{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.radio-group label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;cursor:pointer}.radio-group input[type=radio]{cursor:pointer}.edit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.total-calories{background:var(--bg-primary);padding:var(--spacing-md);border-radius:var(--border-radius);text-align:center;font-size:.875rem;margin-bottom:var(--spacing-sm)}#copy-text{background:var(--bg-primary);padding:var(--spacing-md);border-radius:var(--border-radius);font-size:.875rem;line-height:1.6;color:var(--color-text);margin-bottom:var(--spacing-md);white-space:pre-wrap;font-family:Segoe UI,sans-serif;border:1px solid var(--color-border)}.copy-feedback{text-align:center;margin-top:var(--spacing-sm);font-size:.875rem;color:var(--color-accent);font-weight:600;min-height:20px}@media (max-width: 768px){body{padding:var(--spacing-md)}h1{font-size:1.5rem}.form-grid{grid-template-columns:1fr}.cards-grid{grid-template-columns:repeat(2,1fr)}.edit-grid{grid-template-columns:1fr}}@media (max-width: 480px){.cards-grid{grid-template-columns:1fr}}