@charset "UTF-8";
:root{--red:#e82e24;--red-dark:#cc2118;--red-light:#fff2f0;--ink:#262323;--muted:#827c7b;--line:#f0eae8;--bg:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#edeef0;font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;touch-action:manipulation}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #f68d70;outline-offset:3px}[hidden]{display:none!important}.page-shell{width:100%;max-width:480px;min-height:100dvh;margin:0 auto;background:var(--bg);padding-bottom:calc(76px + env(safe-area-inset-bottom))}.header{height:76px;padding:17px 18px 12px;background:var(--red);display:flex;align-items:center;justify-content:space-between;color:white}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:23px;letter-spacing:-.7px;font-weight:750;line-height:1.1}.brand-icon{display:grid;place-items:center;width:37px;height:39px;border:1.5px solid #ffffff70;border-radius:11px;font-size:29px;font-weight:600;background:#ffffff12;transform:rotate(-5deg)}.brand-light{font-weight:450}.brand-subtitle{display:block;font-size:8px;letter-spacing:1.2px;font-weight:550;margin-top:6px;color:#ffffffbc}.header-currency{font-size:18px;font-weight:650;background:#ffffff18;border:1px solid #ffffff2b;padding:8px 12px;border-radius:11px}.header-currency span{font-size:13px;margin:0 4px;color:#ffcdc6}.calculator-grid{display:flex;flex-direction:column;gap:12px;padding:0 12px;margin-top:-10px;position:relative}.input-card{background:white;border-radius:16px;padding:15px 16px 11px;box-shadow:0 3px 12px #65291904}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:10px}h2,h3,p{margin:0}h2{font-size:15px;font-weight:700;letter-spacing:-.25px}.step-label{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:5px}.step-label:before{content:"";display:block;width:5px;height:5px;border-radius:50%;background:#f28e79}.purchase-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.field-group{min-width:0}.field-group>label{display:block;font-size:12px;font-weight:600;margin-bottom:6px}.big-input{display:flex;align-items:center;gap:8px;background:#faf8f7;border:1px solid #f0e8e5;border-radius:10px;height:51px;padding:8px 10px}.big-input:focus-within{border-color:var(--red);box-shadow:0 0 0 2px #e82e2410}.big-input input{background:none;border:0;min-width:0;width:100%;font-size:27px;letter-spacing:-.8px;color:var(--ink);font-weight:650;outline:none;padding:0;font-variant-numeric:tabular-nums}.big-input input:focus-visible{outline:none}.input-prefix{font-size:21px;color:#cba49b}.input-unit{font-size:11px;color:var(--muted);white-space:nowrap}.weight-icon{width:19px;min-width:19px;height:19px;color:#cba49b}.field-help{font-size:10px;color:var(--muted);margin-top:5px;line-height:1.4}.buffer-row{display:flex;align-items:center;gap:10px;position:relative;margin-top:11px;padding:4px 0;min-height:44px;cursor:pointer}.buffer-row>span:first-child{flex:1}.buffer-title,.buffer-help{display:block}.buffer-title{font-size:12px;font-weight:600}.buffer-badge{display:inline-block;color:var(--red);background:var(--red-light);font-weight:650;font-size:10px;padding:2px 5px;border-radius:4px;margin-left:4px}.buffer-help{font-size:10px;margin-top:3px;color:var(--muted)}.buffer-row input{position:absolute;right:-3px;width:47px;height:44px;opacity:0;cursor:pointer;z-index:1;margin:0}.switch{position:relative;width:39px;height:23px;border-radius:30px;background:#e8e6e5;transition:background .18s}.switch:before{content:"";position:absolute;width:17px;height:17px;background:white;border-radius:50%;top:3px;left:3px;box-shadow:0 1px 3px #203e3520;transition:transform .18s}.buffer-row input:checked+.switch{background:var(--red)}.buffer-row input:checked+.switch:before{transform:translateX(16px)}.buffer-row input:focus-visible+.switch{outline:3px solid #f68d70;outline-offset:3px}.charged-row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:9px;margin-top:7px;font-size:11px;color:var(--muted);line-height:1.4}.charged-row strong{color:var(--ink);font-size:12px;font-weight:650}.results{display:flex;flex-direction:column;gap:10px;min-width:0}.recommendation{border-radius:15px;background:linear-gradient(120deg,#fff0e9,#fff6f3);border:1px solid #ffd7cc;padding:13px 15px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px;position:relative;min-height:108px}.result-top{grid-column:1/-1;margin-bottom:6px}.eyebrow{font-size:9px;letter-spacing:.9px;font-weight:700;color:var(--red);display:inline-flex;align-items:center;gap:5px}.recommendation h2{font-size:17px;font-weight:700;letter-spacing:-.4px;grid-column:1;grid-row:2;line-height:1.25}.recommendation-description{font-size:10px;color:#9e6c5f;grid-row:3;grid-column:1;line-height:1.4;margin-top:3px}.winner-total{color:var(--red);font-size:32px;font-weight:750;letter-spacing:-1.3px;line-height:1.1;grid-column:2;grid-row:2/4;overflow-wrap:anywhere;max-width:210px;text-align:right;font-variant-numeric:tabular-nums}.winner-total span{font-size:20px;font-weight:550;letter-spacing:0}.saving-row{grid-column:1/-1;display:flex;gap:7px;align-items:center;margin-top:9px;font-size:10px;color:#b08c80}.saving-pill{background:var(--red);border-radius:5px;color:white;padding:4px 7px;font-size:10px;font-weight:650;line-height:1.4}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option{padding:13px 13px 12px;border:1px solid transparent;border-radius:14px;background:white;min-width:0}.option.selected{border-color:#f2aca0;background:#fffafa}.option-heading{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:19px;flex-wrap:wrap}.option h3{font-size:12px;font-weight:650}.option-tag{color:var(--red);background:#ffe5df;padding:3px 4px;display:inline-block;font-size:7px;border-radius:4px;flex-shrink:0}.option-total{font-size:24px;letter-spacing:-.9px;font-weight:750;margin:6px 0 10px;overflow-wrap:anywhere;line-height:1.2;font-variant-numeric:tabular-nums}.option.selected .option-total{color:var(--red)}.option dl{margin:0;display:flex;flex-direction:column;gap:6px}.option dl>div{display:flex;justify-content:space-between;gap:5px;font-size:10px;line-height:1.3}.option dt{color:var(--muted);flex-shrink:0}.option dd{margin:0;text-align:right;overflow-wrap:anywhere;min-width:0}.insight{margin:10px 12px 0;display:flex;gap:9px;align-items:flex-start;background:white;border-radius:13px;padding:12px 13px}.insight-icon{flex-shrink:0;display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--red-light);color:var(--red);font-size:18px}.insight h2{font-size:12px;letter-spacing:0;font-weight:650;line-height:1.4}.insight p{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.5}.rates-details{margin:10px 12px 0;background:white;border-radius:12px;padding:0 13px}.rates-details summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none;font-size:11px;font-weight:600}.rates-details summary::-webkit-details-marker{display:none}.rates-details summary>span{font-size:19px;color:#b39c97;transition:transform .15s}.rates-details[open] summary>span{transform:rotate(180deg)}.rates-bar{border-top:1px solid var(--line);padding-top:11px}.rates-bar>div{display:grid;grid-template-columns:1fr 1fr;gap:10px 7px}.rates-bar>div>span{font-size:10px;color:var(--muted);line-height:1.4}.rates-bar strong{color:var(--ink);font-weight:600;margin-left:4px}.assumption-note{font-size:10px;line-height:1.6;color:var(--muted);margin-top:12px}.inline-settings{border:0;background:none;color:var(--red);font-size:11px;min-height:44px;padding:8px 0;text-align:left}footer{padding:13px 16px 7px;text-align:center;font-size:9px;color:#a39a98;line-height:1.5}.offline-status{display:block;font-size:10px;color:var(--red);margin-top:4px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;display:grid;grid-template-columns:repeat(3,1fr);background:#ffffffed;backdrop-filter:blur(14px);border-top:1px solid #eee7e4;padding:6px 8px calc(5px + env(safe-area-inset-bottom));z-index:5}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:5px;border:0;background:none;color:#9b8f8b;min-height:49px;border-radius:10px;font-size:10px}.nav-item svg{width:22px;height:22px}.nav-item.active{color:var(--red);font-weight:650}.nav-item:hover{background:var(--red-light)}.input-error{font-size:11px;color:#b32920;background:#fff2ed;padding:9px 10px;border-radius:8px;margin-top:8px;line-height:1.5}
 dialog{width:min(440px,calc(100% - 24px));border:0;border-radius:22px;padding:23px;color:var(--ink);background:white;max-height:90dvh;overflow-y:auto;box-shadow:0 22px 90px #4d1a1729}dialog::backdrop{background:#2a151366;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-heading h2{font-size:22px;margin-top:5px}.dialog-heading .eyebrow{font-size:9px}.close-button{background:#f8f3f1;border:0;border-radius:50%;width:44px;height:44px;flex-shrink:0;font-size:27px;color:#8b6c63;line-height:1}.dialog-description{font-size:12px;color:var(--muted);margin:12px 0 20px;line-height:1.5}.settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px}.settings-fields label{display:flex;flex-direction:column;justify-content:space-between;font-size:11px;font-weight:600;line-height:1.4}.setting-input{display:flex;align-items:center;border:1px solid #ece2df;border-radius:9px;padding:11px 10px;background:#fcfaf9;margin-top:7px;gap:5px}.setting-input input{width:100%;min-width:0;border:0;outline:0;background:none;color:var(--ink);font-size:20px}.setting-input:focus-within{outline:2px solid var(--red);outline-offset:1px}.setting-input input:focus-visible{outline:none}.setting-input>span{font-size:10px;color:var(--muted);white-space:nowrap}.tax-field{grid-column:1/-1}.tax-field .setting-input{max-width:calc(50% - 6px)}.save-button{width:100%;padding:15px;border:0;border-radius:11px;background:var(--red);color:white;margin-top:22px;font-size:13px;font-weight:650;display:flex;justify-content:space-between;min-height:48px}.save-button:hover{background:var(--red-dark)}.reset-button{display:block;margin:8px auto 0;background:none;border:0;color:var(--muted);font-size:11px;padding:10px;min-height:44px}.install-instructions h3{font-size:13px;margin-top:20px}.install-instructions p{font-size:13px;color:#75645d;margin-top:7px;line-height:1.6}.install-instructions .install-note{font-size:11px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.toast{position:fixed;bottom:calc(78px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);border-radius:10px;padding:12px 18px;background:#392b28;color:white;font-size:12px;box-shadow:0 4px 24px #3e202526;max-width:calc(100% - 32px);width:max-content;text-align:center;z-index:10}
@media(min-width:540px){.page-shell{margin:24px auto;min-height:calc(100dvh - 48px);border-radius:24px;overflow:hidden;box-shadow:0 12px 55px #2920200d;border:1px solid #e5e3e2}.bottom-nav{border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #3c1b1705}}
@media(max-width:360px){.header{padding-right:15px;padding-left:15px}.header-currency{font-size:16px;padding:8px 10px}.brand{font-size:21px}.input-card{padding-right:13px;padding-left:13px}.purchase-fields{gap:9px}.big-input{gap:5px;padding:8px}.big-input input{font-size:25px}.input-unit{font-size:10px}.recommendation{padding:12px;column-gap:6px}.recommendation h2{font-size:15px}.winner-total{font-size:28px;max-width:160px}.recommendation-description{font-size:9px}.option{padding:12px 10px}.option-total{font-size:22px}.settings-fields{gap:14px 9px}.settings-fields label{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}html{scroll-behavior:auto}}

/* Compact main screen; secondary settings remain in dialogs and details. */
.page-shell{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
.header{height:62px;padding:10px 18px 12px;border-radius:0 0 18px 18px}
.calculator-grid{margin-top:8px;gap:8px}
.input-card{padding:12px 14px 9px}.section-top{margin-bottom:8px}
.big-input{height:44px}.big-input input{font-size:25px}
.field-group>label{margin-bottom:5px}.field-help{margin-top:4px}
.buffer-row{margin-top:5px}.charged-row{padding-top:6px;margin-top:4px}
.results{gap:8px}.recommendation{min-height:0;padding:10px 13px}
.result-top{margin-bottom:4px}.recommendation h2{font-size:16px}
.recommendation-description{margin-top:2px}.winner-total{font-size:30px}
.saving-row{margin-top:6px}.saving-pill{padding:3px 6px}
.option{padding:10px 12px}.option-total{font-size:22px;margin:4px 0 7px}
.option dl{gap:4px}.insight{padding:9px 12px;margin-top:8px}
.rates-details{margin-top:8px}.rates-details summary{min-height:40px}
footer{padding:0}footer .offline-status{margin:6px 0}
@media(max-height:720px){
  .header{height:56px;padding-top:7px;padding-bottom:9px}
  .input-card{padding-top:10px;padding-bottom:8px}
  .buffer-help{display:none}.buffer-row{margin-top:2px}
  .recommendation{padding-top:9px;padding-bottom:9px}
  .insight{padding-top:7px;padding-bottom:7px}
}