:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;color:#18251e;background:#f5f6f0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #18251e;--muted: #77817a;--green: #205d43;--green-dark: #174b35;--mint: #e4f0e6;--line: #e5e9e1;--paper: #fff;--soft: #f8faf6}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(ellipse at 88% 8%,rgba(224,236,216,.56),transparent 36rem),#f5f6f0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #8ab49b;outline-offset:3px}.page-shell{width:min(100% - 48px,990px);margin:0 auto;padding:24px 0 calc(28px + env(safe-area-inset-bottom))}.topbar,.brand,.topbar-actions,.connection-pill,.install-button,.section-heading,.form-actions,.secondary-button,.primary-button,.product-row,.discount-row,.input-wrap,.discount-footer,.page-footer,.ranking-heading,.ranking li,.icon-button,.section-icon{display:flex;align-items:center}.topbar{justify-content:space-between;min-height:46px}.brand{gap:10px;color:var(--ink);text-decoration:none}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--green);color:#fff;font-family:inherit;font-size:18px;font-weight:800}.brand-name{font-family:inherit;font-size:14px;font-weight:800;letter-spacing:-.025em}.topbar-actions{gap:12px}.connection-pill{gap:7px;padding:8px 11px;border:1px solid #e3e8df;border-radius:999px;background:#ffffffad;color:#59675e;font-size:11px;font-weight:600;white-space:nowrap}.connection-dot{width:7px;height:7px;border-radius:50%;background:#59a776;box-shadow:0 0 0 3px #e6f3e9}.is-offline .connection-dot{background:#c58a35;box-shadow:0 0 0 3px #fbf0dc}.install-button{gap:7px;border:0;border-radius:10px;padding:10px 13px;background:#e8eee7;color:var(--green-dark);font-size:12px;font-weight:700;cursor:pointer}.install-button svg,.secondary-button svg,.icon-button svg,.section-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.install-button:hover,.secondary-button:hover{background:#dce9dc}.calculator-card{padding:28px 32px 26px;border:1px solid #eaede7;border-radius:20px;background:var(--paper);box-shadow:0 5px 20px #1a302009}.calculator-card+.calculator-card{margin-top:16px}.section-heading{gap:14px;margin-bottom:25px}.section-icon{width:43px;height:43px;flex:0 0 auto;justify-content:center;border-radius:13px;background:#eaf3e9;color:var(--green)}.section-icon svg{width:21px;height:21px}.percent-icon{background:#f2efe3;color:#967d3f}.section-kicker{margin-bottom:4px;color:#76927e;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.section-heading h2,.install-dialog h2{margin:0;font-family:inherit;font-size:19px;font-weight:800;letter-spacing:-.04em;line-height:1.3}.section-description{margin:4px 0 0;color:var(--muted);font-size:12px}.product-list,.discount-list{display:grid;gap:8px}.product-row,.discount-row{gap:12px;min-width:0;padding:12px 13px;border:1px solid var(--line);border-radius:13px;background:#fff}.row-number{width:25px;flex:0 0 25px;color:#9ba69d;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums}.field{display:block;min-width:0;flex:1 1 0}.field-label{display:block;margin-bottom:6px;color:#768078;font-size:10px;font-weight:600}.input-wrap{min-width:0;height:40px;justify-content:space-between;gap:6px;padding:0 11px;border:1px solid #e4e9e2;border-radius:9px;background:#fbfcfa;transition:border-color .15s,box-shadow .15s}.input-wrap:focus-within{border-color:#8eb69a;box-shadow:0 0 0 3px #5c986d1c}.input-wrap input{width:100%;min-width:0;padding:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px;font-variant-numeric:tabular-nums}.input-wrap input::placeholder{color:#afb8b0}.input-unit{color:#7e8980;font-size:12px}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.unit-result,.adjusted-result{min-width:96px;padding-left:4px}.unit-result strong,.adjusted-result strong{display:block;padding-top:2px;color:var(--green-dark);font-size:14px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.icon-button{width:32px;height:32px;flex:0 0 auto;justify-content:center;border:0;border-radius:9px;background:transparent;color:#97a199;cursor:pointer}.icon-button svg{width:16px;height:16px}.remove-button:hover{background:#f8ece9;color:#b55143}.form-actions{justify-content:space-between;gap:12px;margin-top:15px}.comparison-actions-left{display:flex;align-items:center;gap:5px}.reset-button{display:flex;min-height:40px;align-items:center;justify-content:center;gap:6px;padding:0 8px;border:0;border-radius:9px;background:transparent;color:#7b877e;font-size:11px;font-weight:600;cursor:pointer}.reset-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.reset-button:hover{background:#f4f6f2;color:#46574a}.primary-button,.secondary-button{min-height:41px;justify-content:center;gap:8px;border-radius:10px;padding:0 15px;cursor:pointer;font-size:12px;font-weight:700;transition:background .15s,transform .15s}.primary-button{border:0;background:var(--green);color:#fff}.primary-button:hover{background:var(--green-dark);transform:translateY(-1px)}.primary-button span{font-size:16px;line-height:1}.secondary-button{border:1px solid #e1e8df;background:#f8faf7;color:var(--green-dark)}.secondary-button svg{width:16px;height:16px}.form-error{margin:14px 0 0;color:#a8493e;font-size:12px;font-weight:600}.ranking{margin-top:20px;padding:17px;border:1px solid #dce9dd;border-radius:13px;background:#f7fbf6}.ranking-heading{gap:10px;margin-bottom:12px}.ranking-check{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#e2efe2;color:var(--green);font-size:13px;font-weight:700}.ranking-heading strong,.ranking-heading span:not(.ranking-check){display:block}.ranking-heading strong{font-size:12px}.ranking-heading div span{margin-top:2px;color:var(--muted);font-size:10px}.ranking ol{display:grid;gap:7px;margin:0;padding:0;list-style:none}.ranking li{gap:10px;min-height:34px;padding-top:7px;border-top:1px solid #e6eee5;color:#4f5d52;font-size:11px}.ranking li strong{margin-left:auto;color:var(--green-dark);font-size:12px;font-variant-numeric:tabular-nums}.rank-index{color:#9aa89b;font-size:10px;font-weight:700}.discount-card{padding-bottom:22px}.discount-row{gap:13px}.discount-row .percent-field{max-width:190px}.discount-row .adjusted-result{min-width:112px;padding-left:10px}.discount-footer{justify-content:space-between;gap:15px;margin-top:14px}.discount-actions{display:flex;flex:0 0 auto;align-items:center;gap:5px}.discount-footer p{margin:0;color:#78827a;font-size:10px;line-height:1.55}.discount-footer p strong{color:#465749}.discount-footer .secondary-button{flex:0 0 auto}.page-footer{justify-content:center;gap:8px;padding:23px 8px 0;color:#828d84;text-align:center}.footer-mark{color:#73927a;font-size:15px}.page-footer p{margin:0;font-size:10px}.dialog-backdrop{position:fixed;z-index:5;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#12241a7a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.install-dialog{position:relative;width:min(100%,390px);padding:30px;border:1px solid #e5ebe4;border-radius:20px;background:#fff;box-shadow:0 22px 60px #0f281938}.dialog-close{position:absolute;top:15px;right:15px}.install-dialog-icon{margin-bottom:16px}.install-dialog h2{margin-bottom:17px;font-size:23px}.install-dialog ol{display:grid;gap:13px;margin:0;padding-left:19px;color:#59665d;font-size:13px;line-height:1.6}.install-dialog li::marker{color:var(--green);font-weight:700}.install-dialog strong{color:var(--ink)}.share-glyph{display:inline-grid;width:21px;height:21px;place-items:center;margin:0 2px;border:1px solid #aab5ab;border-radius:5px;color:var(--green);font-size:14px;font-weight:700;line-height:1}.dialog-done{width:100%;margin-top:22px}@media(min-width:760px){.comparison-card{padding:31px 36px 28px}.discount-card{padding:29px 36px 23px}.product-row,.discount-row{gap:16px;padding:13px 15px}}@media(max-width:600px){.page-shell{width:min(100% - 30px,520px);padding-top:15px}.topbar{min-height:40px}.brand-mark{width:31px;height:31px;border-radius:10px}.brand-name{font-size:13px}.topbar-actions{gap:7px}.connection-pill{gap:6px;padding:7px 8px;font-size:9px}.connection-dot{width:6px;height:6px}.install-button{gap:5px;padding:9px 10px;font-size:10px}.install-button svg{width:15px;height:15px}.calculator-card{padding:21px 17px 19px;border-radius:16px}.calculator-card+.calculator-card{margin-top:12px}.section-heading{gap:11px;margin-bottom:19px}.section-icon{width:38px;height:38px;border-radius:11px}.section-icon svg{width:19px;height:19px}.section-heading h2{font-size:16px}.section-description{font-size:11px}.product-list,.discount-list{gap:7px}.product-row,.discount-row{display:grid;grid-template-columns:20px minmax(0,1fr) minmax(0,1fr) 32px;gap:9px 8px;padding:11px 9px;border-radius:12px}.row-number{grid-row:1;width:20px;font-size:9px}.field{grid-row:1}.product-row .field:nth-of-type(1){grid-column:2}.product-row .field:nth-of-type(2){grid-column:3}.product-row .remove-button{grid-column:4;grid-row:1;align-self:end;margin-bottom:2px}.product-row .unit-result{grid-column:2 / 5;display:flex;align-items:baseline;gap:8px;padding:4px 0 0;border-top:1px solid #edf0eb}.product-row .unit-result .field-label{margin:0}.product-row .unit-result strong{padding:0}.field-label{margin-bottom:5px;font-size:9px}.input-wrap{height:38px;gap:3px;padding:0 8px;border-radius:8px}.input-wrap input{font-size:13px}.input-unit{font-size:11px}.form-actions{margin-top:12px}.reset-button{width:36px;padding:0}.reset-label{display:none}.primary-button,.secondary-button{min-height:40px;padding:0 12px;font-size:11px}.discount-row .field:nth-of-type(1){grid-column:2}.discount-row .percent-field{grid-column:3;max-width:none}.discount-row .remove-button{grid-column:4;grid-row:1;align-self:end;margin-bottom:2px}.discount-row .adjusted-result{grid-column:2 / 5;display:flex;align-items:baseline;gap:8px;min-width:0;padding:7px 0 0;border-top:1px solid #edf0eb}.discount-row .adjusted-result .field-label{margin:0}.discount-row .adjusted-result strong{padding:0}.discount-footer{align-items:flex-start;flex-direction:column;gap:9px}.discount-footer p{max-width:none;font-size:9px}.discount-actions{align-self:flex-end}.discount-footer .secondary-button{gap:5px;padding:0 9px;white-space:nowrap}.ranking{margin-top:15px;padding:13px}.page-footer{padding-top:17px}.page-footer p{font-size:9px}}@media(max-width:370px){.page-shell{width:calc(100% - 22px)}.connection-pill{max-width:120px;overflow:hidden;text-overflow:ellipsis}.calculator-card{padding-right:12px;padding-left:12px}.discount-footer p{max-width:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}