:root{--ink:#1d3833;--green:#164c43;--mint:#e9f3ee;--line:#dce5df;--muted:#6d7e77;--bg:#f5f6f2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Yu Gothic",sans-serif;font-size:14px;line-height:1.7}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background .15s,transform .15s}button:active{transform:translateY(1px)}a{color:inherit;text-decoration:none}header{height:85px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px)}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;letter-spacing:-.8px}.logo{background:var(--green);color:#fff;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;font-size:28px}.beta{background:#eff2ec;font-size:10px;color:#6d7b71;border-radius:4px;padding:3px 8px;letter-spacing:.5px;margin-left:6px}nav{display:flex;gap:28px;color:var(--muted);font-size:13px}main{max-width:1120px;margin:auto;padding:45px 28px 0}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.eyebrow{font-size:10px;letter-spacing:2px;color:#658075;font-weight:700;margin:0 0 10px}h1{font-size:34px;letter-spacing:-1.5px;line-height:1.5;margin:0 0 12px}p{margin-top:0}.sub{color:var(--muted);margin-bottom:0;font-size:14px}.badge{font-size:11px;white-space:nowrap;background:#e9efdf;color:#527044;padding:7px 13px;border-radius:30px}.workspace{display:grid;grid-template-columns:1.12fr 1fr;gap:25px;align-items:start}.card{background:#fff;border:1px solid var(--line);border-radius:15px}.calculator{padding:26px}.sectiontop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}h2{font-size:18px;letter-spacing:-.5px;margin:0}h3{font-size:14px;margin:0}.step{font-family:monospace;font-size:13px;letter-spacing:0;color:#81988c;margin-right:8px}select{border:1px solid var(--line);border-radius:6px;padding:5px 8px;background:#fff;font-size:12px;color:var(--ink)}.tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:4px;background:#f1f4ef;border-radius:8px;gap:4px}.tabs button{border:0;background:transparent;color:var(--muted);padding:9px 2px;border-radius:6px;font-size:13px}.tabs button.active{background:#fff;color:var(--green);box-shadow:0 1px 4px #173a3010;font-weight:700}.diagram{margin:20px 0;background:#f5f8f4;border:1px solid #e6ede7;border-radius:10px;overflow:hidden;text-align:center}.diagram svg{display:block;width:100%;height:145px}.diagram span{display:block;font-size:11px;color:#708579;padding:6px;border-top:1px solid #e6ede7}label{display:block;font-size:12px;font-weight:600}label span{font-size:11px;color:var(--muted);font-weight:400;margin-left:5px}.optional{background:#f1f3ef;padding:1px 5px;border-radius:3px}input{display:block;width:100%;border:1px solid var(--line);border-radius:7px;padding:10px 12px;margin-top:6px;background:#fff;color:var(--ink);min-width:0;font-size:16px}input:focus,select:focus{outline:2px solid #a7c9b9;outline-offset:1px}input::placeholder{color:#a3afa6;font-size:13px}.full{margin:15px 0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:15px 0}.hint{font-size:10px;line-height:1.7;color:var(--muted);margin-top:-6px}.live-result{background:#f0f6ef;padding:16px;border-radius:9px;margin-top:20px}.live-result>div{display:flex;justify-content:space-between;align-items:center}.live-result span,.live-result p{font-size:11px}.live-result strong{font-size:24px;font-variant-numeric:tabular-nums}.live-result small{font-size:12px}.live-result p{margin:3px 0 0;text-align:right;color:var(--muted)}.primary{width:100%;background:var(--green);border:0;color:#fff;border-radius:8px;padding:13px;font-weight:600}.primary:hover{background:#236354}#error{font-size:12px;color:#ad432d;margin:7px 0}.totals{background:var(--green);color:#fff;padding:26px;border-radius:15px}.totals .step{color:#a8c1b2}.tag{font-size:10px;background:#ffffff1a;border-radius:20px;padding:3px 10px}.project-label{color:#b6cec2;font-size:10px}.totals input{background:#ffffff0c;border-color:#ffffff25;color:#fff;font-size:13px;padding:8px 11px}.totals input::placeholder{color:#aec4b8}.total-main{padding:23px 0 18px}.total-main>span{font-size:12px;color:#c6dbd1;display:block}.total-main small{font-size:10px;margin-left:8px;font-weight:400}.total-main strong{font-size:53px;line-height:1.4;letter-spacing:-1.5px;font-weight:600;font-variant-numeric:tabular-nums}.total-main strong small{font-size:20px;margin-left:4px;color:#bed5c8;letter-spacing:0}.total-row{display:flex;justify-content:space-between;border-top:1px solid #ffffff20;padding:12px 0;font-size:12px;gap:12px}.total-row>span{color:#c3d6cc}.total-row small{font-size:9px;margin-left:4px}.total-row b{font-weight:500}.total-note{font-size:10px;color:#acc8b9;margin:7px 0 0;line-height:1.8}.list-card{padding:23px;margin-top:20px}.text-btn{border:0;background:none;color:var(--muted);font-size:11px;padding:0}.text-btn:hover{color:#a34e3e}.empty{padding:28px 10px;text-align:center;color:var(--muted);font-size:12px}.empty span{display:block;font-size:29px;color:#bdcabc;margin-bottom:5px}.empty p{margin:0;font-size:10px}.entry{border-top:1px solid var(--line);padding:13px 0}.entry-head{display:flex;justify-content:space-between;gap:8px}.entry-head strong{font-size:13px;overflow-wrap:anywhere}.entry-head button{border:0;background:none;color:var(--muted);padding:0 4px}.entry-sub{font-size:10px;color:var(--muted);margin:2px 0;overflow-wrap:anywhere}.entry-result{display:flex;justify-content:space-between;font-size:11px;margin-top:7px}.entry-result b{font-size:14px;color:var(--green)}.export{display:grid;grid-template-columns:1fr 1fr;gap:9px;border-top:1px solid var(--line);padding-top:16px}.export button{background:#fff;border:1px solid var(--line);padding:9px 3px;border-radius:6px;font-size:12px;color:var(--ink)}.export button:hover{background:var(--mint)}button:disabled{opacity:.4;cursor:default}.storage-note{font-size:10px;color:var(--muted);text-align:center;margin:12px 0 0}.mini-note{display:flex;align-items:flex-start;gap:12px;padding:20px 8px;color:var(--muted);font-size:11px}.mini-note>span{font-size:21px;color:#99ad9d}.mini-note p{margin:0}.mini-note b{color:#536c5b;font-weight:500}.ad-space{border:1px dashed #d9dfd4;border-radius:8px;margin:38px 0 50px;min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9aa798;background:#eff1eb}.ad-space span{font-size:8px;letter-spacing:2px}.ad-space p{font-size:10px;margin:5px 0 0}.guide h2{font-size:24px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:25px}.guide article>span{font-size:12px;font-family:monospace;color:#bd7543}.guide h3{margin:7px 0 9px}.guide p,.article p,.faq p{font-size:12px;color:var(--muted);line-height:1.9;margin-bottom:0}.article{margin:40px 0;padding:28px}.formula-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:23px}.formula-grid h3{font-size:13px;margin-bottom:9px}code{display:block;font-family:inherit;background:#f1f5ee;border-radius:5px;padding:10px;font-size:11px;margin-bottom:9px;color:#35614b}.faq{margin:40px 0 60px}.faq h2{margin-bottom:16px}.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{font-size:13px;cursor:pointer}.faq details p{margin-top:12px}footer{padding:30px 0;border-top:1px solid var(--line)}footer .brand{font-size:17px}footer>p{font-size:11px;color:var(--muted);margin:7px 0 20px}footer>div{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted)}.mobile{display:none}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#193e34;color:white;border-radius:8px;padding:10px 20px;font-size:12px;box-shadow:0 3px 20px #0002;opacity:0;pointer-events:none;transition:opacity .2s;max-width:90vw}#toast.show{opacity:1}@media(max-width:740px){header{height:66px;padding:0 20px}.brand{font-size:18px;gap:7px}.logo{width:30px;height:30px;font-size:24px}.beta{font-size:9px;margin:0;padding:2px 5px}nav{gap:12px;font-size:11px}nav a:last-child{display:none}main{padding:30px 17px 0}.intro{display:block;margin-bottom:25px}h1{font-size:29px;margin-bottom:12px}.sub{font-size:12px}.badge{display:inline-block;margin-top:17px;font-size:10px}.mobile{display:block}.workspace{grid-template-columns:1fr;gap:18px}.calculator,.totals{padding:21px}.diagram svg{height:130px}.total-main strong{font-size:47px}.guide-grid{grid-template-columns:1fr;gap:22px}.guide article{padding-left:35px;position:relative}.guide article>span{position:absolute;left:0;top:8px}.guide h3{margin-top:0}.guide h2{font-size:21px}.article{padding:21px}.formula-grid{grid-template-columns:1fr;gap:22px}.ad-space{margin:28px 0 35px}.faq{margin-bottom:40px}footer>div{flex-direction:column;gap:8px}}@media print{header nav,.calculator,.ad-space,.guide,.article,.faq,.export,.text-btn,.entry-head button,.mini-note,footer,#toast{display:none!important}body{background:#fff}.workspace{display:block}.summary{width:100%}.totals{background:white;color:#000;border:1px solid #aaa}.totals *{color:#000!important}.totals input{border:0}.total-row{border-color:#ddd}.card{break-inside:avoid}.entry{break-inside:avoid}main{padding:0}.badge,.eyebrow,.sub{display:none}.intro{margin:0 0 15px}h1{font-size:22px}.total-main strong{font-size:35px}}