@charset "UTF-8";
:root{--ink:#24362f;--muted:#7b847e;--green:#295f49;--line:#e1e5df;--paper:#f6f7f3}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}header{height:80px;border-bottom:1px solid var(--line);padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#fff}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-size:23px;font-weight:800;letter-spacing:1.3px}.brand-icon{background:var(--green);color:white;border-radius:7px;width:30px;height:32px;text-align:center;line-height:32px;font-size:22px}.brand-sub{font-size:9px;letter-spacing:1.5px;color:var(--muted);font-weight:500;border-left:1px solid var(--line);padding-left:15px;margin-left:5px}.header-note{font-size:11px;color:var(--muted)}.version{font-size:9px;letter-spacing:1px;border:1px solid var(--line);padding:5px 8px;border-radius:4px;margin-left:16px}main{max-width:1400px;margin:auto;padding:46px 5% 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}.eyebrow{font-size:10px;color:var(--green);letter-spacing:2.5px;font-weight:700;margin-bottom:13px}h1{font-size:29px;letter-spacing:.03em;line-height:1.5;margin:0 0 10px;font-weight:650}.intro p{color:var(--muted);font-size:12px;margin:0;line-height:1.9}.text-button{border:0;background:none;color:var(--muted);font-size:11px}.workspace{display:grid;grid-template-columns:326px minmax(0,1fr);gap:32px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:10px}.input-panel{padding:24px}.section-heading{display:flex;align-items:center;gap:9px;margin-bottom:24px}.section-heading h2{font-size:14px;margin:0;font-weight:650}.step{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid var(--line);border-radius:50%;font-size:10px;color:var(--green)}.subtle{margin-left:auto;font-size:10px;color:var(--muted)}label{display:block;font-size:11px;font-weight:550;margin:18px 0 8px}select{width:100%;background:#fff;padding:12px 9px;border:1px solid #d9ded8;border-radius:5px;color:var(--ink);font-size:12px}.number-field{border:1px solid #d9ded8;border-radius:5px;display:flex;align-items:center;background:#fff;padding-right:12px;transition:border-color .2s}.number-field:focus-within{border-color:var(--green);box-shadow:0 0 0 2px #295f4910}.number-field input{min-width:0;width:100%;border:0;outline:0;background:none;padding:12px;font-size:19px;font-weight:550;font-variant-numeric:tabular-nums;color:var(--ink)}input::-webkit-inner-spin-button{appearance:none}.number-field span{font-size:11px;flex-shrink:0;color:var(--muted)}.hint{font-size:10px;color:var(--muted);margin-top:6px;line-height:1.6}.field-divider{height:1px;background:var(--line);margin:24px 0 20px}.mini-title{font-size:11px;font-weight:650;color:var(--green)}.profit-preview,.cost-preview{display:flex;align-items:center;justify-content:space-between;padding:13px 12px;background:#f3f6f1;border-radius:5px;margin-top:14px;font-size:10px}.profit-preview strong,.cost-preview strong{font-size:16px;letter-spacing:.2px}.cost-preview{background:none;padding:0;margin-top:20px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-pair input{font-size:16px}.optional{font-weight:400;color:var(--muted);font-size:9px;margin-left:4px}details{border-top:1px solid var(--line);margin-top:24px;padding-top:19px}summary{cursor:pointer;font-size:11px;color:#637369;list-style:none;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}details[open] summary span{transform:rotate(45deg)}.settings-note{font-size:10px;line-height:1.8;color:var(--muted);margin-top:15px}.settings-grid{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:8px;align-items:center}.settings-grid>span{font-size:9px;color:var(--muted)}.settings-grid label{font-size:10px;margin:0}.settings-grid input{width:100%;padding:7px;border:1px solid var(--line);border-radius:4px}.results{padding-top:4px}.results>.section-heading{margin-bottom:23px}.live{margin-left:auto;font-size:10px;color:var(--muted);display:flex;align-items:center;gap:6px}.live i{width:5px;height:5px;background:#609479;border-radius:50%}.result-caption{display:flex;justify-content:space-between;margin-bottom:13px;font-size:10px;color:var(--muted)}.result-caption>span:first-child{color:#5f6a63}.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.price-card{border:1px solid var(--line);border-radius:9px;background:white;padding:20px 17px}.card-top{height:20px;display:flex;align-items:center;justify-content:space-between;gap:3px}.tier{font-size:9px;letter-spacing:1.4px;color:var(--muted)}.recommend-badge{font-size:8px;border:1px solid #ffffff35;padding:3px 6px;border-radius:3px;color:#d8e6d7;white-space:nowrap}.price-card h3{font-size:16px;font-weight:600;margin:16px 0 7px}.price-description{font-size:9px;color:var(--muted);line-height:1.9;min-height:34px;margin:0}.price{font-size:clamp(20px,2.2vw,32px);font-weight:650;letter-spacing:-.8px;margin:25px 0;white-space:nowrap;font-variant-numeric:tabular-nums}.price>span{font-size:9px;font-weight:400;color:var(--muted);margin-left:5px;letter-spacing:0}.price-rule{height:1px;background:var(--line)}dl{margin:19px 0 0}dl div{display:flex;justify-content:space-between;gap:5px;margin-top:14px;align-items:center}dt{font-size:9px;color:var(--muted)}dd{margin:0;font-size:12px;font-weight:550;font-variant-numeric:tabular-nums}dd small{font-size:9px;margin-left:2px}.recommended{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 5px 15px #295f4910}.recommended .tier,.recommended .price-description,.recommended .price>span,.recommended dt{color:#bfd1c5}.recommended .price-rule{background:#ffffff25}.comparison{margin-top:22px;padding:23px 25px}.comparison-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.comparison-header h3{font-size:12px;margin:0;font-weight:600}.comparison-header>span{color:var(--muted);font-size:9px}.bar-row{display:grid;grid-template-columns:63px 1fr 90px;gap:16px;align-items:center;margin-top:18px;font-size:10px}.bar-row>span{color:#637369}.bar-row strong{text-align:right;font-weight:550}.bar-track{height:13px;background:#f5f6f2;border-radius:3px;overflow:hidden}.bar{height:100%;background:#46745a;border-radius:3px;overflow:hidden;display:flex;transition:width .2s}.bar i{height:100%;background:#d0dace;display:block}.legend{display:flex;gap:18px;margin-top:22px;justify-content:flex-end;font-size:9px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:5px}.legend i{display:block;width:7px;height:7px;border-radius:2px}.legend-cost{background:#d0dace}.legend-profit{background:#46745a}.method{display:flex;gap:12px;margin-top:27px;padding:0 3px}.method-icon{border:1px solid #a3afa3;border-radius:50%;width:15px;height:15px;text-align:center;line-height:14px;font-size:10px;flex-shrink:0;color:#7b887a;margin-top:1px}.method h3{font-size:11px;font-weight:600;margin:0 0 9px}.method p{font-size:10px;line-height:1.9;color:var(--muted);margin:0 0 10px}.method code{display:block;font-family:inherit;font-size:9px;line-height:1.9;color:#607462;background:#edf0e9;padding:9px 12px;border-radius:5px}.method .small-note{font-size:9px;line-height:1.8;margin-top:11px;color:#8a9189}.result-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:22px;margin-top:22px;gap:14px}.result-actions>span{font-size:10px;color:var(--muted)}.primary-button{background:var(--green);color:white;border:0;border-radius:5px;padding:12px 18px;font-size:11px;white-space:nowrap}.primary-button:hover{background:#204e3b}.primary-button span{margin-left:18px}footer{margin-top:44px;border-top:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;font-size:9px;color:#93998f}footer strong{letter-spacing:1px;margin-right:10px;color:#6c796d}.error,.warning{padding:14px 16px;border:1px solid #e9d9b8;background:#fffaee;border-radius:6px;line-height:1.8;color:#85652f;font-size:11px;margin:15px 0}.copy-fallback{width:100%;height:180px}.result-actions:has(.copy-fallback){flex-wrap:wrap}:focus-visible{outline:2px solid #4d8d6e;outline-offset:3px}[hidden]{display:none!important}@media(min-width:1450px){main{padding-left:45px;padding-right:45px}}@media(max-width:1100px){.workspace{grid-template-columns:285px minmax(0,1fr);gap:20px}.input-panel{padding:20px}.price-card{padding:18px 12px}.price-grid{gap:8px}.price{font-size:24px}.price-card h3{font-size:14px}dl div{display:block}dd{margin-top:5px}.brand-sub{display:none}}@media(max-width:850px){header{height:66px}main{padding-top:30px}.workspace{grid-template-columns:1fr}.input-panel{padding:24px}h1{font-size:25px}.results{padding-top:12px}.price{font-size:30px}dl div{display:flex}dd{margin-top:0}.price-card{padding:20px 16px}.intro{align-items:flex-start;gap:15px}.text-button{margin-top:5px;white-space:nowrap}.field-pair input{font-size:19px}}@media(max-width:560px){header{padding:0 20px}.header-note{font-size:9px}.version{display:none}main{padding:28px 18px 0}.intro{display:block;margin-bottom:26px}.intro p{font-size:11px}.text-button{padding:0;margin-top:15px}h1{font-size:22px;letter-spacing:0}.price-grid{grid-template-columns:1fr}.price-card{padding:22px}.price-description{min-height:0}.price{font-size:34px;margin:20px 0}.card-top{height:15px}.price-card h3{font-size:17px;margin-top:12px}dl{display:flex;justify-content:space-between;gap:12px}dl div{display:block;margin:0}dd{margin-top:7px}.price-rule{margin-bottom:18px}.result-caption{font-size:9px;gap:5px}.comparison{padding:20px 16px}.bar-row{grid-template-columns:54px 1fr 74px;gap:8px}.result-actions>span{max-width:160px;line-height:1.8}footer{gap:12px;line-height:1.8;flex-direction:column}.settings-grid{grid-template-columns:1fr 1fr 1.3fr}.section-heading h2{font-size:13px}}
/* Soft colors and revenue allocation */
.recommended{background:#eef3ed;border-color:#cbd8c9;color:var(--ink);box-shadow:none}.recommended .tier,.recommended .price-description,.recommended .price>span,.recommended dt{color:#697b6b}.recommended .price-rule{background:#dce5d9}.recommend-badge{color:#647b62;border-color:#d3dfd0;background:#e5ede1}.primary-button{background:#e6ede2;color:#4e684e;border:1px solid #d2decf}.primary-button:hover{background:#dbe6d6}.person-result{padding-top:17px;margin-top:17px;border-top:1px solid #e1e6dd}.person-result h4{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:11px;font-weight:550;margin:0 0 10px}.person-result h4 span{font-size:9px;color:#7c877a;font-weight:400}.person-amount{font-size:21px;font-weight:600;font-variant-numeric:tabular-nums}.hourly-result{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-top:10px;color:#778271;font-size:10px}.hourly-result strong{font-size:13px;font-weight:550;color:#435d46}.hourly-result small{font-size:8px;font-weight:400;margin-left:3px}.burden{display:flex;justify-content:space-between;gap:5px;font-size:8px;color:#7c877a;border-top:1px solid #e1e6dd;padding-top:16px;margin:19px 0 0}.burden strong{font-weight:500}.allocation-bar{height:100%;display:flex;border-radius:3px;overflow:hidden;transition:width .2s}.allocation-bar i{height:100%;display:block}.share-company{background:#dce0dc}.share-chu{background:#b6cbb3}.share-kuma{background:#c6d4de}.auto-field{display:block;padding:12px;background:#f0f3ed;border:1px solid #e0e5dc;border-radius:5px;min-height:47px;font-size:17px;font-weight:550}.allocation-hint{background:#f1f4ed;border-radius:5px;padding:11px;font-size:10px;line-height:1.9;color:#687b63}.settings-grid.price-settings{grid-template-columns:1fr 1.6fr}.price-card dl div{display:flex}.price-card dd{margin-top:0}@media(max-width:1100px){.person-result h4{align-items:flex-start;flex-direction:column}.hourly-result{flex-wrap:wrap}.price-card dl div{display:block}.price-card dd{margin-top:5px}}@media(max-width:850px){.person-result h4{flex-direction:row}.price-card dl div{display:flex}.price-card dd{margin-top:0}}@media(max-width:560px){.price-card dl{display:block}.person-result{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px}.person-result h4{grid-column:1/-1;margin:0}.person-amount{font-size:23px}.hourly-result{margin:0;justify-content:flex-end;gap:8px}.burden{font-size:10px}}
.classification-note{font-size:10px;line-height:1.9;color:#788571;margin:0 0 16px}.price-card .price-description{min-height:34px}.bar-row>span small{display:block;font-size:9px;margin-top:4px;color:#8a9588}.price-card h3{line-height:1.6;min-height:26px}.price-card .recommend-badge{color:#647b62;background:#eef3eb;border-color:#dde5d7}@media(min-width:851px){.price-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:561px) and (max-width:850px){.price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
main{padding-top:20px}.section-heading .reset-inline{margin:0 0 0 auto;padding:3px 0;font-size:10px}.company-result{border-top:1px solid #e1e6dd;margin-top:17px;padding-top:17px}.company-result h4{display:flex;justify-content:space-between;gap:5px;font-size:11px;font-weight:550;margin:0 0 10px}.company-result h4 span{font-size:10px;font-weight:400;color:#7c877a}.company-result .person-amount{font-size:19px;color:#5b6b5c}@media(max-width:560px){main{padding-top:16px}.company-result{display:flex;align-items:center;justify-content:space-between;gap:12px}.company-result h4{margin:0;gap:12px}}
/* Full-width comparison, with every price tier on one row. */
main{max-width:none;padding:20px 24px 0}.results{min-width:0}.price-grid{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;padding-bottom:8px;align-items:stretch;scrollbar-width:thin;scrollbar-color:#cbd5c7 #f0f3ed}.price-grid .price-card{flex:1 0 180px;min-width:180px;padding:20px 12px}.price-grid .price{font-size:clamp(22px,1.65vw,32px)}.price-grid .price-card h3{font-size:14px}.price-grid .price-description{font-size:9px}.price-grid .person-result h4{flex-direction:row;align-items:center}.price-grid .person-result h4 span{font-size:8px}.price-grid .person-amount{font-size:20px}.price-grid .company-result .person-amount{font-size:18px}.price-grid .person-result{display:block}.price-grid .hourly-result{display:flex;margin-top:10px}.price-grid .burden{font-size:8px}.price-grid .company-result{display:block}.price-grid .company-result h4{margin-bottom:10px}@media(min-width:851px){.workspace{grid-template-columns:280px minmax(0,1fr);gap:24px}.input-panel{padding:20px}}@media(max-width:560px){main{padding:16px 14px 0}.price-grid .price-card{flex-basis:240px;padding:20px 18px}.price-grid .price{font-size:30px}}
/* Compact conditions and clear allocation selection. */
.input-panel .section-heading{margin-bottom:18px}.input-panel label{margin-top:14px}.input-panel .field-divider{margin:18px 0 16px}.customer-fields{gap:10px}.customer-fields .number-field input{font-size:17px;padding:11px 9px}.allocation-method{border:0;padding:0;margin:18px 0 0;min-width:0}.allocation-method legend{font-size:11px;font-weight:550;padding:0;margin-bottom:8px}.allocation-method .mode-option{display:flex;align-items:flex-start;gap:9px;margin:7px 0 0;padding:11px 10px;border:1px solid #e0e5dc;border-radius:6px;background:#fafbf8;cursor:pointer;font-size:11px;font-weight:550;line-height:1.5}.allocation-method .mode-option:has(input:checked){background:#edf3e9;border-color:#bdcfb7}.mode-option input{margin:2px 0 0;accent-color:#7c9971;flex-shrink:0}.mode-option small{display:block;font-size:9px;font-weight:400;color:#82907b;line-height:1.7;margin-top:3px}.allocation-fields{margin-top:1px}.allocation-fields .auto-field{min-height:46px;padding:11px 12px}.input-panel .hint{font-size:9px;line-height:1.8}.allocation-hint{margin-bottom:0;font-size:9px}.method-details{margin-top:20px;border:1px solid #e0e5dc;border-radius:7px;padding:14px 16px;background:#f8faf5}.method-details summary{font-size:10px}.method-details .method{margin-top:16px;padding:0}.result-caption{align-items:center;gap:12px;flex-wrap:wrap}.result-caption #allocation-mode-caption{margin-left:auto;background:#edf2e8;color:#6e8264;border:1px solid #dde6d5;padding:4px 8px;border-radius:4px;font-size:9px}.classification-note{margin-bottom:12px}.comparison{margin-top:16px}.result-actions{margin-top:18px;padding-top:18px}@media(min-width:851px){.workspace{grid-template-columns:300px minmax(0,1fr);gap:20px}.input-panel{padding:18px}}@media(max-width:560px){.result-caption{gap:8px}.result-caption #allocation-mode-caption{margin-left:0}.result-caption>span:last-child{margin-left:auto}}
.mode-section-title{margin-top:20px;margin-bottom:2px}.work-fields{gap:10px;margin-top:12px}.worker-input{min-width:0;background:#f7f9f4;border:1px solid #e0e6da;border-radius:7px;padding:12px 10px}.worker-input h3{font-size:11px;font-weight:600;margin:0 0 10px}.worker-input label{font-size:9px;color:#7e8a76;margin:12px 0 6px}.worker-input .number-field input{font-size:17px;padding:10px 8px}.worker-input .number-field{padding-right:8px}.worker-input .number-field span{font-size:9px}.allocation-fields{padding-top:2px}
.required-price{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#eef4e9;border:1px solid #d5e0cd;border-radius:8px;padding:22px 24px;margin-bottom:20px}.required-amount{font-size:34px;font-weight:650;margin:10px 0;letter-spacing:-.5px}.required-amount small{font-size:10px;font-weight:400;margin-left:9px;color:#788770}.required-price p{font-size:10px;color:#76876a;margin:0;line-height:1.8}.required-breakdown{min-width:220px;font-size:11px}.required-breakdown>div{display:flex;justify-content:space-between;gap:30px;margin:10px 0}.required-breakdown strong{font-size:14px;font-weight:550}.target-status{font-size:9px;line-height:1.8;padding:8px;border-radius:4px;margin-top:15px}.target-ok{background:#edf4e7;color:#67805b}.target-short{background:#fbf2e5;color:#947542}@media(max-width:700px){.required-price{flex-direction:column;align-items:stretch;padding:18px}.required-breakdown{min-width:0;border-top:1px solid #d5e0cd;padding-top:8px}.required-amount{font-size:30px}}
.required-price h3{font-size:16px;margin:0 0 8px;font-weight:650;color:#435e3f}.sales-comparison-title{font-size:13px;font-weight:600;margin:20px 0 10px}.required-summary+.sales-comparison-title{margin-top:20px}
.unavailable-price{font-size:24px!important;color:#9aA294}.unavailable-note{font-size:10px;line-height:2;color:#8d9686;margin-top:20px}.price-card.unavailable{background:#f9faf6;border-style:dashed}
