:root{font-family:'Segoe UI',Arial,sans-serif;color:#19324e;background:#edf1f6;font-synthesis:none;line-height:1.4}*{box-sizing:border-box}body{margin:0;padding:20px 12px}button,input,select{font:inherit}button,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;min-height:44px;border-radius:10px;padding:10px 14px;background:#eaf0f8;color:#214877;font-size:.83rem;font-weight:650}input,select{width:100%;min-width:0;min-height:42px;border:1px solid #cfdae6;border-radius:9px;padding:9px 11px;font-size:16px;background:#fff;color:#19324e}input:focus,select:focus{outline:2px solid #3472da;outline-offset:1px}input::placeholder{color:#8391a2;font-size:.83rem}button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #e6bb45;outline-offset:2px}h1,h2,p{margin:0}.calculator{max-width:490px;margin:auto;background:white;border:1px solid #dce3ed;border-radius:22px;padding:18px;box-shadow:0 10px 38px #10375a0c}header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.logo{display:grid;place-items:center;background:#ffd05a;color:#073b70;border-radius:9px;width:35px;height:35px;font-weight:800;font-size:25px}h1{font-size:1.05rem;line-height:1.1}h1 small{display:block;margin-top:5px;font-size:.58rem;color:#74859a;letter-spacing:.06em}header button{margin-left:auto;font-size:24px;padding:0;width:44px}.quiet{background:transparent;color:#3063aa}.display{border-radius:15px;padding:15px;background:#093c6b;color:white}.result-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.result-pair span{font-size:.72rem;color:#c2d4e9}.result-pair output{display:block;font-size:1.5rem;font-weight:700;letter-spacing:-.03em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:7px 0}.display-foot{display:flex;align-items:center;justify-content:space-between;color:#c2d4e9;font-size:.7rem;border-top:1px solid #ffffff23;margin-top:10px;padding-top:6px}.display-foot button{font-size:.72rem;color:#c2d4e9;min-height:28px;padding:0}#batch{border-top:1px solid #ffffff23;padding-top:9px;margin-top:6px}#batch>div{display:flex;justify-content:space-between;gap:12px;font-size:.78rem;padding:4px 0}#batch strong{font-variant-numeric:tabular-nums}#status{font-size:.74rem;color:#627991;margin:8px 1px 12px;min-height:16px}label{display:flex;flex-direction:column;gap:5px;font-size:.77rem;font-weight:550}section>label{margin-top:10px}.pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:10px}.subtotal{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#687e96;font-size:.72rem;margin:7px 0 12px}.subtotal strong{color:#315372;font-variant-numeric:tabular-nums}.check{flex-direction:row;align-items:center;gap:9px;font-size:.8rem;font-weight:500;min-height:36px}.check input{width:17px;height:17px;min-height:17px}.cut-section{border-top:1px solid #edf1f6;padding-top:2px;margin-top:12px}.hint{font-size:.71rem;color:#75869a;line-height:1.5;margin:7px 0}details{border-top:1px solid #edf1f6;margin-top:12px;padding-top:7px}summary{cursor:pointer;font-size:.8rem;color:#41628a;padding:6px 0;min-height:32px;font-weight:550}summary>span{font-size:.7rem;font-weight:400}#addExtra{padding-left:0;font-size:.77rem}.extra-row{display:grid;grid-template-columns:1fr 1fr 30px;gap:8px;align-items:end;margin-top:10px}.extra-row button{background:transparent;padding:0;font-size:21px;color:#939eac}.pricing{border-top:1px solid #edf1f6;margin-top:10px;padding-top:3px}.save-row{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:16px}.primary{background:#1d5ecb;color:white}.error{color:#b52d40!important}#saveStatus:empty{display:none}.table-wrap{max-width:100%;overflow:auto}table{width:100%;border-collapse:collapse;font-size:.72rem;text-align:left}th,td{border-bottom:1px solid #e9eef5;padding:9px 4px;vertical-align:top}th{font-weight:500;color:#637b95;font-size:.65rem}td:not(:first-child){white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}td:first-child{overflow-wrap:anywhere;max-width:140px}td small{display:block;font-size:.65rem;color:#8898a9;margin-top:3px}.old-link{font-size:.68rem;color:#8593a3;display:inline-block;margin:12px 0 3px}.detail{padding:10px 12px;background:#f1f6fc;border-radius:10px;font-size:.76rem;margin:8px 0}.detail>div{padding:5px 0}.detail strong{display:block;color:#315b8a}dialog{color:#19324e;max-width:380px;width:calc(100% - 30px);border:1px solid #ced9e8;border-radius:18px;padding:22px}dialog::backdrop{background:#102b5080}dialog h2{font-size:1.1rem}dialog p{font-size:.85rem;margin:10px 0 16px}[hidden]{display:none!important}
#modes{display:flex;gap:5px;margin-bottom:12px;flex-wrap:wrap}#modes button{font-size:.7rem;padding:8px 9px;min-height:38px;flex:1;white-space:nowrap}#modes button[aria-pressed=true]{background:#1d5ecb;color:white}#areaDisplay{display:flex;justify-content:space-between;gap:10px;font-size:.8rem;padding-top:9px}.result-pair:has(#costDisplay[hidden]){grid-template-columns:1fr}
@media(max-width:500px){body{padding:10px}.calculator{padding:15px;border-radius:18px}.result-pair output{font-size:1.35rem}.result-pair{gap:10px}}
#modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}#vendorMode[aria-pressed=true]{background:#1d5ecb;color:white}
#cardDetail{font-size:.75rem;margin-top:8px}#cardDetail strong{float:right}#cardLoaded{display:block;color:#c2d4e9;margin-top:5px}
.wa-button{display:block;text-align:center;background:#187347;color:white;text-decoration:none;padding:12px;border-radius:10px;font-size:.84rem;margin-top:12px}
textarea{width:100%;resize:vertical;border:1px solid #cfdae6;border-radius:9px;padding:10px;font:inherit;font-size:.78rem}
#vendorPanel h2{font-size:1rem}.vendor-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;margin:10px 0;border:1px solid #dce3ed;border-radius:12px}.vendor-row label:first-child,.vendor-row output{grid-column:1/-1}.vendor-row output{font-size:.85rem;font-weight:650}.vendor-row.cheapest{border-color:#26925c;background:#effaf3}.vendor-row.cheapest output{color:#146f40}
#divisionMode{grid-column:1/-1}#divisionMode[aria-pressed=true]{background:#1d5ecb;color:white}
.division-total{display:block;font-size:1.65rem;font-weight:700;margin:7px 0;overflow-wrap:anywhere}#divisionPanel .display .hint{color:#c2d4e9}#divisionDirection,#divisionGrid{font-size:.8rem}#divisionPanel .division-margin{margin-top:10px}#applyDivision:disabled{opacity:.5;cursor:not-allowed}
.book-warning{font-size:.75rem;color:#795300;background:#fff7d6;border-left:3px solid #d29c16;border-radius:6px;padding:8px 10px;margin:8px 0}