:root{--text: #2C2C2B;--text-secondary: #7D7A75;--canvas: #FFFFFF;--surface: #F6F5F4;--surface-2: #F0EFED;--border: #E6E5E3;--blue: #537A41;--blue-dark: #4B5320;--blue-light: #EDF2E5;--green: #46A171;--green-dark: #38835B;--green-light: #E8F4EE;--red: #E56458;--radius: 12px;--radius-sm: 10px;--shadow: 0 1px 2px rgba(0,0,0,0.04), 0 8px 24px rgba(0,0,0,0.05)}*{margin: 0;padding: 0;box-sizing: border-box}body{font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-size: 16px;line-height: 1.55;color: var(--text);background: var(--surface);-webkit-font-smoothing: antialiased}.container{max-width: 1120px;margin: 0 auto;padding: 0 16px}.muted{color: var(--text-secondary);font-size: 14.5px}.site-header{background: rgba(255,255,255,0.92);backdrop-filter: blur(8px);border-bottom: 1px solid var(--border);position: sticky;top: 0;z-index: 50}.header-inner{display: flex;align-items: center;justify-content: space-between;height: 60px}.logo{display: flex;align-items: center;gap: 10px;text-decoration: none;color: var(--text);font-weight: 700;font-size: 18px}.logo-badge{display: inline-flex;align-items: center;justify-content: center;width: 34px;height: 34px;border-radius: 10px;background: linear-gradient(135deg, var(--blue), var(--blue-dark));color: #fff;font-size: 18px}.logo-domain{color: var(--blue)}.main-nav{display: flex;gap: 22px}.main-nav a{color: var(--text-secondary);text-decoration: none;font-size: 15px;font-weight: 500}.main-nav a:hover{color: var(--blue)}.nav-toggle{display: none;background: none;border: 1px solid var(--border);border-radius: 8px;font-size: 18px;padding: 4px 10px;cursor: pointer;color: var(--text)}.layout{display: grid;grid-template-columns: minmax(0, 1fr) 300px;gap: 24px;align-items: start;padding-top: 8px;padding-bottom: 32px}.content{min-width: 0}.sidebar{position: sticky;top: 76px}.hero{padding: 28px 0 8px}.hero h1{font-size: 31px;line-height: 1.22;margin-bottom: 12px;letter-spacing: -0.01em}.hero-sub{color: var(--text-secondary);max-width: 660px;margin-bottom: 16px}.hero-badges{display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 16px}.badge{display: inline-block;padding: 5px 13px;border-radius: 100px;background: var(--surface-2);color: var(--text-secondary);font-size: 13px;font-weight: 600}.badge-blue{background: var(--blue-light);color: var(--blue-dark)}.badge-green{background: var(--green-light);color: var(--green-dark)}.card{background: var(--canvas);border: 1px solid var(--border);border-radius: var(--radius);box-shadow: var(--shadow);padding: 26px;margin: 16px 0}.card h2{font-size: 22px;margin-bottom: 10px;letter-spacing: -0.01em}.card p{margin-bottom: 12px}.card ul{padding-left: 22px;margin-bottom: 12px}.card li{margin-bottom: 6px}.autosave-note{margin-bottom: 18px;color: var(--green-dark)}.form-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 16px;margin: 4px 0 20px}.field{display: flex;flex-direction: column;gap: 6px}.field.grow{flex: 1}.field label{font-size: 14px;font-weight: 600}.field select, .field input[type="number"]{height: 46px;padding: 0 14px;border: 1.5px solid var(--border);border-radius: var(--radius-sm);font-size: 16px;color: var(--text);background: var(--canvas);width: 100%;appearance: none;-webkit-appearance: none}.field select{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%237D7A75' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 14px center;padding-right: 38px}.field select:focus, .field input:focus{outline: none;border-color: var(--blue);box-shadow: 0 0 0 3px var(--blue-light)}.hint{font-size: 12.5px;color: var(--text-secondary)}.field-row{display: flex;gap: 20px;align-items: flex-end;flex-wrap: wrap;margin-bottom: 4px}.chip-field{margin-bottom: 18px}.chip-title{display: block;font-size: 14px;font-weight: 600;margin-bottom: 8px}.chip-sub{font-weight: 400;color: var(--text-secondary);font-size: 12.5px}.chips{display: flex;flex-wrap: wrap;gap: 8px}.chip{min-height: 44px;padding: 10px 16px;border: 1.5px solid var(--border);border-radius: 100px;background: var(--canvas);color: var(--text);font-size: 15px;font-weight: 500;cursor: pointer;transition: border-color 0.12s, background 0.12s, color 0.12s;-webkit-tap-highlight-color: transparent}.chip:hover{border-color: var(--blue)}.chip.active{background: var(--blue);border-color: var(--blue);color: #fff;font-weight: 600}.switch-label{display: flex;align-items: center;gap: 12px;font-size: 15px;font-weight: 600;cursor: pointer;padding-bottom: 12px}.switch{position: relative;display: inline-block;width: 50px;height: 28px;flex-shrink: 0}.switch input{opacity: 0;width: 0;height: 0}.slider{position: absolute;inset: 0;border-radius: 100px;background: var(--surface-2);border: 1.5px solid var(--border);transition: background 0.15s}.slider::before{content: "";position: absolute;width: 22px;height: 22px;left: 2px;top: 1.5px;border-radius: 50%;background: #fff;box-shadow: 0 1px 3px rgba(0,0,0,0.2);transition: transform 0.15s}.switch input:checked + .slider{background: var(--blue);border-color: var(--blue)}.switch input:checked + .slider::before{transform: translateX(21px)}.btn-primary{display: block;width: 100%;min-height: 50px;border: none;border-radius: var(--radius-sm);background: var(--blue);color: #fff;font-size: 16px;font-weight: 600;cursor: pointer;transition: background 0.15s;margin-top: 16px}.btn-primary:hover{background: var(--blue-dark)}.btn-ghost{background: none;border: 1.5px solid var(--border);border-radius: var(--radius-sm);padding: 10px 18px;font-size: 14.5px;font-weight: 600;color: var(--text-secondary);cursor: pointer}.btn-ghost:hover{border-color: var(--red);color: var(--red)}.result{margin-top: 22px;border-top: 1px solid var(--border);padding-top: 20px}.result-total{display: grid;grid-template-columns: 1fr 1fr 1.2fr;gap: 12px}.result-item{background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-sm);padding: 14px 16px;display: flex;flex-direction: column;gap: 4px}.result-main{background: linear-gradient(135deg, var(--green), var(--green-dark));border-color: var(--green-dark)}.result-main .result-label{color: rgba(255,255,255,0.85)}.result-label{font-size: 13px;color: var(--text-secondary);font-weight: 600}.result-value{font-size: 22px;font-weight: 700}.result-minus{color: var(--red)}.result-net{color: #fff;font-size: 27px}.result-details{margin-top: 16px}.result-details summary{cursor: pointer;font-weight: 600;color: var(--blue)}.breakdown{width: 100%;border-collapse: collapse;margin-top: 12px;font-size: 14.5px}.breakdown td{padding: 8px 10px;border-bottom: 1px solid var(--border)}.breakdown td:last-child{text-align: right;font-weight: 600;white-space: nowrap}.breakdown tr.total-row td{font-weight: 700;border-bottom: none}.history-list{display: flex;flex-direction: column;gap: 10px;margin-bottom: 14px}.history-empty{color: var(--text-secondary);font-size: 15px;padding: 14px;background: var(--surface);border-radius: var(--radius-sm);text-align: center}.history-item{display: flex;align-items: center;gap: 14px;flex-wrap: wrap;background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius-sm);padding: 13px 16px}.history-info{flex: 1;min-width: 200px}.history-date{font-size: 12.5px;color: var(--text-secondary);margin-bottom: 2px}.history-params{font-size: 14px;color: var(--text-secondary)}.history-params strong{color: var(--text);font-size: 15px}.history-sum{font-size: 19px;font-weight: 700;color: var(--green-dark);white-space: nowrap}.history-btns{display: flex;gap: 8px}.history-restore{background: var(--blue-light);color: var(--blue-dark);border: none;border-radius: 100px;padding: 9px 16px;font-size: 14px;font-weight: 600;cursor: pointer;min-height: 40px}.history-restore:hover{background: var(--blue);color: #fff}.history-del{background: none;border: none;color: var(--text-secondary);font-size: 18px;cursor: pointer;padding: 8px 10px;border-radius: 8px;min-height: 40px}.history-del:hover{color: var(--red);background: var(--surface-2)}.table-wrap{overflow-x: auto}.data-table{width: 100%;border-collapse: collapse;font-size: 15px}.data-table th{text-align: left;padding: 10px 12px;background: var(--surface);border-bottom: 2px solid var(--border);font-size: 13px;text-transform: uppercase;letter-spacing: 0.04em;color: var(--text-secondary)}.data-table td{padding: 9px 12px;border-bottom: 1px solid var(--border)}.data-table td:last-child{font-weight: 600;white-space: nowrap}.data-table tr:hover td{background: var(--blue-light)}.formula-box{background: var(--blue-light);border-left: 3px solid var(--blue);border-radius: 0 var(--radius-sm) var(--radius-sm) 0;padding: 14px 16px;margin: 12px 0}.formula-box p{margin-bottom: 6px}.formula-box p:last-child{margin-bottom: 0}#faq details{border-bottom: 1px solid var(--border);padding: 13px 0}#faq details:last-child{border-bottom: none}#faq summary{cursor: pointer;font-weight: 600;font-size: 15.5px}#faq details p{margin: 10px 0 0;color: var(--text-secondary)}.ad-slot{position: relative;background: var(--surface-2);border: 1px dashed var(--border);border-radius: var(--radius);display: flex;align-items: center;justify-content: center;overflow: hidden}.ad-label{position: absolute;top: 6px;left: 10px;font-size: 10.5px;text-transform: uppercase;letter-spacing: 0.08em;color: var(--text-secondary)}.ad-placeholder{color: var(--text-secondary);font-size: 14px;padding: 8px;text-align: center}.ad-leaderboard{min-height: 90px;margin: 16px 0}.ad-incontent{min-height: 250px;margin: 16px 0}.ad-sidebar{min-height: 600px}.site-footer{background: var(--canvas);border-top: 1px solid var(--border);padding: 24px 0 32px;margin-top: 8px}.site-footer p{margin-bottom: 8px;font-size: 14.5px}.footer-note{color: var(--text-secondary);font-size: 13px}@media (max-width: 900px){.layout{grid-template-columns: 1fr}.sidebar{display: none}}@media (max-width: 640px){.main-nav{display: none;position: absolute;top: 60px;left: 0;right: 0;background: var(--canvas);border-bottom: 1px solid var(--border);flex-direction: column;gap: 0;padding: 8px 16px}.main-nav.open{display: flex}.main-nav a{padding: 13px 0;border-bottom: 1px solid var(--border)}.main-nav a:last-child{border-bottom: none}.nav-toggle{display: block}.hero h1{font-size: 24px}.form-grid{grid-template-columns: 1fr}.result-total{grid-template-columns: 1fr}.card{padding: 18px}.chip{padding: 11px 15px;font-size: 14.5px}.ad-leaderboard{min-height: 100px}.history-item{align-items: flex-start}}.logo-mark{flex-shrink: 0;display: block}.footer-logo{display: flex;align-items: center;gap: 10px;margin-bottom: 14px;font-weight: 700;font-size: 17px;color: var(--text)}.footer-logo .logo-domain{color: var(--blue)}.result-actions{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 10px}.result-actions .btn-primary, .result-actions .btn-ghost{flex: 1 1 auto;min-width: 160px}#printSummary{display:none}@media print{@page{size:A4;margin:12mm}body>*{display:none !important}body>#printSummary{display:block !important}#printSummary{font:12px/1.45 Arial,Helvetica,sans-serif;color:#000}#printSummary .print-head{display:flex;align-items:center;gap:8px;margin:0 0 8px}#printSummary .print-brand{font-size:19px;font-weight:800;color:#4B5320}#printSummary .print-brand-domain{color:#8a9a5b}#printSummary h2{font-size:15px;margin:0 0 6px;color:#000}#printSummary .print-meta{margin:0 0 8px;font-size:11px;color:#222}#printSummary table{width:100%;border-collapse:collapse}#printSummary td{padding:3px 4px;border-bottom:1px solid #ccc;font-size:11px}#printSummary td:last-child{text-align:right;white-space:nowrap}#printSummary tr.print-total td{font-weight:700;border-top:1px solid #000;border-bottom:1px solid #000}#printSummary .print-note{font-size:10px;color:#333;margin-top:8px}#printSummary .print-foot{position:fixed;bottom:0;left:0;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#4B5320}}@media (min-width: 1600px){.container{max-width: 1280px}}@supports (padding: max(0px)){.site-header, .site-footer{padding-left: max(16px, env(safe-area-inset-left));padding-right: max(16px, env(safe-area-inset-right))}}@media (max-width: 900px) and (orientation: landscape){.site-header{padding: 6px 0}.hero{padding: 18px 0 10px}.layout{grid-template-columns: 1fr}.main-nav{top: 52px}}@media (max-width: 480px){.logo-text{font-size: 15.5px}.result-value{font-size: 18px}.btn-primary, .btn-ghost{font-size: 14px;padding: 12px 14px}}
.slider-field{margin-bottom:18px}.slider-field .slider-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.slider-field .slider-val{font-weight:700;color:var(--blue-dark);font-size:15px}.range-input{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:100px;background:var(--surface-2);border:1px solid var(--border);outline:none;cursor:pointer}.range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--blue);border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,0.25);cursor:pointer}.range-input::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--blue);border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,0.25);cursor:pointer;border:none}.range-input::-moz-range-track{height:6px;border-radius:100px;background:var(--surface-2);border:1px solid var(--border)}.extra-payouts{display:flex;flex-direction:column;gap:10px;margin-top:12px}.extra-row{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px}.extra-label{font-size:14px;color:var(--text-secondary);flex:1}.extra-value{font-weight:700;color:var(--blue-dark);white-space:nowrap}@media (max-width: 640px){.range-input::-webkit-slider-thumb{width:26px;height:26px}.range-input::-moz-range-thumb{width:26px;height:26px}.extra-row{flex-direction:column;align-items:flex-start;gap:4px}}

.calc-subhead{margin:26px 0 12px;font-size:1.02rem;letter-spacing:.02em;text-transform:uppercase;opacity:.85}.subtotal-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;margin:14px 0 4px;border:1px dashed rgba(75,83,32,.4);border-radius:10px;font-weight:600}.subtotal-row.strong{font-weight:800;border-style:solid;border-width:2px}@media (max-width: 640px){.subtotal-row{flex-direction:column;align-items:flex-start;gap:4px}}