:root{color-scheme:light;--widget-page:#f3f0e8;--widget-surface:#fffdf8;--widget-ink:#182723;--widget-muted:#52675c;--widget-border:#d7d3c7;--widget-input:#fff;--widget-input-border:#687d70;--widget-soft:#e8efe5;--widget-card:#faf8f0;--widget-button:#14382e;--widget-button-ink:#fff;--widget-link:#963717;--widget-error:#a52c18;--widget-focus:#b54d2b;--widget-warning:#fff2d5;--widget-warning-ink:#5d3910;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--widget-ink);background:var(--widget-page)}
*{box-sizing:border-box}
body{min-height:100vh;margin:0;padding:12px;color:var(--widget-ink);background:var(--widget-page)}
body[data-theme=sotet]{color-scheme:dark;--widget-page:#0b1d17;--widget-surface:#112b22;--widget-ink:#edf6ef;--widget-muted:#bdcfc3;--widget-border:#476454;--widget-input:#0b2018;--widget-input-border:#829c8c;--widget-soft:#1a3d2e;--widget-card:#153427;--widget-button:#b7e8ca;--widget-button-ink:#102c22;--widget-link:#ffd191;--widget-error:#ffbea6;--widget-focus:#ffd06a;--widget-warning:#4b3515;--widget-warning-ink:#ffe1a3}
.human-widget{max-width:900px;margin:0 auto;padding:clamp(16px,3vw,24px);border:1px solid var(--widget-border);border-radius:18px;background:var(--widget-surface);box-shadow:0 8px 28px #263e3420}
.widget-brand{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:13px;font-weight:750}
.widget-brand span{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#14382e;color:#f6f1e8;font-family:Georgia,serif;font-size:19px}
.widget-brand small{font-weight:400;color:var(--widget-muted);font-size:12px}
h1{max-width:650px;margin:0 0 16px;font-family:Georgia,serif;font-weight:600;font-size:clamp(24px,4.3vw,32px);line-height:1.12;letter-spacing:-.025em}
label{display:block;margin-bottom:6px;font-size:13px;font-weight:650}
.entry{display:flex;gap:8px}
.entry-field{position:relative;flex:1;min-width:0}
.entry-field input{width:100%;padding:12px 45px 12px 14px;min-height:48px;border:1.5px solid var(--widget-input-border);border-radius:10px;background:var(--widget-input);color:var(--widget-ink);font:inherit;font-size:18px;font-variant-numeric:tabular-nums}
.entry-field span{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-weight:650;color:var(--widget-muted)}
button{border:0;cursor:pointer;font:inherit}
.entry>button{min-height:48px;padding:0 18px;border-radius:10px;background:var(--widget-button);color:var(--widget-button-ink);font-weight:650}
.presets{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 14px}
.presets button{min-height:44px;border:1px solid var(--widget-border);border-radius:999px;background:var(--widget-soft);color:var(--widget-ink);padding:7px 10px;font-size:12px}
.presets button:hover{background:var(--widget-card)}
.slider-label{margin-bottom:4px;color:var(--widget-muted);font-size:12px}
input[type=range]{display:block;width:100%;min-height:44px;margin:0;accent-color:var(--widget-button);cursor:pointer}
.scale-labels{display:flex;justify-content:space-between;gap:6px;margin:3px 0 13px;color:var(--widget-muted);font-size:12px}
.amount-reading{margin:12px 0;padding:9px 13px;border-radius:9px;background:var(--widget-soft);font-size:14px}
.amount-reading strong{color:var(--widget-ink)}
h2{margin:13px 0 8px;font-family:Georgia,serif;font-size:17px;font-weight:650}
.units{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
.units>div{min-width:0;padding:10px 12px;border-radius:10px;background:#15382f;color:#fff}
.units dt{font-size:12px;color:#d0ddd5}
.units dd{margin:5px 0 0;font-size:clamp(14px,3vw,19px);font-weight:750;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.comparison-grid article{min-width:0;padding:12px;border:1px solid var(--widget-border);border-radius:11px;background:var(--widget-card)}
.comparison-grid span{display:block;font-size:12px;color:var(--widget-muted)}
.comparison-grid strong{display:block;margin:6px 0 3px;font-size:clamp(15px,2.8vw,20px);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.comparison-grid p{margin:0;font-size:12px;line-height:1.45;color:var(--widget-muted)}
.widget-note{margin:13px 0 8px;color:var(--widget-muted);font-size:12px;line-height:1.5}
.widget-note a{display:inline-flex;align-items:center;min-height:44px}
a{color:var(--widget-link);text-underline-offset:2px;overflow-wrap:anywhere}
.detail-link{display:inline-flex;align-items:center;min-height:44px;font-size:12px;font-weight:650}
.error{margin:8px 0;color:var(--widget-error);font-size:12px}
[hidden]{display:none!important}
button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--widget-focus);outline-offset:2px}
input[aria-invalid=true]{border-color:var(--widget-error)}
@media(max-width:480px){body{padding:7px}.human-widget{padding:13px;border-radius:12px}h1{font-size:24px}.entry{gap:5px}.entry>button{padding:0 10px}.presets{gap:5px}.presets button{padding:6px 8px}.comparison-grid{grid-template-columns:1fr;gap:5px}.comparison-grid article{padding:8px 10px}.comparison-grid strong{margin:2px 0;font-size:17px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.widget-version{margin-top:12px;color:var(--widget-muted);font-size:12px;line-height:1.5}
.widget-version a{display:inline-flex;align-items:center;min-height:44px}
.widget-version small{font-size:inherit}
.editorial-description{margin:-4px 0 16px;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.editorial-source{margin:0 0 16px;padding:12px 14px;border:1px solid var(--widget-border);border-radius:10px;background:var(--widget-soft);overflow-wrap:anywhere}
.editorial-source h2{margin:0 0 8px;font-family:inherit;font-size:13px;font-weight:750}
.editorial-source p{margin:5px 0;font-size:13px;line-height:1.55}
.editorial-source a{display:inline-flex;align-items:center;min-height:44px;max-width:100%}
.editorial-source .editorial-disclaimer{color:var(--widget-muted);font-size:12px}
.editorial-source .source-warning{margin-top:10px;padding:9px 11px;border-left:3px solid currentColor;border-radius:5px;background:var(--widget-warning);color:var(--widget-warning-ink);font-size:13px}
body[data-layout=tomor] .human-widget{max-width:680px;padding:14px}
body[data-layout=tomor] h1{font-size:clamp(22px,3.7vw,27px);margin-bottom:12px}
body[data-layout=tomor] .editorial-source{padding:10px 12px;margin-bottom:12px}
body[data-layout=tomor] .comparison-grid{grid-template-columns:1fr;gap:6px}
body[data-layout=tomor] .comparison-grid article{padding:9px 11px}
body[data-layout=tomor] .comparison-grid strong{font-size:17px;margin:3px 0}
@media(max-width:480px){.units{grid-template-columns:1fr}.units>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.units dt{font-size:12px}.units dd{margin:0;font-size:17px;text-align:right}}
@media(max-width:380px){.entry{flex-wrap:wrap}.entry-field{flex-basis:100%}.entry>button{width:100%}}