:root{--ink:#17211d;--muted:#627069;--line:#dce3df;--warm:#f5f2ea;--paper:#fff;--green:#176b4d;--green-dark:#0e4d37;--green-soft:#e6f2ec;--amber:#b96c22;--danger:#a23b35;--shadow:0 18px 50px rgba(26,44,35,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--warm);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;line-height:1.65}.site-header{height:64px;display:flex;align-items:center;justify-content:space-between;max-width:800px;margin:auto;padding:0 20px}.brand{color:var(--ink);font-weight:750;text-decoration:none}.brand span,.test-badge{font-size:.72rem;color:var(--green);background:var(--green-soft);padding:3px 8px;border-radius:999px}.hero,.calculator,.results{max-width:680px;margin:28px auto 64px;background:var(--paper);border:1px solid rgba(23,33,29,.08);border-radius:24px;padding:clamp(24px,6vw,56px);box-shadow:var(--shadow)}.hero{text-align:center;padding-top:64px;padding-bottom:48px}.eyebrow{margin:0 0 8px;color:var(--green);font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}h1{font-size:clamp(2.1rem,7vw,3.5rem);line-height:1.18;letter-spacing:-.045em;margin:12px 0 22px}h2{font-size:clamp(1.65rem,5vw,2.2rem);line-height:1.3;letter-spacing:-.025em;margin:4px 0 12px}h3{margin:32px 0 12px;font-size:1.15rem}.lead{font-size:1.05rem;color:#46534d;max-width:530px;margin:0 auto 26px}.hero-points{display:flex;justify-content:center;gap:8px;list-style:none;padding:0;margin:0 0 28px}.hero-points li{font-size:.83rem;border:1px solid var(--line);padding:5px 10px;border-radius:999px}.safety{color:#75541d;background:#fff5db;border-radius:10px;padding:10px 12px;font-size:.8rem;margin:20px 0 0}.hidden,[hidden]{display:none!important}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:12px;min-height:52px;padding:12px 20px;font-weight:750}.primary{background:var(--green);color:#fff}.primary:hover,.primary:focus-visible{background:var(--green-dark)}.secondary{background:#fff;color:var(--ink);border:1px solid #aebbb4}.large{width:min(100%,360px);font-size:1.05rem}.progress-wrap{margin-bottom:38px}.progress-wrap p{font-size:.78rem;font-weight:750;color:var(--muted);margin:0 0 6px}progress{width:100%;height:7px;border:0;border-radius:99px;overflow:hidden}progress::-webkit-progress-bar{background:#edf0ee}progress::-webkit-progress-value{background:var(--green)}progress::-moz-progress-bar{background:var(--green)}.step-intro{color:var(--muted);margin:0 0 28px}label,legend{display:block;font-weight:720;margin:20px 0 7px}fieldset{border:0;padding:0;margin:0}.required{color:var(--danger);font-size:.72rem;margin-left:3px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.segmented label{margin:0}.segmented input{position:absolute;opacity:0}.segmented span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:48px;border:1px solid #b8c2bd;border-radius:10px;font-size:.88rem}.segmented input:checked+span{border:2px solid var(--green);background:var(--green-soft);color:var(--green-dark)}.segmented input:focus-visible+span{outline:3px solid rgba(23,107,77,.25)}input,select{width:100%;min-height:52px;border:1px solid #aebbb4;border-radius:10px;background:#fff;padding:11px 13px;color:var(--ink)}input:focus,select:focus{outline:3px solid rgba(23,107,77,.18);border-color:var(--green)}input[aria-invalid="true"]{border-color:var(--danger);background:#fff8f7}.input-unit{position:relative}.input-unit input{padding-right:84px;font-size:1.05rem;font-weight:650}.input-unit span{position:absolute;right:13px;top:50%;transform:translateY(-50%);font-size:.78rem;color:var(--muted)}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.help{margin:5px 0 0;color:var(--muted);font-size:.76rem}.formula{margin:24px 0 0;background:#f0f4f1;border-left:3px solid var(--green);padding:12px;font-size:.82rem}details{margin-top:24px;border:1px solid var(--line);border-radius:12px}summary{cursor:pointer;padding:14px 16px;font-weight:720}.details-body{padding:0 16px 16px}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:38px}.form-actions button{min-width:120px}.error-summary{margin:24px 0 0;padding:14px;background:#fff0ef;border:1px solid #e1a6a2;border-radius:10px;color:#712923}.error-summary ul{margin:6px 0 0;padding-left:20px}.result-hero{background:var(--ink);color:#fff;border-radius:18px;padding:24px;margin:24px 0}.result-hero span,.result-hero small{display:block;color:#c7d2cd}.result-hero strong{display:block;font-size:clamp(2.2rem,10vw,3.7rem);line-height:1.25;letter-spacing:-.04em;margin:5px 0}.key-results{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.key-results div,.breakdown div{border:1px solid var(--line);border-radius:12px;padding:14px}.key-results span,.breakdown span{display:block;font-size:.75rem;color:var(--muted)}.key-results strong,.breakdown strong{font-size:1.08rem}.key-results small{font-size:.7rem;color:var(--muted)}.breakdown{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.bar{height:16px;border-radius:99px;overflow:hidden;background:#edf0ee;display:flex;margin-top:20px}.bar span{height:100%;display:block}.bar #cost-bar{background:var(--amber)}.bar #profit-bar{background:var(--green)}.bar-legend{display:flex;gap:16px;font-size:.72rem;color:var(--muted);margin-top:7px}.bar-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.cost-dot{background:var(--amber)}.profit-dot{background:var(--green)}.annual,.checkpoints,.interest,.disclaimer,.comparison{margin-top:26px;padding:18px;border-radius:14px;background:#f4f6f4}.annual h3,.checkpoints h3,.interest h3,.disclaimer h3,.comparison h3{margin-top:0}.annual strong{font-size:1.5rem}.checkpoints ul,.disclaimer ul{padding-left:20px;margin-bottom:0}.result-actions{display:grid;gap:10px;margin-top:28px}.notice{color:var(--green-dark);font-weight:700}.storage-note{font-size:.75rem;color:var(--muted)}.text-button{background:transparent;color:var(--danger);padding:6px;min-height:40px}.comparison table{width:100%;border-collapse:collapse;font-size:.83rem}.comparison th,.comparison td{padding:8px 4px;border-bottom:1px solid var(--line);text-align:right}.comparison th:first-child,.comparison td:first-child{text-align:left}footer{text-align:center;color:var(--muted);font-size:.72rem;padding:0 16px 40px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:520px){.site-header{height:56px}.hero,.calculator,.results{margin:8px 10px 28px;border-radius:18px;padding:24px 18px}.hero{padding-top:42px}.grid-two{grid-template-columns:1fr}.segmented span{font-size:.78rem;padding:4px}.key-results{grid-template-columns:1fr 1fr}.key-results div:first-child{grid-column:1/-1}.breakdown{grid-template-columns:1fr 1fr}.form-actions{position:sticky;bottom:0;background:linear-gradient(transparent,#fff 18%);padding-top:18px;margin-left:-2px;margin-right:-2px}.form-actions button{flex:1;min-width:0}.result-hero{padding:20px 16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}