.cs{--cs-h:4.5rem;--cs-fs:1.125rem;width:100%;max-width:44rem}.cs--page{--cs-h:4rem;max-width:52rem}.cs__form{position:relative}.cs__field{align-items:center;gap:var(--s-3);height:var(--cs-h);background:var(--surface-raised);border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:var(--sh-sm);transition:border-color var(--d-base) var(--ease-out), box-shadow var(--d-base) var(--ease-out);padding:.5rem .5rem .5rem 1.35rem;display:flex}.cs__field:focus-within{border-color:var(--action);box-shadow:var(--sh-md)}.cs__icon{width:1.25rem;height:1.25rem;color:var(--ink-faint);flex:none}.cs__input{min-width:0;font-size:var(--cs-fs);letter-spacing:var(--ls-snug);color:var(--ink);background:0 0;border:none;flex:1;font-weight:400}.cs__input::-webkit-search-cancel-button{display:none}.cs__input::placeholder{color:var(--ink-ghost)}.cs__submit{height:calc(var(--cs-h) - 1rem);border-radius:var(--r-sm);background:var(--action);color:var(--neve);font-size:var(--t-sm);white-space:nowrap;transition:background var(--d-fast) var(--ease-out), transform var(--d-base) var(--ease-fit);align-items:center;gap:.5rem;padding-inline:1.6rem;font-weight:500;display:inline-flex}.cs__submit svg{width:.9rem;height:.9rem}.cs__submit:hover{background:var(--action-hover)}.cs__submit:active{transform:scale(.97)}.cs__list,.cs__notice{inset-inline:0;z-index:var(--z-overlay);background:var(--surface-raised);border:1px solid var(--line-strong);border-radius:var(--r-lg);max-height:22rem;box-shadow:var(--sh-xl);animation:cs-drop var(--d-base) var(--ease-out);padding:.4rem;position:absolute;top:calc(100% + .6rem);overflow-y:auto}@keyframes cs-drop{0%{opacity:0;transform:translateY(-.4rem)}}.cs__opt{align-items:center;gap:var(--s-4);border-radius:var(--r-md);cursor:pointer;transition:background var(--d-fast) var(--ease-out);outline:none;grid-template-columns:5.5rem minmax(0,1fr) auto;padding:.75rem .9rem;display:grid}.cs__opt[aria-selected=true],.cs__opt:hover{background:var(--action-soft)}.cs__moreResults{border-top:1px solid var(--line);font-size:var(--t-xs);color:var(--ink-faint);padding:.7rem .9rem .55rem}.cs__optBrand,.cs__optState{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--ink-faint)}.cs__optBrand{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cs__optName{min-width:0;font-size:var(--t-sm);font-weight:500}.cs__optModel{color:var(--action)}.cs__optContext{font-size:var(--t-micro);color:var(--ink-ghost);margin-top:.15rem;font-weight:400;display:block}.cs__optState[data-state=verified]{color:var(--fit-yes)}.cs__notice{padding:var(--s-5);font-size:var(--t-sm);line-height:var(--lh-relaxed);color:var(--ink-muted)}.cs__notice a{color:var(--action);text-underline-offset:3px;text-decoration:underline}.cs__help{align-items:center;gap:var(--s-2) var(--s-3);margin-top:var(--s-4);flex-wrap:wrap;padding-inline:.4rem;display:flex}.cs__helpLabel{font-size:var(--t-micro);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--ink-ghost)}.cs__chip{border:1px solid var(--line);border-radius:var(--r-sm);background:color-mix(in oklab, var(--neve) 60%, transparent);font-size:var(--t-xs);color:var(--ink-muted);align-items:baseline;gap:.4rem;padding:.3rem .75rem;font-weight:500;display:inline-flex}.cs__chip:hover{border-color:var(--action);background:var(--surface-raised);color:var(--ink)}.cs__chipHint{font-size:var(--t-micro);color:var(--ink-ghost)}.cs__noscript{margin-top:var(--s-4);padding:var(--s-4);border-radius:var(--r-md);background:var(--fit-maybe-bg);font-size:var(--t-sm);color:var(--ink-muted)}.cs__noscript a{color:var(--action);text-decoration:underline}.cs__result{margin-top:var(--s-6);padding:var(--s-6);background:var(--surface-raised);border:1px solid var(--line-strong);border-radius:var(--r-xl);box-shadow:var(--sh-lg);animation:cs-result var(--d-slow) var(--ease-out)}.cs__result[data-verdict=confirmed]{border-color:var(--line-accent)}@keyframes cs-result{0%{opacity:0;transform:translateY(1rem)scale(.985)}}.cs__verdict{align-items:center;gap:var(--s-5);display:flex}.cs__fitMark{width:auto;height:4.5rem;animation:cs-mark-in var(--d-slow) var(--ease-fit);flex:none}.cs__fitMark[hidden]{display:none}.cs__deviceVisual{--photo-inset:.35rem;border:1px solid var(--line);border-radius:var(--r-md);background:#fff;flex:0 0 6rem;place-items:center;width:6rem;height:6rem;display:grid;overflow:hidden}.cs__deviceVisual[hidden]{display:none}@keyframes cs-mark-in{0%{opacity:0;transform:scale(.88)}}.cs__verdictText{flex:1;min-width:0}.cs__verdictLabel{font-size:var(--t-micro);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--fit-yes);font-weight:500}.cs__result[data-verdict=pending] .cs__verdictLabel,.cs__result[data-verdict=conflicted] .cs__verdictLabel{color:var(--oceano)}.cs__device{font-size:var(--t-h3);letter-spacing:var(--ls-tight);margin-top:.35rem}.cs__deviceMeta{font-size:var(--t-xs);color:var(--ink-faint);margin-top:.3rem}.cs__close{border-radius:var(--r-sm);width:2rem;height:2rem;color:var(--ink-ghost);flex:none;align-self:flex-start;place-items:center;display:grid}.cs__close:hover{background:var(--surface-sunken);color:var(--ink)}.cs__close svg{width:.9rem;height:.9rem}.cs__explain{margin-top:var(--s-4);max-width:66ch;font-size:var(--t-sm);line-height:var(--lh-relaxed);color:var(--ink-muted)}.cs__refills{gap:var(--s-3);margin-top:var(--s-5);display:grid}.cs__refill{padding:var(--s-4) var(--s-5);border:1px solid var(--line-accent);border-radius:var(--r-lg);background:var(--fit-yes-bg)}.cs__refillTag{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--action)}.cs__refillName{font-size:var(--t-body);margin-top:.35rem;font-weight:500}.cs__refillCode{font-family:var(--font-mono);font-size:var(--t-xs);color:var(--ink-muted);margin-top:.2rem}.cs__availability{font-size:var(--t-xs);color:var(--ink-faint);margin-top:.35rem}.cs__specs{font-family:var(--font-mono);font-size:var(--t-micro);color:var(--ink-faint);flex-wrap:wrap;gap:.35rem 1rem;margin-top:.6rem;display:flex}.cs__refillActions{gap:var(--s-2);margin-top:var(--s-4);flex-wrap:wrap;display:flex}.cs__refillDetail{border-radius:var(--r-sm);background:var(--action);min-height:2.6rem;font-size:var(--t-xs);color:var(--neve);align-items:center;gap:.45rem;padding:.62rem .85rem;font-weight:650;display:inline-flex}.cs__refillDetail:hover{background:var(--action-hover)}.cs__sources{gap:var(--s-2);margin-top:var(--s-3);flex-wrap:wrap;display:flex}.cs__source{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-raised);font-size:var(--t-micro);color:var(--action);align-items:center;gap:.35rem;padding:.3rem .55rem;display:inline-flex}.cs__source:before{content:"";background:var(--fit-yes);border-radius:50%;width:.35rem;height:.35rem}.cs__pending{padding:var(--s-5);border-radius:var(--r-lg);background:var(--fit-maybe-bg);font-size:var(--t-sm);line-height:var(--lh-relaxed);color:var(--ink-muted)}.cs__caveat{margin-top:var(--s-4);padding:var(--s-4);border-radius:var(--r-md);background:var(--fit-maybe-bg);font-size:var(--t-sm);line-height:var(--lh-relaxed);color:var(--ink-muted)}.cs__compare{margin-top:var(--s-4);border:1px solid var(--line-accent);border-radius:var(--r-sm);background:var(--action-soft);font-size:var(--t-sm);color:var(--action);align-items:center;gap:.45rem;padding:.72rem 1rem;font-weight:600;display:inline-flex}.cs__compare[hidden]{display:none}.cs__compare:hover{border-color:var(--action)}.cs__more{margin-top:var(--s-5);font-size:var(--t-sm);color:var(--action);align-items:center;gap:.5rem;font-weight:500;display:inline-flex}.cs__more svg{width:.85rem;height:.85rem}@media (width>=1536px){.cs--hero{--cs-h:5rem;--cs-fs:1.25rem;max-width:50rem}}@media (width<=640px){.cs{--cs-h:3.75rem;--cs-fs:1rem}.cs__submit{padding-inline:1.1rem}.cs__submit span{display:none}.cs__opt{gap:var(--s-3);grid-template-columns:4.25rem minmax(0,1fr)}.cs__optState{display:none}.cs__verdict{gap:var(--s-4)}.cs__fitMark{height:3.5rem}.cs__deviceVisual{flex-basis:4.75rem;width:4.75rem;height:4.75rem}}@media (prefers-reduced-motion:reduce){.cs__fitMark,.cs__list,.cs__notice,.cs__result{animation:none}}