:root{--swatch-cyan:#53d4fa;--swatch-cyan-light:#bdeefe;--swatch-cyan-deep:#0e7490;--swatch-cyan-ink:#062331;--swatch-cyan-2:#2bb8e6;--swatch-ink:#0c1524;--swatch-ink-2:#364253;--swatch-slate:#677181;--swatch-line:#dfe5ec;--swatch-line-2:#c9d2dd;--swatch-paper:#f0f3f7;--swatch-white:#fff;--swatch-mist:#f5f8fb;--swatch-green:#157347;--swatch-amber:#b45309;--ink:var(--swatch-ink);--ink-soft:var(--swatch-ink-2);--muted:var(--swatch-slate);--line:var(--swatch-line);--line-strong:var(--swatch-line-2);--bg:var(--swatch-paper);--panel:var(--swatch-white);--soft:var(--swatch-mist);--accent:var(--swatch-cyan);--accent-light:var(--swatch-cyan-light);--accent-deep:var(--swatch-cyan-deep);--accent-ink:var(--swatch-cyan-ink);--accent-soft:#53d4fa3d;--grad:linear-gradient(135deg, var(--swatch-cyan) 0%, var(--swatch-cyan-2) 100%);--good:var(--swatch-green);--warn:var(--swatch-amber);--r-sm:6px;--r-md:10px;--r-lg:14px;--r-pill:999px;--r:var(--r-md);--r-xl:var(--r-lg);--r-2xl:var(--r-lg);--radius:var(--r-lg);--fs-2xs:.64rem;--fs-xs:.72rem;--fs-sm:.82rem;--fs-md:.92rem;--fs-base:1rem;--fs-lg:1.15rem;--fs-xl:1.35rem;--fs-2xl:1.6rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--shadow-sm:0 1px 2px #0c15240d;--shadow:0 1px 2px #0c15240d, 0 10px 28px #0c15240d;--shadow-lg:0 12px 28px #0214281f;--shadow-pop:0 6px 24px #06182152;--dur-fast:.15s;--z-under:-1;--z-raised:1;--z-sticky:2;--z-bar:40;--z-modal:60;--font-display:"Geist", system-ui, sans-serif;--font-body:"Geist", system-ui, sans-serif;--font-mono:"Geist Mono", ui-monospace, monospace}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5;overflow-x:clip}.mono{font-family:var(--font-mono);font-weight:500}::selection{background:var(--accent-soft)}.bg-grid{z-index:var(--z-under);pointer-events:none;background-image:linear-gradient(#53d4fa0d 1px,#0000 1px),linear-gradient(90deg,#53d4fa0d 1px,#0000 1px),linear-gradient(#0b7fa30e 1px,#0000 1px),linear-gradient(90deg,#0b7fa30e 1px,#0000 1px);background-size:17px 17px,17px 17px,136px 136px,136px 136px;position:fixed;inset:0;mask-image:radial-gradient(90% 70% at 50% 0,#000 35%,#0000 100%)}.wrap{max-width:1460px;margin:0 auto;padding:1.1rem clamp(1rem,4vw,1.5rem) 1rem}.hero{margin-bottom:2rem;position:relative}.hero__brand{line-height:0;display:inline-block}.hero__brand img{width:auto;height:clamp(32px,5vw,64px)}.hero__browse{white-space:nowrap;font-size:var(--fs-sm);color:var(--accent-deep);border:1.5px solid var(--line-strong);border-radius:var(--r-md);background:var(--panel);transition:border-color var(--dur-fast), background var(--dur-fast);padding:.55rem .95rem;font-weight:700;text-decoration:none;display:inline-block}.hero__browse:hover{border-color:var(--accent-deep);background:var(--accent-soft)}.hero__sheet{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);grid-template-columns:minmax(0,1fr) clamp(180px,24vw,260px);grid-template-areas:"main fig";align-items:center;gap:0 1.5rem;display:grid;position:relative;overflow:hidden}.hero__main{grid-area:main;min-width:0;padding:clamp(1.6rem,4vw,2.8rem) 0 clamp(1.6rem,4vw,2.4rem) clamp(1.4rem,4vw,2.6rem)}.hero__h1{font-family:var(--font-display);text-wrap:balance;margin:0 0 .8rem;font-size:clamp(2.4rem,6vw,4.2rem);font-weight:800;line-height:.98}.hero__grad{background:linear-gradient(120deg, var(--swatch-cyan-deep) 0%, var(--swatch-cyan-2) 45%, var(--swatch-cyan) 100%);color:#0000;background-clip:text}.hero__lede{color:var(--ink-soft);max-width:52ch;font-size:var(--fs-base);margin:0;line-height:1.55}.hero__fig{text-align:center;flex-direction:column;justify-content:center;align-self:stretch;align-items:center;gap:1rem;padding:1.4rem;display:flex;position:relative}.hero__fig:before{content:"";border-right:1px dashed var(--line-strong);position:absolute;top:0;bottom:0;left:0}@media (width<=760px){.hero__sheet{grid-template-columns:1fr;grid-template-areas:"main""fig";gap:0}.hero__main{padding:1.35rem 1.15rem .2rem}.hero__h1{margin-bottom:.55rem;font-size:clamp(2rem,9vw,2.6rem)}.hero__lede{font-size:var(--fs-md)}.hero__fig{border-top:1px dashed var(--line-strong);flex-direction:row;justify-content:space-between;align-items:center;gap:.8rem;margin-top:1.1rem;padding:.75rem 1.15rem}.hero__fig:before{display:none}.hero__brand img{height:28px}.hero__browse{font-size:var(--fs-sm);padding:.45rem .75rem}}.app{grid-template-columns:400px minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.sidebar{min-width:0;position:sticky;top:1rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow);position:relative;overflow:visible}.panel .group{padding:1.1rem 1.2rem}.panel .group+.group{border-top:1px dashed var(--line-strong)}.panel .dims{flex-direction:column;gap:.75rem;display:flex}.panel .dims .group-title{margin-bottom:0}.dims-hint{font-size:var(--fs-sm);color:var(--muted);margin:.1rem 0;line-height:1.4}.pieces-note,.algo-note{text-align:right;font:600 var(--fs-2xs)/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0}.pieces-note--full{color:var(--warn)}.algo-note{text-align:center;margin-top:-.35rem}.search-prog{border-radius:var(--r-pill);background:var(--line);opacity:0;height:3px;animation:prog-reveal var(--dur-fast) ease .25s forwards;margin:-.35rem 0 .9rem;overflow:hidden}.search-prog span{border-radius:inherit;background:var(--grad);height:100%;transition:width .12s linear;display:block}@keyframes prog-reveal{to{opacity:1}}.panel .opts{background:var(--soft);border-radius:0 0 var(--radius) var(--radius);flex-direction:column;gap:.85rem;display:flex}.panel .group-title{font-weight:700;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.09em;color:var(--muted);align-items:baseline;gap:.55rem;margin:0 0 .6rem;padding:0;display:flex}.field{min-width:0;font-size:var(--fs-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;flex-direction:column;gap:.4rem;font-weight:700;display:flex}.field__box{align-items:center;min-width:0;display:flex;position:relative}.field__box i{font-style:normal;font-size:var(--fs-xs);font-weight:600;font-family:var(--font-mono);color:var(--accent-deep);pointer-events:none;position:absolute;right:.6rem}.field input,.field select{background:var(--soft);border:1.5px solid var(--line-strong);width:100%;min-width:0;color:var(--ink);border-radius:var(--r-md);font-size:var(--fs-base);font-family:var(--font-body);transition:border-color var(--dur-fast), box-shadow var(--dur-fast), background var(--dur-fast);padding:.58rem .7rem;font-weight:600}.field input{font-family:var(--font-mono);padding-right:1.7rem}.field select{font-size:var(--fs-md);cursor:pointer}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);background:#fff;outline:0}.slider{font-size:var(--fs-sm);color:var(--ink-soft);flex-direction:column;gap:.55rem;display:flex}.slider__top{justify-content:space-between;align-items:center;gap:.5rem;font-weight:600;display:flex}.slider__top b{color:var(--accent-deep);font-family:var(--font-mono);font-weight:600}.slider__top .lbl{align-items:center;gap:.4rem;display:inline-flex}.info{border:1.5px solid var(--line-strong);width:16px;height:16px;color:var(--muted);font:700 10px/1 var(--font-body);cursor:help;transition:border-color var(--dur-fast), color var(--dur-fast), background var(--dur-fast);background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;font-style:italic;display:inline-flex;position:relative}.info:hover,.info:focus-visible{border-color:var(--accent-deep);color:var(--accent-deep);background:var(--accent-soft)}.info-pop{border-radius:var(--r-lg);background:var(--ink);color:#fff;max-width:min(300px,100vw - 16px);font:500 .78rem/1.5 var(--font-body);box-shadow:var(--shadow-pop);opacity:0;transform-origin:var(--arrow-x,50%) -4px;transition:opacity var(--dur-fast), transform var(--dur-fast), display var(--dur-fast) allow-discrete, overlay var(--dur-fast) allow-discrete;border:0;margin:0;padding:.6rem .75rem;position:fixed;inset:auto;transform:translateY(4px)scale(.97)}.info-pop[data-side=top]{transform-origin:var(--arrow-x,50%) calc(100% + 4px);transform:translateY(-4px)scale(.97)}.info-pop:popover-open{opacity:1;transform:none}@starting-style{.info-pop:popover-open{opacity:0;transform:translateY(4px)scale(.97)}.info-pop[data-side=top]:popover-open{transform:translateY(-4px)scale(.97)}}.info-pop:before{content:"";top:-4px;left:var(--arrow-x,50%);background:inherit;border-radius:2px 0;width:10px;height:10px;margin-left:-5px;position:absolute;transform:rotate(45deg)}.info-pop[data-side=top]:before{top:auto;bottom:-4px}.info-pop b{color:#fff;font-weight:700}.info-pop::backdrop{background:0 0}@media (prefers-reduced-motion:reduce){.info-pop{transition:none}}.slider input{appearance:none;border-radius:var(--r-pill);background:var(--line-strong);cursor:pointer;width:100%;height:6px;margin:0}.slider input::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--accent);background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .1s;box-shadow:0 2px 6px #0c152433}.slider input::-webkit-slider-thumb:active{transform:scale(1.15)}.slider input::-moz-range-thumb{border:3px solid var(--accent);background:#fff;border-radius:50%;width:20px;height:20px}.switch{cursor:pointer;font-size:var(--fs-sm);color:var(--ink);user-select:none;align-items:center;gap:.6rem;font-weight:600;line-height:1.3;display:inline-flex}.switch input{opacity:0;width:0;height:0;position:absolute}.switch__track{border-radius:var(--r-pill);background:var(--line-strong);flex:none;width:42px;height:24px;transition:background .2s;position:relative}.switch__track:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch input:checked+.switch__track{background:var(--accent)}.switch input:checked+.switch__track:after{transform:translate(18px)}.switch input:focus-visible+.switch__track{box-shadow:0 0 0 4px var(--accent-soft)}button[type=submit]{background:var(--grad);width:100%;color:var(--accent-ink);border-radius:var(--r-md);font-weight:800;font-size:var(--fs-base);cursor:pointer;font-family:var(--font-display);letter-spacing:.01em;border:0;padding:.9rem 1.4rem;transition:transform .12s;position:relative;overflow:hidden}button[type=submit]:after{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);position:absolute;inset:0;transform:translate(-120%)skew(-20deg)}button[type=submit]:hover{transform:translateY(-2px)}button[type=submit]:hover:after{animation:.7s shine}button[type=submit]:active{transform:translateY(0)}@keyframes shine{to{transform:translate(120%)skew(-20deg)}}.content{min-width:0}.content__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.status{color:var(--ink-soft);min-height:1.4em;font-weight:500;font-size:var(--fs-base);margin:.35rem .2rem 1rem}.status b{color:var(--ink);font-weight:800}.status:empty{display:none}.sortbar{font-size:var(--fs-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;align-items:center;gap:.5rem;margin:.35rem .2rem 1rem;font-weight:700;display:inline-flex}.sortbar[hidden]{display:none}.sortbar select{background:var(--panel);border:1.5px solid var(--line-strong);color:var(--ink);border-radius:var(--r);font-family:var(--font-body);font-size:var(--fs-sm);text-transform:none;letter-spacing:0;cursor:pointer;padding:.45rem 1.9rem .45rem .6rem;font-weight:600}.sortbar select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:0}.results{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.1rem;display:grid}.empty{text-align:center;border:1.5px dashed var(--line-strong);border-radius:var(--radius);background:#ffffff8c;grid-column:1/-1;padding:3rem 1.5rem}.empty__icon{margin-bottom:.6rem;font-size:2.4rem}.empty__title{font-family:var(--font-display);font-weight:700;font-size:var(--fs-lg);margin:0 0 .3rem}.empty__sub{color:var(--muted);font-size:var(--fs-md);margin:0}.empty__try{width:auto;margin:1.1rem auto 0;padding:.5rem 1.1rem}.skel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-xl);opacity:0;animation:prog-reveal var(--dur-fast) ease .25s forwards;flex-direction:column;display:flex;overflow:hidden}.skel--wide{flex-direction:row;grid-column:1/-1}.skel__thumb{aspect-ratio:4/3;border-bottom:1px solid var(--line)}.skel--wide .skel__thumb{aspect-ratio:4/3;border-bottom:0;flex:0 0 min(34%,300px)}.skel__body{gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-3);flex-direction:column;flex:1;display:flex}.skel--wide .skel__body{padding:1.3rem 1.6rem}.skel__line{border-radius:var(--r-pill);height:.7rem}.skel__line--title{height:.95rem}.skel__line--mid{width:75%}.skel__line--short{width:45%}.skel__thumb,.skel__line{background-color:var(--line);background-image:linear-gradient(90deg,#0000,#ffffffb3,#0000);background-repeat:no-repeat;background-size:200% 100%;animation:1.3s ease-in-out infinite skel-shimmer}@keyframes skel-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-xl);opacity:0;animation:.45s forwards card-in;animation-delay:calc(var(--i,0) * 45ms);flex-direction:column;transition:border-color .18s,box-shadow .25s,transform .25s;display:flex;position:relative;overflow:hidden}.card__link{color:inherit;flex-direction:column;flex:1;text-decoration:none;display:flex}@keyframes card-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.card--best{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);grid-column:1/-1}.card--best .card__link{flex-direction:row;align-items:stretch}.card--best .thumb{aspect-ratio:4/3;border-bottom:0;border-right:1px solid var(--line);flex:0 0 min(34%,300px);align-self:stretch}.card--best .thumb img{max-height:240px}.card--best .body{justify-content:flex-start;gap:.5rem;padding:1.3rem 1.6rem}.card--best .body h3{font-size:var(--fs-xl);-webkit-line-clamp:3;line-clamp:3;min-height:0}.card--best .fit__bar{height:8px}.card--best .fit__label{font-size:var(--fs-md)}.card--best .fit__label b{font-size:var(--fs-xl)}.card--best .price{font-size:var(--fs-2xl)}.card--best .row{gap:.9rem}.card--best .thumb__cue{font-size:var(--fs-xs)}.why{font-size:var(--fs-md);color:var(--ink-soft);margin:-.1rem 0 0;line-height:1.35}.why b{color:var(--accent-deep);font-weight:700}.rank{z-index:var(--z-raised);font-size:var(--fs-2xs);letter-spacing:.03em;border-radius:var(--r-sm);background:var(--accent-soft);color:var(--accent-deep);padding:.24rem .55rem;font-weight:800;position:absolute;top:.6rem;left:.6rem}.thumb{border:0;border-bottom:1px solid var(--line);width:100%;font:inherit;color:inherit;aspect-ratio:4/3;cursor:pointer;background:#fff;margin:0;padding:0;display:block;position:relative;overflow:hidden}.thumb img{object-fit:contain;width:100%;height:100%;padding:1rem;transition:transform .35s;display:block}.card:hover .thumb img{transform:scale(1.07)}.thumb__cue{z-index:var(--z-raised);font-family:var(--font-body);font-size:var(--fs-xs);color:#fff;border-radius:var(--r-pill);background:var(--ink);transition:background var(--dur-fast), transform var(--dur-fast);border:1px solid #ffffff29;align-items:center;gap:.35rem;padding:.34rem .62rem;font-weight:700;display:inline-flex;position:absolute;bottom:.55rem;left:.55rem;box-shadow:0 2px 8px #02142847}.thumb__cue svg{width:13px;height:13px;display:block}.thumb:hover .thumb__cue{background:var(--ink-soft);transform:translateY(-1px)}.body{padding:var(--space-4) var(--space-4) var(--space-3);gap:var(--space-2);flex-direction:column;flex:1;display:flex}.body h3{font-size:var(--fs-md);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:2.64em;margin:0;font-weight:700;line-height:1.32;display:-webkit-box;overflow:hidden}.badges{flex-wrap:wrap;gap:.35rem;margin:-.15rem 0 0;display:flex}.badge{font-size:var(--fs-2xs);letter-spacing:.02em;border-radius:var(--r-sm);align-items:center;gap:.25rem;padding:.2rem .5rem;font-weight:800;display:inline-flex}.badge--seller{color:var(--warn);background:#b453091a}.fit{align-items:center;gap:.6rem;display:flex}.fit__bar{border-radius:var(--r-pill);background:var(--line);flex:1;height:6px;overflow:hidden}.fit__bar span{height:100%;width:var(--fill,0%);border-radius:var(--r-pill);background:var(--grad);animation:.7s .1s both fill-in;display:block}@keyframes fill-in{0%{width:0}}.fit__label{font-size:var(--fs-sm);color:var(--muted);white-space:nowrap;font-weight:600}.fit__label b{font-family:var(--font-mono);font-size:var(--fs-lg);color:var(--ink);font-weight:700}.meta{color:var(--muted);font-size:var(--fs-xs);white-space:nowrap;text-overflow:ellipsis;min-height:1.3em;margin:0;line-height:1.3;overflow:hidden}.meta .mono{color:var(--ink-soft)}.row{padding-top:var(--space-2);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:auto;display:flex}.row__buy{align-items:center;gap:var(--space-2);display:flex}.price{font-family:var(--font-display);font-weight:800;font-size:var(--fs-lg)}.tag{font-size:var(--fs-2xs);border-radius:var(--r-sm);padding:.18rem .5rem;font-weight:700}.tags{flex-wrap:wrap;gap:.35rem;display:flex}.tags:empty{display:none}.tag.ru{color:var(--accent-deep);background:var(--accent-soft)}.buy{white-space:nowrap;cursor:pointer;font-family:var(--font-body);font-size:var(--fs-sm);color:var(--accent-deep);transition:color var(--dur-fast);align-items:center;gap:.3rem;padding:.2rem 0;font-weight:700;text-decoration:none;display:inline-flex}.buy span{transition:transform var(--dur-fast)}.buy:hover{color:var(--ink)}.buy:hover span{transform:translate(2px)}.card--best .buy{border-radius:var(--r-pill);background:var(--grad);color:var(--accent-ink);box-shadow:var(--shadow-sm);transition:transform var(--dur-fast), box-shadow var(--dur-fast);gap:.4rem;padding:.5rem 1.3rem}.card--best .buy:hover{box-shadow:var(--shadow);color:var(--accent-ink);transform:translateY(-1px)}.card--best .buy:hover span{transform:translate(2px)}.cta{background:var(--grad);color:var(--accent-ink);border-radius:var(--r-md);margin-top:1rem;padding:.7rem 1.3rem;font-weight:800;text-decoration:none;transition:transform .12s;display:inline-block}.cta:hover{transform:translateY(-2px)}.dims{--item-cols:12px repeat(3, 1fr) 2.5rem 1.7rem}.dims.show-adv{--item-cols:12px repeat(3, 1fr) 2.5rem 1.7rem 1.7rem 1.7rem}.item-head{grid-template-columns:var(--item-cols);align-items:end;gap:.3rem;margin-bottom:.3rem;display:grid}.dim-lbl{font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:center;font-weight:700}.item{grid-template-columns:var(--item-cols);align-items:center;gap:.3rem;margin-bottom:.45rem;display:grid}.item .group,.item .lock{display:none}.dims.show-adv .item .group,.dims.show-adv .item .lock{display:block}.item__qty i{font-style:normal}.item .item__qty input{color:var(--muted);padding:.55rem .9rem .55rem .3rem}.item .group,.item .lock{cursor:pointer;opacity:.5;color:var(--muted);border-radius:var(--r);transition:opacity var(--dur-fast), background var(--dur-fast), color var(--dur-fast);background:0 0;border:0;padding:.32rem;line-height:0}.item .group svg,.item .lock svg{width:1.05rem;height:1.05rem;display:block}.item .group:hover,.item .lock:hover{opacity:.85;background:var(--soft)}.item .group.is-on,.item .lock.is-on{opacity:1;color:var(--accent-deep);background:var(--accent-soft)}.item__dot{background:var(--dot,var(--accent));border-radius:2px;flex:none;width:8px;height:8px;box-shadow:0 0 0 2px #0c15240f}.item .field__box{min-width:0}.item .field__box i{font-size:var(--fs-2xs);right:.45rem}.item input{background:var(--soft);border:1.5px solid var(--line-strong);width:100%;min-width:0;color:var(--ink);border-radius:var(--r-md);font-family:var(--font-mono);font-size:var(--fs-md);text-align:center;transition:border-color var(--dur-fast), box-shadow var(--dur-fast), background var(--dur-fast);padding:.55rem .35rem;font-weight:500}.item input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);background:#fff;outline:0}.item input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.item input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.item input[type=number]{appearance:textfield}.item .rm{color:var(--muted);cursor:pointer;font-size:var(--fs-base);border-radius:var(--r);transition:color var(--dur-fast), background var(--dur-fast);background:0 0;border:0;padding:.3rem;line-height:1}.item .rm:hover{color:var(--warn);background:#b453091a}.ghost-btn{border:1.5px solid var(--line-strong);background:var(--soft);width:100%;color:var(--ink-soft);font-family:var(--font-body);font-weight:700;font-size:var(--fs-sm);border-radius:var(--r-md);cursor:pointer;transition:border-color var(--dur-fast), background var(--dur-fast), color var(--dur-fast);padding:.6rem}.ghost-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent-deep);background:#fff}.ghost-btn:disabled{opacity:.55;cursor:not-allowed}#add-item{margin:0}.how__head{max-width:60ch;margin-bottom:2.2rem}.how__kicker{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-deep);margin:0 0 .4rem;font-weight:600}.how__title{font-family:var(--font-display);letter-spacing:-.025em;margin:0 0 .6rem;font-size:clamp(1.6rem,3.4vw,2.3rem);font-weight:800;line-height:1.05}.how__lede{color:var(--ink-soft);font-size:var(--fs-base);margin:0}.how__steps{grid-template-columns:repeat(3,1fr);gap:1.6rem;margin:0;padding:0;list-style:none;display:grid}.how-step{padding-top:.2rem;position:relative}.how-step__fig{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--soft);margin-bottom:1rem}.how-step__fig svg{width:100%;height:auto;display:block}.hs-case{stroke:var(--ink-soft);stroke-width:1.6px;stroke-dasharray:none;fill:none;rx:3}.hs-item{fill:#53d4fa80;stroke:var(--accent-deep);stroke-width:1.2px}.hs-item--alt{fill:#ff9a3c73;stroke:#c2410c}.hs-item--c{fill:#a78bfa73;stroke:#6d28d9}.hs-item--d{fill:#4ade8073;stroke:#15803d}.hs-arrow{stroke:var(--accent-deep);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.hs-floor{stroke:var(--line-strong);stroke-width:1.6px;stroke-linecap:round}.hs-note{font-family:var(--font-mono);fill:var(--muted);font-size:9px}.hs-no{stroke:#dc2626;stroke-width:2.2px;stroke-linecap:round}.hs-yes{stroke:#15803d;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;fill:none}.hs-shell{stroke:var(--accent-deep);stroke-width:1.1px;stroke-dasharray:4 3;fill:none}.hs-beam{stroke:var(--line-strong);stroke-width:1.1px;stroke-dasharray:4 3;fill:none}.hs-hug{stroke:#15803d;stroke-width:1.2px;stroke-dasharray:4 3;fill:#4ade8014}.hs-void{stroke:#dc2626;stroke-width:1.1px;stroke-dasharray:3 3;fill:#dc26261a}.how-step__no{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-deep);margin:0 0 .25rem;font-weight:600}.how-step__h{font-family:var(--font-display);font-size:var(--fs-lg);letter-spacing:-.015em;margin:0 0 .45rem;font-weight:700}.how-step__p{font-size:var(--fs-md);color:var(--ink-soft);margin:0;line-height:1.6}.how-step__p b.mono{font-family:var(--font-mono);color:var(--accent-deep);font-size:.85em;font-weight:600}.how__foot{border-top:1px dashed var(--line-strong);font-size:var(--fs-md);color:var(--muted);margin:2.4rem 0 0;padding-top:1.4rem}.how__foot a{color:var(--accent-deep);font-weight:600}.how__foot b{color:var(--ink-soft)}.how__foot-p{max-width:70ch;margin:0 0 .9rem;line-height:1.6}.how__foot-p:last-child{margin-bottom:0}.how__runs{grid-template-columns:repeat(3,1fr);gap:.7rem;margin:0 0 .9rem;padding:0;list-style:none;display:grid}.how__runs li{border:1px solid var(--line);border-radius:var(--r);background:var(--soft);font-size:var(--fs-sm);color:var(--ink-soft);padding:.7rem .85rem;line-height:1.55}.how__runs b.mono{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-deep);margin-bottom:.3rem;font-weight:600;display:block}@media (width<=800px){.how__runs{grid-template-columns:1fr}}.foot{max-width:1460px;margin:3rem auto 0;padding:0 clamp(1rem,4vw,1.5rem) 1.6rem}.foot__block{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);grid-template-columns:1.6fr 1fr;display:grid}.foot__cell{min-width:0;padding:1.2rem 1.3rem 1.1rem}.foot__cell--brand{border-right:1px dashed var(--line-strong)}.foot__label{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-deep);margin:0 0 .55rem;font-weight:600}.foot__brand{margin-bottom:.6rem;line-height:0;display:inline-block}.foot__brand img{width:auto;height:30px}.foot__blurb{font-size:var(--fs-sm);color:var(--ink-soft);margin:0;line-height:1.6}.foot__links{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.foot__links a,.foot__links button{cursor:pointer;font-family:var(--font-body);font-size:var(--fs-sm);color:var(--accent-deep);transition:color var(--dur-fast);background:0 0;border:0;align-items:center;gap:.3rem;padding:0;font-weight:700;text-decoration:none;display:inline-flex}.foot__links span{transition:transform var(--dur-fast)}.foot__links a:hover,.foot__links button:hover{color:var(--ink)}.foot__links a:hover span,.foot__links button:hover span{transform:translate(2px)}.foot__credit{text-align:right;font:500 .72rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:.8rem .2rem 0}.foot__credit b{color:var(--ink-soft);font-weight:600}@media (width<=860px){.foot__block{grid-template-columns:1fr}.foot__cell--brand{border-right:0}.foot__cell+.foot__cell{border-top:1px dashed var(--line-strong)}}@media (width<=1000px){.how__steps{grid-template-columns:1fr;max-width:480px}}@media (width<=900px){.app{grid-template-columns:minmax(0,1fr);gap:1.25rem}.sidebar{position:static}.panel .group{padding:1.05rem clamp(1.1rem,4vw,1.4rem)}.sidebar--collapsed .panel{display:none}.sidebar--collapsed .sidebar__chip{display:flex}}.sidebar__chip{border:1.5px solid var(--accent);border-radius:var(--r-pill);background:var(--accent-soft);width:100%;color:var(--accent-deep);cursor:pointer;font-family:var(--font-body);font-weight:700;font-size:var(--fs-sm);align-items:center;gap:.6rem;padding:.65rem 1rem;display:none}.sidebar__chip-txt{text-align:left;flex:1}.sidebar__chip-edit{text-underline-offset:2px;text-decoration:underline}@media (width<=700px){.card--best .card__link{flex-direction:column}.card--best .thumb{aspect-ratio:4/3;border-right:0;border-bottom:1px solid var(--line);flex:none}}@media (width<=560px){.wrap{padding-top:1.5rem}.hero{margin-bottom:1.25rem}.field input,.field select,.item input,.sortbar select{font-size:var(--fs-base)}.fit-specs{grid-template-columns:1fr}.cmp-modal{padding:.6rem}.cmp-modal__panel{max-height:calc(100dvh - 1.2rem)}.results{grid-template-columns:1fr;gap:.8rem}.card:not(.card--best) .card__link{flex-direction:row;align-items:stretch}.card:not(.card--best) .thumb{aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--line);flex:0 0 116px;width:116px}.card:not(.card--best) .thumb img{padding:.6rem}.card:not(.card--best) .body{justify-content:center;gap:.4rem;padding:.7rem 2.1rem .7rem .9rem}.card:not(.card--best) .body h3{font-size:var(--fs-md);min-height:0}.card__cmp-txt{display:none}.card__compare{gap:0;padding:.45rem;top:.5rem;right:.5rem}.thumb__cue-txt{display:none}.card:not(.card--best) .thumb__cue{gap:0;padding:.36rem;bottom:.4rem;left:.4rem}}@media (pointer:coarse){.dims{--item-cols:12px repeat(3, 1fr) 2.5rem 2rem}.dims.show-adv{--item-cols:12px repeat(3, 1fr) 2.5rem 2rem 2rem 2rem}.item .rm{font-size:var(--fs-lg);padding:.55rem .6rem}.item .group,.item .lock{padding:.5rem .45rem}.item .group svg,.item .lock svg{width:1.2rem;height:1.2rem}.card--best .buy{min-height:42px}.buy{padding:.35rem 0}.card__cmp-box{width:17px;height:17px}.cmp-chip{width:54px;height:54px}.cmp-chip__x{width:20px;height:20px}.cmp-modal__x{width:38px;height:38px}.fitsheet__x{width:42px;height:42px}.slider input::-webkit-slider-thumb{width:24px;height:24px}.slider input::-moz-range-thumb{width:24px;height:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.card{opacity:1}}.card__compare{z-index:var(--z-sticky);cursor:pointer;font-family:var(--font-body);font-size:var(--fs-xs);color:var(--ink-soft);border-radius:var(--r-pill);border:1.5px solid var(--line-strong);background:color-mix(in srgb, var(--panel) 88%, transparent);backdrop-filter:blur(4px);transition:border-color var(--dur-fast), background var(--dur-fast), color var(--dur-fast);align-items:center;gap:.3rem;padding:.28rem .5rem .28rem .34rem;font-weight:700;display:inline-flex;position:absolute;top:.6rem;right:.6rem}.card__compare:hover{border-color:var(--accent-deep)}.card__cmp-box{border:1.5px solid var(--line-strong);width:15px;height:15px;font-size:var(--fs-xs);color:var(--muted);border-radius:4px;place-items:center;line-height:1;display:grid}.card__compare.is-on{border-color:var(--accent-deep);color:var(--accent-deep);background:var(--accent-soft)}.card__compare.is-on .card__cmp-box{background:var(--accent-deep);border-color:var(--accent-deep);color:#fff}.cmp-bar{z-index:var(--z-bar);padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));backdrop-filter:blur(10px);border-top:1px solid var(--line-strong);background:#fffffff5;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 30px #0214281f}.cmp-bar[hidden]{display:none}.cmp-bar__inner{flex-wrap:wrap;align-items:center;gap:1rem;max-width:1100px;margin:0 auto;display:flex}.cmp-bar__count{font-size:var(--fs-sm);color:var(--ink-soft);white-space:nowrap}.cmp-bar__count b{color:var(--ink);font-weight:800}.cmp-bar__thumbs{flex-wrap:wrap;flex:1;gap:.45rem;min-width:0;display:flex}.cmp-chip{cursor:pointer;border:1px solid var(--line);border-radius:var(--r-md);background:#fff;flex:none;width:46px;height:46px;padding:3px;position:relative}.cmp-chip img{object-fit:contain;width:100%;height:100%}.cmp-chip__x{width:16px;height:16px;font-size:var(--fs-2xs);color:#fff;background:var(--ink-soft);border-radius:50%;place-items:center;display:grid;position:absolute;top:-6px;right:-6px}.cmp-bar__actions{align-items:center;gap:.5rem;display:flex}.cmp-bar__actions .ghost-btn{width:auto;padding:.5rem .9rem}.cmp-bar__go{border-radius:var(--r-md);cursor:pointer;font-family:var(--font-body);font-weight:800;font-size:var(--fs-md);color:var(--accent-ink);background:var(--grad);border:0;padding:.55rem 1.1rem}.cmp-bar__go:disabled{opacity:.5;cursor:not-allowed}.cmp-modal{z-index:var(--z-modal);place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.cmp-modal[hidden]{display:none}.cmp-modal__backdrop{backdrop-filter:blur(2px);background:#0614228c;position:absolute;inset:0}.cmp-modal__panel{background:var(--panel);border-radius:var(--r-2xl);width:min(920px,100%);max-height:88dvh;box-shadow:var(--shadow);padding:1.5rem;position:relative;overflow:auto}.cmp-modal__x{background:var(--soft);cursor:pointer;border-radius:var(--r);width:32px;height:32px;font-size:var(--fs-md);color:var(--ink-soft);z-index:var(--z-sticky);border:0;position:absolute;top:.8rem;right:.8rem}.cmp-table{flex-direction:column;width:100%;display:flex}.cmp-row{grid-template-columns:minmax(72px, .7fr) repeat(var(--cols,2), minmax(0, 1fr));align-items:center;display:grid}.cmp-row:not(.cmp-row--head):nth-of-type(2n){background:var(--soft)}.cmp-cell{font-size:var(--fs-sm);text-align:center;overflow-wrap:break-word;min-width:0;padding:.6rem .7rem}.cmp-cell--label{text-align:left;color:var(--muted);font-weight:700;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em}.cmp-cell--head{flex-direction:column;align-items:center;gap:.4rem;padding-top:.2rem;display:flex}.cmp-thumb{border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;width:100%;height:96px;overflow:hidden}.cmp-thumb img{object-fit:contain;width:100%;height:100%;padding:.5rem}.cmp-cell--head h4{font-size:var(--fs-sm);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.cmp-price{font-family:var(--font-display);font-weight:800;font-size:var(--fs-lg)}.cmp-view{font-size:var(--fs-sm);color:var(--accent-deep);font-weight:700;text-decoration:none}.cmp-view:hover{text-decoration:underline}.fit--cmp{gap:.45rem}.fit--cmp .fit__bar{height:9px}.fit--cmp .fit__label{font-size:var(--fs-md)}.cmp-nofit{color:var(--warn);font-weight:700}@media (width<=560px){.cmp-cell{font-size:var(--fs-sm);padding:.5rem .4rem}.cmp-cell--head h4{font-size:var(--fs-xs)}.cmp-modal__panel{padding:1rem}.cmp-price{font-size:var(--fs-md)}.cmp-cell--label{font-size:var(--fs-2xs);letter-spacing:.02em;overflow-wrap:normal}.fit--cmp .fit__bar{display:none}}@media (width<=900px){.cmp-modal--sheet{place-items:stretch stretch;padding:0}.cmp-modal--sheet .cmp-modal__panel{border-radius:0;width:100%;height:100dvh;max-height:100dvh;padding:1rem .8rem 1.2rem;animation:.28s cubic-bezier(.2,.9,.3,1.05) both fs-up}.cmp-modal--sheet .cmp-modal__x{position:fixed}.cmp-modal--sheet .cmp-row--head{z-index:1;background:var(--panel);box-shadow:0 1px 0 var(--line);position:sticky;top:0}}.fitsheet{z-index:var(--z-modal);place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.fitsheet__backdrop{backdrop-filter:blur(3px);background:#0614228c;animation:.2s both fs-fade;position:absolute;inset:0}.fitsheet__panel{z-index:1;background:var(--panel);border-radius:var(--r-2xl);width:min(860px,100%);max-height:92dvh;box-shadow:var(--shadow-lg);flex-direction:column;gap:1rem;padding:1.4rem 1.4rem 1.15rem;animation:.26s cubic-bezier(.2,.9,.3,1.08) both fs-pop;display:flex;position:relative;overflow:auto}@keyframes fs-fade{0%{opacity:0}}@keyframes fs-pop{0%{opacity:0;transform:translateY(10px)scale(.985)}}@keyframes fs-up{0%{transform:translateY(100%)}}.fitsheet__x{z-index:3;border-radius:var(--r-pill);background:var(--soft);width:34px;height:34px;color:var(--ink-soft);cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast);border:0;place-items:center;display:grid;position:absolute;top:.85rem;right:.85rem}.fitsheet__x:hover{background:var(--line);color:var(--ink)}.fitsheet__head{padding-right:2.6rem}.fitsheet__eyebrow{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-deep);align-items:center;gap:.45rem;font-weight:600;display:inline-flex}.fitsheet__eyebrow:before{content:"";background:var(--accent-deep);width:16px;height:1px}.fitsheet__title{font-family:var(--font-display);font-weight:800;font-size:var(--fs-xl);color:var(--ink);margin:.3rem 0 0;line-height:1.2}.fitsheet__verdict{border-radius:var(--r-lg);border:1px solid var(--line);align-items:center;gap:.9rem;padding:.7rem .85rem;display:flex}.fitsheet__verdict--pass{background:#1573470f;border-color:#15734738}.fitsheet__verdict--fail{background:#b453090f;border-color:#b453093d}.fitsheet__verdict-txt{flex-direction:column;gap:.08rem;line-height:1.3;display:flex}.fitsheet__verdict-txt>b{font-size:var(--fs-md)}.fitsheet__verdict--pass .fitsheet__verdict-txt>b{color:var(--good)}.fitsheet__verdict--fail .fitsheet__verdict-txt>b{color:var(--warn)}.fitsheet__verdict-txt span{font-size:var(--fs-sm);color:var(--muted)}.fitsheet__verdict-txt span b{color:var(--ink);font-weight:700}.fit-gauge{--pct:0;--ring:var(--good);background:conic-gradient(var(--ring) calc(var(--pct) * 1%), var(--line-strong) 0);border-radius:50%;flex:none;place-items:center;width:54px;height:54px;display:grid;position:relative}.fitsheet__verdict--fail .fit-gauge{--ring:var(--warn)}.fit-gauge:before{content:"";background:var(--panel);border-radius:50%;position:absolute;inset:5px;box-shadow:inset 0 0 0 1px #0c15240a}.fit-gauge__num{font-family:var(--font-display);font-weight:800;font-size:var(--fs-md);color:var(--ink);position:relative}.fit-gauge__num i{color:var(--muted);margin-left:1px;font-size:.56rem;font-style:normal}.fitsheet__verdict--fail .fit-gauge__num{color:var(--warn);font-size:var(--fs-lg)}.fitsheet__stage{position:relative}.fitsheet__grab{pointer-events:none;font-size:var(--fs-xs);color:var(--muted);border:1px solid var(--line);border-radius:var(--r-pill);backdrop-filter:blur(4px);background:#ffffffd1;padding:.2rem .55rem;font-weight:600;position:absolute;bottom:.7rem;left:.7rem}.fit-specs{grid-template-columns:1fr 1fr;gap:.5rem;margin:0;display:grid}.fit-spec{background:var(--soft);border:1px solid var(--line);border-radius:var(--r-md);flex-direction:column;gap:.12rem;padding:.55rem .7rem;display:flex}.fit-spec dt{font-size:var(--fs-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-deep);font-weight:700}.fit-spec dd{font-size:var(--fs-sm);color:var(--ink);margin:0;font-weight:700}.fit-spec dd.mono{font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:-.01em}.fitsheet .fit-items,.fitsheet .fit-legend{margin-top:0}.fitsheet__foot{border-top:1px dashed var(--line-strong);align-items:center;gap:.9rem;padding-top:1rem;display:flex}.fitsheet__price{font-family:var(--font-display);font-weight:800;font-size:var(--fs-xl);color:var(--ink)}.fitsheet__shop{background:var(--grad);color:var(--accent-ink);font-weight:800;font-size:var(--fs-md);border-radius:var(--r-pill);box-shadow:var(--shadow-sm);transition:transform var(--dur-fast), box-shadow var(--dur-fast);align-items:center;gap:.45rem;margin-left:auto;padding:.62rem 1.15rem;text-decoration:none;display:inline-flex}.fitsheet__shop:hover{box-shadow:var(--shadow);transform:translateY(-1px)}@media (width<=900px){.fitsheet{place-items:stretch stretch;padding:0}.fitsheet__panel{border-radius:0;gap:.8rem;width:100%;height:100dvh;max-height:100dvh;padding:1rem .9rem 1.1rem;animation:.28s cubic-bezier(.2,.9,.3,1.05) both fs-up}.fitsheet__x{position:fixed}.fit-tool{font-size:var(--fs-sm);padding:.5rem .7rem}.fitsheet .fit-tools{align-items:center;inset:auto auto .55rem 50%;transform:translate(-50%)}.fitsheet__grab{display:none}}.fit-canvas{border-radius:var(--r-xl);border:1px solid var(--line);cursor:grab;touch-action:none;background:radial-gradient(130% 100% at 50% 8%,#fdfeff 0%,#eef3f7 62%,#e4ecf1 100%);width:100%;height:auto;display:block;box-shadow:inset 0 1px #ffffffb3}.fit-canvas.is-grabbing{cursor:grabbing}.fit-tools{align-items:center;gap:.35rem;display:flex;position:absolute;top:.7rem;right:.7rem}.fit-tool{border:1.5px solid var(--line-strong);border-radius:var(--r);backdrop-filter:blur(4px);color:var(--ink-soft);font-family:var(--font-body);font-size:var(--fs-xs);cursor:pointer;transition:border-color var(--dur-fast), color var(--dur-fast), background var(--dur-fast);background:#ffffffeb;align-items:center;gap:.3rem;padding:.3rem .55rem;font-weight:700;display:inline-flex}.fit-tool:hover{border-color:var(--accent-deep);color:var(--accent-deep)}.fit-tool.is-on{border-color:var(--accent-deep);color:var(--accent-deep);background:var(--accent-soft)}.fit-tool svg{display:block}.fit-items{flex-wrap:wrap;gap:.5rem;margin-top:.8rem;display:flex}.fit-items:empty{display:none}.fit-item{font-size:var(--fs-xs);color:var(--ink-soft);border:1px solid var(--line);background:var(--soft);border-radius:7px;align-items:center;gap:.4rem;padding:.22rem .55rem;display:inline-flex}.fit-item i{background:var(--c,var(--accent));border-radius:3px;width:10px;height:10px}.fit-item .mono{font-size:var(--fs-xs)}.fit-item__qty{font-size:var(--fs-xs);color:var(--accent-deep);font-weight:700}.fit-item__lock{color:var(--muted);line-height:0}.fit-item__lock svg{width:.82rem;height:.82rem;display:block}.fit-legend{font-size:var(--fs-xs);color:var(--muted);flex-wrap:wrap;gap:1rem;margin-top:.75rem;display:flex}.fit-legend span{align-items:center;gap:.45rem;display:inline-flex}.fit-key{border-radius:3px;flex:none;width:16px;height:12px}.fit-key--env{border:1.5px dashed var(--accent-deep);background:0 0;height:0}.fit-key--case{border:1.5px solid var(--ink-soft);background:#c9dbe799}