:root{--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--tap: 48px;--maxw: 760px;--shadow-1: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 8px 24px rgba(0, 0, 0, .35);--shadow-2: 0 18px 50px rgba(0, 0, 0, .5);--glow: 0 0 0 1px rgba(var(--accent-rgb), .55), 0 8px 30px rgba(var(--accent-rgb), .28);font-synthesis:none;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--app-bg)}h1,h2,h3,h4,.display{font-family:Sora,system-ui,sans-serif;font-weight:700;letter-spacing:-.02em;margin:0;line-height:1.1}.num{font-family:Sora,sans-serif;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent)}::selection{background:rgba(var(--accent-rgb),.4)}.app-shell{min-height:100%;display:flex;flex-direction:column;max-width:var(--maxw);margin:0 auto;position:relative}.app-main{flex:1;padding:16px 16px calc(120px + env(safe-area-inset-bottom)) 16px}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;align-items:center;gap:10px}.spread{display:flex;align-items:center;justify-content:space-between;gap:10px}.grow{flex:1}.muted{color:var(--muted)}.faint{color:var(--muted);opacity:.75}.center{text-align:center}.wrap{flex-wrap:wrap}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;background:linear-gradient(180deg,var(--bg) 55%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand img{height:30px;width:auto;display:block}.brand .b-name{font-family:Sora;font-weight:700;font-size:14px;letter-spacing:-.01em;line-height:1}.brand .b-sub{font-size:11px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.panel{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.panel-p{padding:16px}.card{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--border);border-radius:var(--r-md);padding:14px;transition:border-color .15s,transform .12s,box-shadow .15s}.card.selectable:active{transform:scale(.99)}.card.selected{border-color:rgba(var(--accent-rgb),.9);box-shadow:var(--glow)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700;color:var(--muted)}.pick-card{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 14px;cursor:pointer;transition:border-color .15s ease,opacity .15s ease}.pick-card:not(.on){opacity:.55}.pick-card.on{border-color:rgba(var(--accent-rgb),.7)}.pick-card:active{transform:scale(.995)}.pick-check{flex:0 0 auto;width:22px;height:22px;border-radius:7px;border:1.5px solid var(--border);display:grid;place-items:center;margin-top:1px;color:var(--on-accent)}.pick-check.on{background:var(--accent-fill);border-color:transparent}.pick-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.pick-title{font-family:Sora;font-weight:600;font-size:14px;color:var(--text)}.pick-sub{font-size:12px;color:var(--muted)}.pick-summary{font-size:12px;color:var(--muted);margin-top:4px}.pick-scope{margin:4px 0 0 16px;padding:0;font-size:11.5px;color:var(--muted)}.pick-scope li{margin-bottom:1px}.pick-price{flex:0 0 auto;font-family:Sora;font-weight:700;font-size:15px;color:var(--text)}.pick-price.off{text-decoration:line-through;color:var(--muted)}.compare-grid{display:grid;gap:12px;overflow-x:auto;padding-bottom:4px}.compare-col{display:flex;flex-direction:column;gap:10px;border:1.5px solid var(--border);border-radius:var(--r-md);padding:14px;background:var(--panel);min-width:0}.compare-col.chosen{border-color:rgba(var(--accent-rgb),.8);box-shadow:var(--glow)}.compare-row{display:flex;flex-direction:column;gap:4px}.compare-label{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.compare-features{margin:2px 0 0 16px;padding:0;font-size:12px;color:var(--muted)}.compare-features li{margin-bottom:3px}.brand-mark{display:inline-flex;align-items:center;background:#fff;border:1px solid var(--border);border-radius:8px;padding:4px 10px}.brand-mark img{height:18px;max-width:120px;width:auto;object-fit:contain;display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:0 18px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--faint);color:var(--text);font-weight:600;font-size:15px;transition:transform .1s,background .15s,border-color .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;pointer-events:none}.btn.primary{background:var(--accent-fill);border-color:transparent;color:var(--on-accent);box-shadow:0 10px 28px rgba(var(--accent-rgb),.32)}.btn.ghost{background:transparent}.btn.block{width:100%}.btn.lg{min-height:56px;font-size:16px;border-radius:var(--r-lg)}.btn.sm{min-height:38px;padding:0 12px;font-size:13px;border-radius:var(--r-sm)}.btn.danger{color:var(--warn);border-color:#e8392b59}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);min-width:var(--tap);border-radius:var(--r-md);border:1px solid var(--border);background:var(--faint);-webkit-tap-highlight-color:transparent}.icon-btn:active{transform:scale(.94)}.chip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:var(--faint);font-weight:600;font-size:14px;-webkit-tap-highlight-color:transparent}.chip.on{background:var(--accent-fill);border-color:transparent;color:var(--on-accent)}.tile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.tile{position:relative;display:flex;flex-direction:column;gap:6px;min-height:92px;padding:14px;border-radius:var(--r-md);border:1px solid var(--border);background:linear-gradient(180deg,var(--panel),var(--panel-2));text-align:left;-webkit-tap-highlight-color:transparent;transition:border-color .15s,transform .1s,box-shadow .15s}.tile:active{transform:scale(.98)}.tile.on{border-color:rgba(var(--accent-rgb),.9);box-shadow:var(--glow)}.tile .t-title{font-family:Sora;font-weight:600;font-size:15px}.tile .t-sub{font-size:12px;color:var(--muted)}.tile .check{position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:999px;display:grid;place-items:center;background:var(--accent-fill);color:var(--on-accent);font-size:13px;opacity:0;transform:scale(.6);transition:.15s}.tile.on .check{opacity:1;transform:scale(1)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em;border:1px solid var(--border);background:var(--faint);color:var(--muted)}.badge.fit{background:rgba(var(--accent-rgb),.16);border-color:rgba(var(--accent-rgb),.5);color:var(--accent-2)}.badge.warn{background:#e8392b1f;border-color:#e8392b66;color:var(--warn)}.badge.save{background:#0f9d581f;border-color:#0f9d5866;color:var(--good)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.02em}.input,.select,textarea.input{width:100%;min-height:var(--tap);padding:12px 14px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-2);color:var(--text);font-size:16px;outline:none;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,textarea.input:focus{border-color:rgba(var(--accent-rgb),.8);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.18)}textarea.input{min-height:80px;resize:vertical;line-height:1.4}.input.num{font-variant-numeric:tabular-nums}.stepper{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;background:var(--bg-2)}.stepper button{width:42px;height:42px;display:grid;place-items:center;background:transparent;border:none;font-size:20px;color:var(--text)}.stepper button:active{background:var(--faint)}.stepper .q{min-width:38px;text-align:center;font-family:Sora;font-variant-numeric:tabular-nums;font-weight:600}.slider-wrap{padding-top:4px}input[type=range].slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:36px;background:transparent;margin:0}input[type=range].slider::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--accent) var(--pct, 50%),var(--track) var(--pct, 50%))}input[type=range].slider::-moz-range-track{height:8px;border-radius:999px;background:var(--track)}input[type=range].slider::-moz-range-progress{height:8px;border-radius:999px;background:var(--accent)}input[type=range].slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;margin-top:-10px;border-radius:999px;background:#fff;border:3px solid var(--accent);box-shadow:0 4px 14px #0006}input[type=range].slider::-moz-range-thumb{width:28px;height:28px;border-radius:999px;background:#fff;border:3px solid var(--accent)}.range-ends{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.progress{display:flex;align-items:center;gap:6px;padding:2px 0 4px}.progress .seg{flex:1;height:5px;border-radius:999px;background:var(--faint);overflow:hidden}.progress .seg .fill{display:block;height:100%;width:0;background:var(--accent-fill);transition:width .3s ease}.progress .seg.done .fill{width:100%}.progress .seg.active .fill{width:50%}.step-meta{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.step-meta .s-count{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.footer-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,var(--bg) 35%)}.footer-inner{max-width:var(--maxw);margin:0 auto;display:flex;flex-direction:column;gap:10px}.total-pill{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow-2)}.total-pill .t-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.total-pill .t-value{font-family:Sora;font-weight:800;font-size:22px;font-variant-numeric:tabular-nums}.line{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.line:last-child{border-bottom:none}.line .l-main{flex:1;min-width:0}.line .l-title{font-family:Sora;font-weight:600;font-size:15px}.line .l-sub{font-size:12px;color:var(--muted)}.price-strike{text-decoration:line-through;color:var(--muted);font-variant-numeric:tabular-nums}.price-now{font-family:Sora;font-weight:700;font-variant-numeric:tabular-nums}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#02040999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}.sheet{width:100%;max-width:var(--maxw);max-height:calc(100dvh - 32px);overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-2);padding:18px 16px calc(18px + env(safe-area-inset-bottom));animation:sheet-in .22s cubic-bezier(.22,1,.36,1)}@keyframes sheet-in{0%{transform:scale(.97);opacity:0}to{transform:scale(1);opacity:1}}.sheet-grab{display:none}.segmented{display:inline-flex;padding:4px;gap:4px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-md)}.segmented button{min-height:38px;padding:0 14px;border:none;background:transparent;border-radius:var(--r-sm);font-weight:600;font-size:13px;color:var(--muted)}.segmented button.on{background:var(--accent-fill);color:var(--on-accent)}.section-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.section-tabs::-webkit-scrollbar{display:none}.section-tab{flex:0 0 auto;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:var(--bg-2);color:var(--muted);font-size:12.5px;font-weight:600;white-space:nowrap;cursor:pointer;display:inline-flex;align-items:center;gap:5px}.section-tab.on{background:var(--accent-fill);color:var(--on-accent);border-color:transparent}.section-tab.done{color:var(--text)}.divider{height:1px;background:var(--border);margin:6px 0}.empty{text-align:center;color:var(--muted);padding:40px 16px}.fade-in{animation:fade .3s ease both}@keyframes fade{0%{opacity:0}to{opacity:1}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media print{@page{size:A4;margin:14mm}body{background:#fff!important;color:#0a0a0a!important}body:before{display:none!important}.no-print{display:none!important}.app-shell{max-width:none}.app-main{padding:0!important}.print-doc{color:#0a0a0a}.print-doc .panel,.print-doc .card{box-shadow:none!important;border-color:#ddd!important;background:#fff!important}.print-doc .muted{color:#555!important}.print-doc .price-now,.print-doc h1,.print-doc h2{color:#0a0a0a!important}}