:root{--ink:#173649;--muted:#607581;--blue:#17597e;--soft:#f1f7f9;--line:#d5e2e7;--white:#fff;--shadow:0 12px 30px rgba(23,54,73,.08);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--soft);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;line-height:1.55}button,input{font:inherit;color:inherit}[hidden]{display:none!important}.container{width:min(calc(100% - 36px),var(--max));margin-inline:auto}.skip-link{position:fixed;z-index:100;left:10px;top:8px;padding:8px 12px;background:var(--ink);color:#fff;border-radius:7px;transform:translateY(-150%)}.skip-link:focus{transform:none}
.site-header{position:sticky;z-index:20;top:0;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.header-inner{width:min(calc(100% - 36px),var(--max));height:56px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--ink);color:#fff;font-size:12px;font-weight:900}.brand strong,.brand small{display:block;line-height:1.1}.brand strong{font-size:13px}.brand small,.tool-number{color:var(--muted);font-size:10px}.tool-number{padding:5px 9px;border-radius:999px;background:var(--soft);font-weight:800}
.checker-shell{padding:22px 0 42px}.page-intro{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin-bottom:14px}.eyebrow{width:100%;margin:0 0 -10px;color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.13em}.page-intro h1{margin:0;font-size:clamp(26px,3vw,38px);line-height:1.25}.page-intro>p:last-child{margin:0;color:var(--muted);font-size:14px}.checker-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.card-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:10px}.card-heading h2{margin:0;font-size:17px}.card-heading p{margin:1px 0 0;color:var(--muted);font-size:11px}.reset-button{min-height:40px;padding:0 14px;border:1px solid #b9cdd5;border-radius:999px;background:#fff;cursor:pointer;font-size:12px;font-weight:800}
.input-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10px}.input-panel{padding:12px;border:1px solid var(--line);border-radius:13px;background:#fbfcfd}.input-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.input-label label{font-size:12px;font-weight:900}.input-label output{color:var(--blue);font-size:17px;font-weight:900}.number-with-unit{display:flex;align-items:center;border:1px solid #b9cdd5;border-radius:9px;background:#fff;overflow:hidden}.number-with-unit input{width:100%;height:42px;padding:0 10px;border:0;background:transparent;font-weight:900;text-align:right}.number-with-unit span{padding-right:10px;font-size:12px;font-weight:900}input[type=range]{width:100%;height:28px;margin:5px 0 3px;accent-color:var(--blue);cursor:pointer}.presets,.quick-trials{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.presets button,.quick-trials button{min-height:32px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer;font-size:10px;font-weight:800}.presets button[aria-pressed=true],.quick-trials button[aria-pressed=true]{border-color:var(--blue);background:#e9f4f8;color:var(--blue)}.input-panel>p{margin:6px 0 0;color:var(--muted);font-size:9px}.stepper{display:grid;grid-template-columns:42px 1fr 42px;gap:5px}.stepper>button{min-height:42px;border:1px solid #b9cdd5;border-radius:9px;background:#fff;cursor:pointer;font-size:20px;font-weight:900}.quick-trials{margin-top:8px}.input-status{margin:9px 0 0;padding:7px 10px;border-radius:8px;background:#eaf5ee;color:#276044;font-size:11px;font-weight:800}
.results{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.main-result{padding:14px;border-radius:13px;background:linear-gradient(135deg,#eaf6fa,#f3f9f5)}.main-result>div:first-child{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.main-result p{margin:0;color:var(--muted);font-size:12px;font-weight:800}.main-result strong{color:var(--blue);font-size:clamp(34px,4vw,52px);line-height:1}.probability-meter{height:9px;margin-top:12px;border-radius:999px;background:#d9e6ea;overflow:hidden}.probability-meter span{display:block;width:30%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3f87a6,#55a879);transition:width .2s}.support-results{display:grid;gap:4px}.support-results>div{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:7px 11px;border-left:4px solid var(--accent);border-radius:7px;background:#f7f9fa}.support-results span{font-size:11px;font-weight:800}.support-results strong{font-size:16px}
.insights-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.insight-card{border:1px solid var(--line);border-radius:11px;background:#fff}.insight-card summary{min-height:42px;padding:10px 13px;cursor:pointer;font-size:12px;font-weight:900}.formula-card{grid-column:1/-1}.insight-content{padding:0 12px 12px}.insight-content>p{margin:0 0 7px;color:var(--muted);font-size:10px}.progress-list,.progress-extra{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.progress-item{padding:7px;border-radius:7px;background:var(--soft);text-align:center}.progress-item span,.progress-item strong{display:block}.progress-item span{color:var(--muted);font-size:9px}.progress-item strong{font-size:12px}.progress-item.current{outline:2px solid var(--blue);background:#e8f4f8}.progress-more{margin-top:6px}.progress-more>summary{min-height:36px;padding:7px 9px;border:1px solid var(--line);border-radius:7px}.progress-more>div{margin-top:5px}.threshold-list{display:grid;grid-template-columns:1fr 1fr;gap:5px}.threshold-item{display:flex;justify-content:space-between;gap:8px;padding:8px;border-left:4px solid #4d91af;border-radius:7px;background:var(--soft);font-size:10px}.threshold-item strong{font-size:12px}.formula-steps{display:flex;flex-wrap:wrap;gap:5px}.formula-steps span{padding:6px 8px;border-radius:7px;background:var(--soft);font-size:10px}.formula-steps strong{color:var(--blue)}.site-footer{padding:20px 0;background:#0e2737;color:#dfe9ee}.site-footer .container{display:flex;justify-content:space-between;gap:30px;align-items:center}.site-footer strong{font-size:12px}.site-footer p{margin:0;color:#a9bbc5;font-size:10px}
button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #f2b94b;outline-offset:2px}@media(max-width:800px){.input-grid,.results{grid-template-columns:1fr}.progress-list,.progress-extra{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.container,.header-inner{width:calc(100% - 24px)}.header-inner{height:52px}.tool-number{display:none}.checker-shell{padding:14px 0 28px}.page-intro{display:block;margin-bottom:10px}.eyebrow{margin:0 0 3px}.page-intro h1{font-size:24px}.page-intro>p:last-child{margin:5px 0 0;font-size:11px}.checker-card{padding:10px;border-radius:14px}.card-heading{align-items:flex-start}.input-panel{padding:9px}.presets,.quick-trials{grid-template-columns:repeat(3,1fr)}.results{gap:6px}.main-result{padding:12px}.main-result strong{font-size:40px}.insights-grid{grid-template-columns:1fr}.formula-card{grid-column:auto}.progress-list,.progress-extra{grid-template-columns:repeat(2,1fr)}.site-footer .container{display:block}.site-footer p{margin-top:5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}}