:root{--bg:#fbfaf8;--surface:#fff;--surface-result:#f6f5f1;--surface-sunken:#fff;--text:#1b1a17;--text-strong:#1b1a17;--text-muted:#6d6a63;--text-faint:#837f77;--label:#4a4842;--border:#dcd8d1;--border-control:#c9c4bb;--border-subtle:#ece9e3;--accent:#2f5d3f;--accent-ring:#2f5d3f1f;--warning-text:#7a4a00;--warning-bg:#fdf7ea;--warning-border:#ecd9ae;--danger:#b3261e;--danger-border:#e5b4b0;--danger-bg:#fdf3f2;--control-height:48px;--control-font:17px;--toggle-height:44px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#131412;--surface:#1a1b18;--surface-result:#1c1e1a;--surface-sunken:#161714;--text:#e9e7e1;--text-strong:#f3f1ec;--text-muted:#9c9990;--text-faint:#85827a;--label:#b8b5ac;--border:#34362f;--border-control:#43463d;--border-subtle:#2c2e28;--accent:#86b898;--accent-ring:#86b8982e;--warning-text:#e0a63a;--warning-bg:#241f12;--warning-border:#4a3d1d;--danger:#f2b8b5;--danger-border:#5c3330;--danger-bg:#241716}}:root[data-theme=dark]{--bg:#131412;--surface:#1a1b18;--surface-result:#1c1e1a;--surface-sunken:#161714;--text:#e9e7e1;--text-strong:#f3f1ec;--text-muted:#9c9990;--text-faint:#85827a;--label:#b8b5ac;--border:#34362f;--border-control:#43463d;--border-subtle:#2c2e28;--accent:#86b898;--accent-ring:#86b8982e;--warning-text:#e0a63a;--warning-bg:#241f12;--warning-border:#4a3d1d;--danger:#f2b8b5;--danger-border:#5c3330;--danger-bg:#241716}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (pointer:fine){:root{--control-height:44px;--control-font:16px;--toggle-height:34px}}*,:before,:after{box-sizing:border-box}body{min-height:100svh;margin:0}#root{max-width:640px;min-height:100svh;margin:0 auto;padding:20px 16px 32px}.app-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:14px;display:flex}.app-header h1{letter-spacing:-.015em;margin:0;font-size:20px;font-weight:700}.theme-toggle{background:var(--surface);border:1px solid var(--border-control);border-radius:7px;padding:3px;display:flex}.theme-toggle button{min-width:46px;height:var(--toggle-height);font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:0 10px;font-size:13px;font-weight:500}.theme-toggle button[aria-pressed=true]{color:var(--text);background:var(--surface-result);box-shadow:inset 0 0 0 1px var(--border);font-weight:600}.theme-toggle button:focus-visible{box-shadow:0 0 0 2px var(--accent-ring), inset 0 0 0 1px var(--accent);outline:none}@media (width>=1024px){#root{max-width:1120px;padding:32px 48px 48px}.app-header h1{font-size:22px}}.calculator{flex-direction:column;gap:24px;display:flex}.calculator__form,.calculator__output{flex-direction:column;gap:20px;display:flex}@media (width>=1024px){.calculator{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:48px;display:grid}}.calculator__hint{color:var(--text-muted);margin:0;font-size:14px}.calculator__placeholder{background:var(--surface);border:1px dashed var(--border-control);color:var(--text-muted);text-align:center;text-wrap:pretty;border-radius:8px;flex-direction:column;align-items:center;gap:10px;padding:32px 20px;display:flex}.calculator__placeholder p{margin:0;font-size:15px}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--label);font-size:14px;font-weight:600}.field select,.field input{width:100%;height:var(--control-height);font:inherit;font-size:var(--control-font);color:var(--text);background:var(--surface);border:1px solid var(--border-control);border-radius:6px;padding:0 12px}.field select:focus-visible,.field input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.field-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.field__control{height:var(--control-height);background:var(--surface);border:1px solid var(--border-control);border-radius:6px;align-items:center;gap:8px;padding:0 12px;display:flex}.field__control:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.field__control input{font-variant-numeric:tabular-nums;background:0 0;border:none;flex:1;min-width:0;height:auto;padding:0}.field__control input:focus-visible{box-shadow:none}.field__control input[type=number]{appearance:textfield}.field__control input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.field__control input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field__suffix{color:var(--text-muted);font-size:15px}.field__hint{color:var(--text-muted);margin:0;font-size:13px}.field__help{color:var(--text-muted);font-size:14px}.field__help summary{cursor:pointer;color:var(--text);font-weight:600}.field__help p{text-wrap:pretty;margin:8px 0 0}.klövvilt-form{flex-direction:column;gap:20px;display:flex}.notice{color:var(--warning-text);background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:6px;gap:12px;padding:14px;font-size:14px;display:flex}.notice__icon{flex-shrink:0;margin-top:1px}.notice__body{text-wrap:pretty;flex-direction:column;gap:4px;display:flex}.notice__title{font-weight:600}.notice p{margin:0}.result-card{background:var(--surface-result);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:14px;padding:18px 16px;display:flex}.result-card--empty{color:var(--text-muted)}.result-conflicts{color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:6px;padding:12px 14px;font-size:14px}.result-conflicts p{margin:0 0 6px}.result-conflicts ul{margin:0;padding-left:1.25rem}.result-components{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.result-components li{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.result-components__description{flex-direction:column;gap:2px;font-size:15px;display:flex}.result-components__detail{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:13px}.result-components__amount{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:15px}.result-total{border-top:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;margin:0;padding-top:14px;display:flex}.result-total__label{color:var(--label);font-size:15px;font-weight:600}.result-total__amount{letter-spacing:-.02em;color:var(--text-strong);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:30px;font-weight:700}.result-meat-estimate{background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:6px;flex-direction:column;gap:4px;margin:0;padding:12px;display:flex}.result-meat-estimate__headline{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.result-meat-estimate__detail{color:var(--text-muted);text-wrap:pretty;font-size:13px}.result-actions{align-items:center;gap:12px;display:flex}.result-actions button{height:44px;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-control);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:500;display:inline-flex}.result-actions button:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.result-actions__status{color:var(--text-muted);font-size:14px}.result-meta{color:var(--text-faint);margin:0;font-size:12px}.price-list{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:14px 16px}.price-list summary{cursor:pointer;font-size:15px;font-weight:600}.price-list__section{margin-top:20px}.price-list__section h3{margin:0 0 4px;font-size:15px;font-weight:700}.price-list__category h4{letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);margin:14px 0 2px;font-size:12px;font-weight:600}.price-list ul{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.price-list li{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:baseline;gap:16px;padding:7px 0;font-size:15px;display:flex}.price-list__amount{font-variant-numeric:tabular-nums;white-space:nowrap}.price-list .notice{margin-top:12px;font-size:13px}@media (width>=1024px){.result-total__amount{font-size:36px}}
