[data-tool-root="sugar-intake-calculator"] {
  --sic-50: #fbfbfb; --sic-100: #f7f7f7; --sic-150: #f2f2f2; --sic-200: #eeeeee;
  --sic-300: #dddddd; --sic-400: #bbbbbb; --sic-600: #666666; --sic-700: #444444;
  --sic-800: #222222; --sic-900: #111111; --sic-danger: #a12424; --sic-success: #276749;
  --sic-radius: 6px; --sic-font: "Noto Sans SC", system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  container-name: sugar-tool; container-type: inline-size; box-sizing: border-box; width: 100%;
  padding: 0 360px 48px 30px; color: var(--sic-900); background: #fff; font: 15px/1.7 var(--sic-font);
}
[data-tool-root="sugar-intake-calculator"], [data-tool-root="sugar-intake-calculator"] *, [data-tool-root="sugar-intake-calculator"] *::before, [data-tool-root="sugar-intake-calculator"] *::after { box-sizing: border-box; }
[data-tool-root="sugar-intake-calculator"] [hidden] { display: none !important; }
[data-tool-root="sugar-intake-calculator"] :focus-visible { outline: 2px solid var(--sic-900); outline-offset: 2px; }
[data-tool-root="sugar-intake-calculator"] .sic-page-header { padding: 24px 0 16px; }
[data-tool-root="sugar-intake-calculator"] .sic-page-header h1 { margin: 0; font-size: 30px; font-weight: 800; line-height: 1.2; letter-spacing: -.5px; overflow-wrap: anywhere; }
[data-tool-root="sugar-intake-calculator"] .sic-page-description { margin: 4px 0 0; color: var(--sic-600); overflow-wrap: anywhere; }
[data-tool-root="sugar-intake-calculator"] .sic-page-header hr { margin: 16px 0 0; border: 0; border-top: 1px solid var(--sic-300); }
[data-tool-root="sugar-intake-calculator"] .sic-content { padding-top: 16px; }
[data-tool-root="sugar-intake-calculator"] h2 { margin: 32px 0 16px; padding-left: 12px; border-left: 3px solid var(--sic-900); font-size: 24px; line-height: 1.3; }
[data-tool-root="sugar-intake-calculator"] h3 { margin: 0 0 8px; font-size: 18px; line-height: 1.4; }
[data-tool-root="sugar-intake-calculator"] p, [data-tool-root="sugar-intake-calculator"] ul { margin-top: 0; }
[data-tool-root="sugar-intake-calculator"] .sic-workspace { padding: 16px 24px; background: var(--sic-150); border: 1px solid var(--sic-300); border-radius: var(--sic-radius); }
[data-tool-root="sugar-intake-calculator"] .sic-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 16px; align-items: stretch; }
[data-tool-root="sugar-intake-calculator"] .sic-panel { display: flex; flex-direction: column; min-width: 0; padding: 16px; background: var(--sic-150); border: 1px solid var(--sic-300); border-radius: var(--sic-radius); }
[data-tool-root="sugar-intake-calculator"] .sic-panel-title { margin: 0 0 12px; font-size: 18px; font-weight: 700; }
[data-tool-root="sugar-intake-calculator"] .sic-calorie-field { margin-bottom: 12px; }
[data-tool-root="sugar-intake-calculator"] .sic-source-list { display: grid; gap: 8px; }
[data-tool-root="sugar-intake-calculator"] .sic-source-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 100px), 1fr)); gap: 8px; align-items: start; padding: 12px; background: #fff; border: 1px solid var(--sic-300); border-radius: var(--sic-radius); }
[data-tool-root="sugar-intake-calculator"] .sic-field { min-width: 0; }
[data-tool-root="sugar-intake-calculator"] label { display: block; margin-bottom: 4px; color: var(--sic-700); font-size: 13px; font-weight: 700; line-height: 1.4; }
[data-tool-root="sugar-intake-calculator"] .sic-input, [data-tool-root="sugar-intake-calculator"] .sic-select { width: 100%; height: 42px; padding: 0 10px; border: 1px solid var(--sic-300); border-radius: var(--sic-radius); background: #fff; color: var(--sic-900); font: 15px/1.3 var(--sic-font); font-variant-numeric: tabular-nums; }
[data-tool-root="sugar-intake-calculator"] .sic-input:focus, [data-tool-root="sugar-intake-calculator"] .sic-select:focus { border-color: var(--sic-900); }
[data-tool-root="sugar-intake-calculator"] .sic-input[aria-invalid="true"], [data-tool-root="sugar-intake-calculator"] .sic-select[aria-invalid="true"] { border-color: var(--sic-danger); }
[data-tool-root="sugar-intake-calculator"] .sic-input-unit { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; max-width: 260px; }
[data-tool-root="sugar-intake-calculator"] .sic-input-unit .sic-input { border-radius: 6px 0 0 6px; }
[data-tool-root="sugar-intake-calculator"] .sic-input-unit span { height: 42px; padding: 7px 12px; border: 1px solid var(--sic-300); border-left: 0; border-radius: 0 6px 6px 0; background: var(--sic-100); font-weight: 700; }
[data-tool-root="sugar-intake-calculator"] .sic-error { display: block; min-height: 18px; margin-top: 2px; color: var(--sic-danger); font-size: 12px; line-height: 1.4; }
[data-tool-root="sugar-intake-calculator"] .sic-remove { width: 40px; height: 42px; margin-top: 22px; border: 1px solid var(--sic-300); border-radius: var(--sic-radius); background: #fff; color: var(--sic-700); font-size: 20px; cursor: pointer; }
[data-tool-root="sugar-intake-calculator"] .sic-remove:hover { background: var(--sic-200); color: var(--sic-danger); }
[data-tool-root="sugar-intake-calculator"] .sic-add { display: grid; grid-template-columns: 1fr auto; gap: 8px; margin-top: 12px; }
[data-tool-root="sugar-intake-calculator"] .sic-help, [data-tool-root="sugar-intake-calculator"] .sic-privacy { margin: 8px 0 0; color: var(--sic-600); font-size: 13px; }
[data-tool-root="sugar-intake-calculator"] .sic-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
[data-tool-root="sugar-intake-calculator"] .sic-button { min-width: 96px; min-height: 40px; padding: 0 16px; border: 1px solid var(--sic-300); border-radius: var(--sic-radius); background: #fff; color: var(--sic-900); font: 700 14px/1 var(--sic-font); cursor: pointer; }
[data-tool-root="sugar-intake-calculator"] .sic-button:hover { background: var(--sic-200); border-color: var(--sic-400); }
[data-tool-root="sugar-intake-calculator"] .sic-button-primary { background: var(--sic-900); border-color: var(--sic-900); color: #fff; }
[data-tool-root="sugar-intake-calculator"] .sic-button-primary:hover { background: var(--sic-800); }
[data-tool-root="sugar-intake-calculator"] .sic-error-summary { margin-top: 12px; padding: 10px 12px; border-left: 3px solid var(--sic-danger); background: #fffafa; color: var(--sic-danger); }
[data-tool-root="sugar-intake-calculator"] .sic-status { min-height: 22px; margin: 8px 0 0; color: var(--sic-success); font-size: 13px; }
[data-tool-root="sugar-intake-calculator"] .sic-status[data-tone="error"] { color: var(--sic-danger); }
[data-tool-root="sugar-intake-calculator"] .sic-result-summary { display: flex; flex: 1; flex-direction: column; min-width: 0; padding: 20px; background: #fff; border: 1px solid var(--sic-300); border-radius: var(--sic-radius); }
[data-tool-root="sugar-intake-calculator"] .sic-result-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
[data-tool-root="sugar-intake-calculator"] .sic-result-eyebrow { font-weight: 700; }
[data-tool-root="sugar-intake-calculator"] .sic-badge { display: inline-flex; align-items: center; min-height: 28px; padding: 0 10px; border: 1px solid var(--sic-900); border-radius: 999px; background: var(--sic-900); color: #fff; font-size: 13px; font-weight: 700; }
[data-tool-root="sugar-intake-calculator"] .sic-result-primary { padding: 18px 0; }
[data-tool-root="sugar-intake-calculator"] .sic-result-primary > span { display: block; color: var(--sic-600); }
[data-tool-root="sugar-intake-calculator"] .sic-result-primary strong { display: block; margin: 2px 0; font-size: clamp(42px, 6vw, 64px); line-height: 1.1; font-variant-numeric: tabular-nums; }
[data-tool-root="sugar-intake-calculator"] .sic-data-band { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding: 14px 0; border-top: 1px solid var(--sic-300); border-bottom: 1px solid var(--sic-300); }
[data-tool-root="sugar-intake-calculator"] .sic-data-band > div { min-width: 0; padding: 0 12px; }
[data-tool-root="sugar-intake-calculator"] .sic-data-band > div + div { border-left: 1px solid var(--sic-300); }
[data-tool-root="sugar-intake-calculator"] .sic-data-band dt { color: var(--sic-600); font-size: 13px; }
[data-tool-root="sugar-intake-calculator"] .sic-data-band dd { margin: 2px 0 0; font-weight: 800; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
[data-tool-root="sugar-intake-calculator"] .sic-reference { margin-top: 16px; }
[data-tool-root="sugar-intake-calculator"] .sic-meter { position: relative; height: 12px; margin-top: 8px; overflow: hidden; background: var(--sic-150); border: 1px solid var(--sic-300); border-radius: 999px; }
[data-tool-root="sugar-intake-calculator"] .sic-meter-fill { display: block; width: 0; height: 100%; background: var(--sic-900); }
[data-tool-root="sugar-intake-calculator"] .sic-marker { position: absolute; top: -1px; bottom: -1px; width: 2px; background: #fff; border: 1px solid var(--sic-900); }
[data-tool-root="sugar-intake-calculator"] .sic-marker-five { left: 33.333%; } [data-tool-root="sugar-intake-calculator"] .sic-marker-ten { left: 66.667%; }
[data-tool-root="sugar-intake-calculator"] .sic-scale { display: flex; justify-content: space-between; color: var(--sic-600); font-size: 12px; }
[data-tool-root="sugar-intake-calculator"] .sic-reference p { margin: 8px 0 0; }
[data-tool-root="sugar-intake-calculator"] .sic-top-source { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; margin-top: 14px; }
[data-tool-root="sugar-intake-calculator"] .sic-breakdown { display: grid; gap: 8px; margin-top: 12px; }
[data-tool-root="sugar-intake-calculator"] .sic-breakdown-row { display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; }
[data-tool-root="sugar-intake-calculator"] .sic-breakdown-row strong { font-variant-numeric: tabular-nums; }
[data-tool-root="sugar-intake-calculator"] .sic-breakdown-row .sic-meter { grid-column: 1 / -1; margin-top: 0; }
[data-tool-root="sugar-intake-calculator"] .sic-card { margin: 0 0 16px; padding: 16px 24px; background: var(--sic-100); border: 1px solid var(--sic-300); border-radius: var(--sic-radius); }
[data-tool-root="sugar-intake-calculator"] .sic-three { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
[data-tool-root="sugar-intake-calculator"] .sic-three article { padding: 14px; background: #fff; border: 1px solid var(--sic-300); border-radius: var(--sic-radius); }
[data-tool-root="sugar-intake-calculator"] .sic-three p:last-child, [data-tool-root="sugar-intake-calculator"] .sic-steps p:last-child { margin-bottom: 0; }
[data-tool-root="sugar-intake-calculator"] .sic-steps { margin-bottom: 0; padding-left: 24px; }
[data-tool-root="sugar-intake-calculator"] .sic-formula { padding: 14px; background: #fff; border: 1px solid var(--sic-800); border-radius: var(--sic-radius); font-size: 16px; font-weight: 700; text-align: center; }
[data-tool-root="sugar-intake-calculator"] .sic-accordion details + details { border-top: 1px solid var(--sic-300); }
[data-tool-root="sugar-intake-calculator"] .sic-accordion summary { min-height: 48px; display: flex; align-items: center; cursor: pointer; font-size: 16px; font-weight: 700; }
[data-tool-root="sugar-intake-calculator"] .sic-accordion details[open] summary { margin-bottom: 12px; border-bottom: 1px solid var(--sic-300); }
[data-tool-root="sugar-intake-calculator"] .sic-accordion details > :not(summary) { margin-right: 12px; margin-left: 12px; }
[data-tool-root="sugar-intake-calculator"] .sic-list { margin-bottom: 0; padding-left: 20px; }
[data-tool-root="sugar-intake-calculator"] a { color: var(--sic-900); text-underline-offset: 3px; }
@media (max-width: 900px) { [data-tool-root="sugar-intake-calculator"] { padding-right: 8px; padding-left: 8px; } }
@media (max-width: 720px) {
  [data-tool-root="sugar-intake-calculator"] .sic-grid, [data-tool-root="sugar-intake-calculator"] .sic-three { grid-template-columns: 1fr; gap: 8px; }
  [data-tool-root="sugar-intake-calculator"] .sic-source-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-tool-root="sugar-intake-calculator"] .sic-source-row .sic-field:first-child { grid-column: 1 / -1; }
  [data-tool-root="sugar-intake-calculator"] .sic-remove { width: 100%; margin-top: 0; }
}
@media (max-width: 430px) {
  [data-tool-root="sugar-intake-calculator"] .sic-workspace, [data-tool-root="sugar-intake-calculator"] .sic-panel, [data-tool-root="sugar-intake-calculator"] .sic-card { padding: 12px; }
  [data-tool-root="sugar-intake-calculator"] .sic-source-row, [data-tool-root="sugar-intake-calculator"] .sic-actions, [data-tool-root="sugar-intake-calculator"] .sic-add, [data-tool-root="sugar-intake-calculator"] .sic-data-band { display: grid; grid-template-columns: 1fr; }
  [data-tool-root="sugar-intake-calculator"] .sic-data-band > div { padding: 8px 0; } [data-tool-root="sugar-intake-calculator"] .sic-data-band > div + div { border-top: 1px solid var(--sic-300); border-left: 0; }
  [data-tool-root="sugar-intake-calculator"] .sic-button { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) { [data-tool-root="sugar-intake-calculator"], [data-tool-root="sugar-intake-calculator"] *, [data-tool-root="sugar-intake-calculator"] *::before, [data-tool-root="sugar-intake-calculator"] *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } }