:root{--bg: #f4f6fb;--card: #ffffff;--inset: #e9edf6;--border: rgba(40, 54, 131, .12);--border-strong: rgba(40, 54, 131, .3);--text: #1c2145;--muted: #5d6480;--accent: #283683;--accent-soft: rgba(40, 54, 131, .08);--green: #3ea535;--success: #2d7c24;--success-bg: #e6f4e2;--warning: #8a5a0b;--warning-bg: #f7ecd4;--danger: #b71f1f;--danger-bg: #fbe4e4;--case: #283683;--case-inner: #e9ecf5;--seg-line: rgba(255, 255, 255, .35);--chartreuse: #effc00;--chartreuse-border: #bdc800}@media (prefers-color-scheme: dark){:root{--bg: #171923;--card: #21253a;--inset: #1c2032;--border: rgba(197, 206, 255, .12);--border-strong: rgba(197, 206, 255, .3);--text: #e8eaf4;--muted: #9aa1bd;--accent: #99a6ef;--accent-soft: rgba(122, 140, 235, .16);--green: #6fc95f;--success: #8ed67c;--success-bg: #253c20;--warning: #ecc06c;--warning-bg: #403418;--danger: #f09595;--danger-bg: #472222;--case: #4a57ad;--case-inner: #272c44;--seg-line: rgba(0, 0, 0, .25)}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:DM Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.page{max-width:1080px;margin:0 auto;padding:32px 24px 48px}.brand-link{display:inline-block;max-width:380px;width:100%}.brand-logo{width:100%;height:auto;display:block}.brand-logo .lw-primary{fill:var(--accent)}.brand-logo .lw-secondary{fill:var(--green)}.brand-tagline{margin:8px 0 0;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--green)}.hero h1{font-size:30px;font-weight:700;margin:20px 0 0;letter-spacing:-.02em;color:var(--accent)}.hero p{margin:6px 0 0;color:var(--muted);max-width:52ch}.layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:36px;margin-top:32px;align-items:start}.controls section+section{margin-top:32px}h2{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0 0 12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bag-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font:inherit;font-size:13px;font-weight:500;color:var(--muted);background:var(--card);border:1.5px solid var(--border);border-radius:999px;padding:5px 13px;cursor:pointer;transition:all .15s}.chip:hover{border-color:var(--border-strong)}.chip.on{color:#fff;background:var(--accent);border-color:var(--accent)}.brand-select select{font:inherit;font-size:13px;font-weight:500;color:var(--text);background:var(--card);border:1.5px solid var(--border);border-radius:999px;padding:6px 14px;cursor:pointer}.bag-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.bag-card{position:relative;display:flex;gap:12px;text-align:left;background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:12px;cursor:pointer;font:inherit;color:inherit;transition:border-color .15s}.bag-card:hover{border-color:var(--border-strong)}.bag-card.selected{border-color:var(--accent);background:var(--accent-soft)}.bag-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bag-thumb{flex:none;width:58px;height:58px;border-radius:10px;background:#fff;border:1px solid var(--border);overflow:hidden;display:flex;align-items:center;justify-content:center}.bag-thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.bag-info{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.bag-brand{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--green)}.bag-name{font-weight:600;font-size:13.5px;line-height:1.25;color:var(--text)}.bag-meta{font-size:11.5px;color:var(--muted);margin-top:2px}.bag-meta b{color:var(--accent);font-weight:700}.bag-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.bag-price{font-size:13px;font-weight:700;color:var(--text)}.bag-link{font-size:11.5px;font-weight:600;color:var(--accent);text-decoration:none;white-space:nowrap}.bag-link:hover{text-decoration:underline}.bag-dims{display:flex;flex-wrap:nowrap;align-items:center;gap:3px;margin:4px 0 2px;max-width:150px}.bag-dims input{flex:1;width:100%;min-width:0;padding:3px 2px;font:inherit;font-size:12.5px;text-align:center;color:inherit;background:var(--card);border:1px solid var(--border);border-radius:6px;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.bag-dims input::-webkit-outer-spin-button,.bag-dims input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bag-dims input:focus{outline:2px solid var(--accent);outline-offset:-1px}.dim-x,.dim-unit{font-size:12px;color:var(--muted)}.style-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:14px 16px}.seg{display:inline-flex;background:var(--inset);border-radius:10px;padding:3px}.seg button{font:inherit;font-size:13.5px;font-weight:550;color:var(--muted);background:transparent;border:none;border-radius:8px;padding:6px 14px;cursor:pointer;transition:background .15s,color .15s}.seg button.on{background:var(--card);color:var(--text);box-shadow:0 1px 2px #0000001f}.switch{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:550;cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{position:absolute;opacity:0;pointer-events:none}.switch .track{width:38px;height:22px;border-radius:11px;background:var(--inset);border:1px solid var(--border);position:relative;transition:background .15s;flex:none}.switch .track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--card);box-shadow:0 1px 2px #0003;transition:transform .15s}.switch input:checked+.track{background:var(--green)}.switch input:checked+.track:after{transform:translate(16px)}.switch input:focus-visible+.track{outline:2px solid var(--accent);outline-offset:2px}.size-ctl{display:inline-flex;align-items:center;gap:9px}.size-label{font-size:13.5px;font-weight:550}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px}.item-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:14px 10px 10px;cursor:pointer;text-align:center;transition:border-color .15s,transform .08s;-webkit-user-select:none;user-select:none}.item-card:hover{border-color:var(--border-strong)}.item-card:active{transform:scale(.97)}.item-card.active{border-color:var(--item-color)}.item-count{position:absolute;top:-8px;right:-6px;min-width:22px;height:22px;border-radius:11px;background:var(--item-color);color:#fff;font-size:12.5px;font-weight:650;display:flex;align-items:center;justify-content:center;padding:0 6px;box-shadow:0 1px 3px #00000040}.item-emoji{font-size:26px;line-height:1.2}.item-name{font-size:13px;font-weight:600}.item-vol{font-size:11.5px;color:var(--muted)}.item-stepper{display:flex;gap:6px;margin-top:8px}.item-stepper button{width:30px;height:26px;border-radius:8px;border:1px solid var(--border);background:var(--inset);color:var(--text);font-size:15px;line-height:1;cursor:pointer;transition:background .15s}.item-stepper button:hover{background:var(--border)}.panel{position:sticky;top:24px;display:flex;flex-direction:column;align-items:center}.case-wrap{display:flex;flex-direction:column;align-items:center}.case-handle{width:72px;height:18px;border:4px solid var(--case);border-bottom:none;border-radius:10px 10px 0 0}.case-body{width:216px;border:4px solid var(--case);border-radius:20px;background:var(--case-inner);padding:7px;transition:border-color .2s}.case-body.case-over{border-color:var(--danger)}.case-inner{position:relative;border-radius:12px;overflow:hidden;background:var(--case-inner)}.case-stack{position:absolute;inset:auto 0 0 0;display:flex;flex-direction:column-reverse}.case-seg{width:100%;border-top:1px solid var(--seg-line);transition:height .35s cubic-bezier(.3,.9,.4,1)}.case-capline{position:absolute;left:0;right:0;border-top:2px dashed var(--danger)}.case-capline span{position:absolute;right:4px;top:1px;font-size:10.5px;font-weight:650;color:var(--danger);text-transform:uppercase;letter-spacing:.05em}.case-pct{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:26px;font-weight:700;letter-spacing:-.02em}.case-pct:before{content:"";position:absolute;width:92px;height:48px;border-radius:10px;background:var(--chartreuse);border:2px solid var(--chartreuse-border);z-index:-1}.case-pct{color:#283683;z-index:0}.case-wheels{display:flex;gap:120px;margin-top:-2px}.case-wheels span{width:16px;height:16px;border-radius:50%;background:var(--case)}.verdict{margin-top:18px;width:100%;border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;text-align:center}.verdict strong{font-size:15px;font-weight:650}.verdict span{font-size:13px;opacity:.85}.v-empty{background:var(--inset);color:var(--muted)}.v-ok,.v-good{background:var(--success-bg);color:var(--success)}.v-snug{background:var(--warning-bg);color:var(--warning)}.v-over{background:var(--danger-bg);color:var(--danger)}.hint{margin:10px 0 0;font-size:13px;color:var(--muted);text-align:center;max-width:240px}.stats{margin-top:16px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.stats>div{background:var(--card);border:1.5px solid var(--border);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column}.stat-label{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.stat-value{font-size:20px;font-weight:650;letter-spacing:-.01em}.stat-value.bad{color:var(--danger)}.stat-sub{font-size:12px;color:var(--muted)}.buy-card{display:flex;align-items:center;gap:12px;width:100%;margin-top:14px;padding:10px;background:var(--card);border:1.5px solid var(--border);border-radius:12px;text-decoration:none;color:inherit;transition:border-color .15s}.buy-card:hover{border-color:var(--accent)}.buy-thumb{flex:none;width:46px;height:46px;border-radius:8px;background:#fff;border:1px solid var(--border);overflow:hidden;display:flex;align-items:center;justify-content:center}.buy-thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.buy-info{display:flex;flex-direction:column;gap:2px;min-width:0}.buy-name{font-size:12.5px;font-weight:600;color:var(--text);line-height:1.25}.buy-cta{font-size:12px;font-weight:600;color:var(--accent)}.foot{margin-top:40px;font-size:12.5px;color:var(--muted);max-width:62ch}.foot p{margin:0 0 8px}.foot a{color:var(--accent);font-weight:600}@media (max-width: 860px){.layout{grid-template-columns:1fr}.panel{position:static;order:-1}}