:root{color-scheme:light;--ink:#17382f;--muted:#4c625a;--paper:#f4f5ed;--line:#ccd7cc;--blue:#2855c2;--green:#256c51;--orange:#a54b1b;--light-blue:#e9efff;--light-green:#e5f0e8;--label-width:3.1rem;--bar-gap:10px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Noto Sans JP","Yu Gothic",sans-serif;line-height:1.75}a{color:#1e4cae;text-underline-offset:.18em}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button{min-height:48px;border:1px solid #8da394;border-radius:8px;background:white;color:var(--ink);padding:10px 15px;cursor:pointer;font-weight:650;text-align:left}button:hover{background:#edf2e9}input{min-width:0;max-width:100%;width:100%;font-size:1.25rem;font-variant-numeric:tabular-nums;border:1px solid #71877d;background:#fff;border-radius:6px;color:var(--ink);padding:9px 11px;min-height:48px}input[aria-invalid=true]{border:2px solid #a03422;background:#fff4ef}.skip-link{position:fixed;top:-100px;left:16px;z-index:2;background:white;padding:12px}.skip-link:focus{top:12px}main{max-width:1100px;margin:auto;padding:28px 24px 56px}header{max-width:790px;margin-bottom:30px}h1,h2,h3,p,figure{margin-top:0}h1{font-size:clamp(2rem,5.2vw,3.5rem);line-height:1.3;letter-spacing:-.035em;margin:18px 0}h2{font-size:clamp(1.35rem,3vw,1.75rem);line-height:1.45;margin-bottom:14px}h3{font-size:1.08rem;line-height:1.55;margin-bottom:8px}p{margin-bottom:16px}.eyebrow{display:block;letter-spacing:.12em;font-size:.75rem;font-weight:750;margin-top:22px;color:var(--green)}.lead{font-size:1.08rem}.small{font-size:.875rem;color:var(--muted)}.definition{border-left:3px solid var(--green);padding-left:15px}.section-number{font-size:.8rem;letter-spacing:.08em;color:var(--green);display:block;margin-bottom:4px}.workspace{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.55fr);gap:24px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:22px;min-width:0}.controls{position:relative}.day-inputs{border:0;padding:16px 0 8px;margin:0;border-bottom:1px solid var(--line);min-width:0}.day-inputs legend{font-weight:750;padding:0}.day-label{display:inline-block;font-size:.8rem;color:var(--muted);font-weight:400;margin-left:8px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field label{display:block;font-size:.9rem;font-weight:650;margin-bottom:6px}.error{margin:6px 0 8px;color:#982f20;font-size:.8rem;line-height:1.5}.error:empty{display:none}.controls-hint{margin:12px 0;font-size:.8rem;color:var(--muted)}.reset{margin-top:8px;width:100%;text-align:center;background:var(--paper)}.preset-list{display:grid;gap:9px;margin-top:14px}.preset-list button span{display:block;font-weight:400;font-size:.8rem}.day-marker{display:inline-block;width:.7em;height:.7em;border-radius:2px;background:var(--blue);margin-right:7px}.day-two{background:var(--green)}.charts{display:grid;gap:24px}.chart{border-bottom:1px solid var(--line);padding-bottom:20px}.chart:last-child{border-bottom:0;padding-bottom:0}.chart-question{color:var(--muted);font-size:.87rem;margin-bottom:15px}.bar-row{display:grid;grid-template-columns:var(--label-width) minmax(0,1fr);gap:var(--bar-gap);align-items:center;margin:12px 0}.bar-label{font-size:.8rem;align-self:end;padding-bottom:4px}.bar-data{min-width:0}.bar-value{font-size:1.1rem;font-variant-numeric:tabular-nums;font-weight:750;display:block;margin-bottom:2px;overflow-wrap:anywhere}.bar-track{height:24px;position:relative;border-left:1px solid #87988d;background:repeating-linear-gradient(to right,transparent 0,transparent calc(50% - 1px),#dfe6df calc(50% - 1px),#dfe6df 50%);border-right:1px solid #cdd7cd}.bar{height:100%;background:var(--blue);width:0}.bar.second{background:var(--green)}.axis{margin-left:calc(var(--label-width) + var(--bar-gap));font-size:.8rem;display:flex;justify-content:space-between;font-variant-numeric:tabular-nums;gap:5px}.axis span{min-width:0;overflow-wrap:anywhere}.axis span:nth-child(2){text-align:center}.axis span:last-child{text-align:right}.chart-takeaway{font-size:.9rem;margin-top:12px;margin-bottom:0}.result-banner{margin-top:20px;background:var(--light-blue);border-radius:8px;padding:15px}.result-banner strong{display:block}.result-banner p{font-size:.9rem;margin:5px 0 0}.results-notice{margin:18px 0 0}.invalid-message{background:#fff3ec;border:1px solid #dfb39a;padding:22px;border-radius:12px}.invalid-message h2{font-size:1.3rem}.aggregate{margin-top:26px}.average-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.average-card{padding:18px;border-radius:9px;background:var(--light-green);min-width:0}.average-card.other{background:#f0f1ee}.big-number{font-size:clamp(1.9rem,4.5vw,2.8rem);line-height:1.4;font-weight:800;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.unit{font-size:.85rem;display:block;font-weight:500;margin:2px 0 12px}.formula{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:.92rem;margin-bottom:0}.weight-heading{margin:12px 0 6px;font-size:.9rem}.weight-strip{height:20px;display:flex;border-radius:4px;overflow:hidden;background:var(--blue);width:100%;border:1px solid #b6c6bc}.weight-one{background:var(--blue);height:100%}.weight-two{background:var(--green);height:100%}.weight-labels{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:.85rem;margin:6px 0 14px}.weight-labels span{overflow-wrap:anywhere}.learning{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.learning ol{padding-left:1.3em;margin-bottom:0}.learning li{margin:10px 0}.learning summary{font-weight:700;cursor:pointer;padding:8px 0}.learning details p{font-size:.9rem;margin:12px 0 0}.limits{background:#edf1e7}.limits p:last-child{margin-bottom:0}footer{margin-top:30px;border-top:1px solid var(--line);padding-top:22px;font-size:.88rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}noscript p{padding:16px;background:#fff3e2;border:1px solid #ddb678}.fallback{margin-bottom:20px}.fallback dl{display:grid;grid-template-columns:auto 1fr;gap:8px}.fallback dd{margin:0}.fallback dt{font-weight:700}.fallback .small{margin-bottom:0}
@media(max-width:760px){main{padding:20px 16px 42px}.workspace{grid-template-columns:minmax(0,1fr)}.panel{padding:19px}.controls .input-days{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field-grid{grid-template-columns:minmax(0,1fr);gap:8px}.preset-list{grid-template-columns:repeat(2,minmax(0,1fr))}.learning{grid-template-columns:1fr}.average-grid{gap:12px}.average-card{padding:14px}}
@media(max-width:420px){main{padding-left:12px;padding-right:12px}.panel{padding:16px}.average-grid{grid-template-columns:1fr}.preset-list{grid-template-columns:1fr}.day-label{display:block;margin:2px 0 0}.controls .input-days{grid-template-columns:minmax(0,1fr);gap:18px}:root{--bar-gap:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}