:root{--bg:#f4f6f8;--card:#fff;--text:#13202b;--muted:#5d6b78;--line:#dde3e8;--accent:#1f8f63;--safe:#1f8f63;--warning:#b7791f;--last:#c2410c;--over:#c53030;--safe-bg:#e6f5ee;--warning-bg:#fdf3e1;--last-bg:#fdebe1;--over-bg:#fde8e8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0f1720;--card:#17222d;--text:#e9eef2;--muted:#9aa8b4;--line:#2a3744;--accent:#7dd3a8;--safe:#7dd3a8;--warning:#f5c76b;--last:#fb9a5c;--over:#f87171;--safe-bg:#123227;--warning-bg:#3a2e14;--last-bg:#3d2416;--over-bg:#3d1a1a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,Segoe UI,sans-serif}.page{max-width:440px;margin:0 auto;padding:16px 16px 40px}.top{justify-content:flex-end;display:flex}.lang{border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:14px}h1{margin:12px 0 4px;font-size:28px;line-height:1.25}.tagline{color:var(--muted);margin:0 0 20px}.result{background:var(--card);border:1px solid var(--line);border-radius:20px;margin-bottom:20px;padding:20px;transition:background .2s}.result.safe{background:var(--safe-bg);border-color:#0000}.result.warning{background:var(--warning-bg);border-color:#0000}.result.last{background:var(--last-bg);border-color:#0000}.result.over{background:var(--over-bg);border-color:#0000}.status{margin:0;font-weight:700}.safe .status,.safe .number{color:var(--safe)}.warning .status,.warning .number{color:var(--warning)}.last .status,.last .number{color:var(--last)}.over .status,.over .number{color:var(--over)}.big{flex-wrap:wrap;align-items:baseline;gap:6px;margin:6px 0 10px;display:flex}.number{font-variant-numeric:tabular-nums;font-size:72px;font-weight:800;line-height:1}.small{font-size:20px;font-weight:700}.details{color:var(--muted);margin:0;padding:0;font-size:14px;line-height:1.7;list-style:none}.form{background:var(--card);border:1px solid var(--line);border-radius:20px;gap:16px;padding:20px;display:grid}label{gap:6px;display:grid}.label{font-size:15px;font-weight:700}.label em{color:var(--muted);font-size:13px;font-style:normal;font-weight:400}.hint{color:var(--muted);font-size:13px}input{border:1px solid var(--line);background:var(--bg);width:100%;min-width:0;color:var(--text);font-variant-numeric:tabular-nums;border-radius:12px;padding:10px 12px;font-size:20px}input:focus{outline:2px solid var(--accent);outline-offset:1px}.stepper{grid-template-columns:56px 1fr 56px;gap:8px;display:grid}.stepper input{text-align:center}.stepper button{background:var(--accent);color:var(--card);cursor:pointer;border:none;border-radius:12px;font-size:24px;font-weight:700}.suffix{align-items:center;gap:8px;display:flex}.suffix span{color:var(--muted);font-size:20px}.foot{color:var(--muted);margin-top:20px;font-size:12px;line-height:1.6}
