.spec{--spec-surround:#ededea;--spec-card:#ffffff;--spec-ink:#111111;--spec-ink-soft:#5d5d58;--spec-ink-faint:#8f8f88;--spec-rule:rgba(17,17,17,0.14);--spec-rule-strong:rgba(17,17,17,0.42);--spec-mark:#1b1b1b;background-color:var(--spec-surround);color:var(--spec-ink);font-family:var(--font-manrope),ui-sans-serif,system-ui,sans-serif;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}.spec ::-moz-selection{background:var(--spec-ink);color:var(--spec-card)}.spec ::selection{background:var(--spec-ink);color:var(--spec-card)}.spec{caret-color:var(--spec-ink);scrollbar-color:var(--spec-ink-faint) transparent;scrollbar-width:thin}.spec ::-webkit-scrollbar{width:11px;height:11px}.spec ::-webkit-scrollbar-track{background:transparent}.spec ::-webkit-scrollbar-thumb{background:var(--spec-ink-faint);border:3px solid var(--spec-surround)}.spec :focus-visible{outline:2px solid var(--spec-ink);outline-offset:2px}.spec a{text-underline-offset:.2em;text-decoration-thickness:1px}.spec-display{font-weight:800;letter-spacing:-.035em;line-height:.96;text-wrap:balance}.spec-code{font-family:var(--font-roboto-mono),ui-monospace,monospace;font-weight:500;letter-spacing:.06em}.spec-code,.spec-label{font-size:.6875rem;text-transform:uppercase;color:var(--spec-ink-soft)}.spec-label{font-weight:700;letter-spacing:.13em}.spec-measure{max-width:68ch}.spec-chip{display:block;background:var(--spec-card);box-shadow:0 1px 2px rgba(17,17,17,.07),0 6px 14px -6px rgba(17,17,17,.16);transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s ease-out}.spec-chip:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(17,17,17,.08),0 16px 28px -10px rgba(17,17,17,.22)}.spec-chip__field{background-color:var(--chip);aspect-ratio:5/4;position:relative}.spec-chip__field[data-retired=true]:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.78) 0 2px,transparent 2px 11px)}.spec-chip[data-ours=true]{outline:1px solid var(--spec-rule-strong);outline-offset:-1px}.spec-fan{display:flex;gap:2px}.spec-fan__leaf{flex:1 1 0;height:44px;background-color:var(--chip);transition:flex-grow .22s cubic-bezier(.16,1,.3,1)}.spec-fan:hover .spec-fan__leaf:hover{flex-grow:2.4}.spec-board{border-top:2px solid var(--spec-ink)}.spec-row{border-bottom:1px solid var(--spec-rule);transition:background-color .14s ease-out}.spec-row:hover{background-color:rgba(17,17,17,.04)}.spec-swatch{display:inline-block;width:14px;height:14px;flex:none;background-color:var(--chip);border:1px solid rgba(17,17,17,.28)}.spec-pick{border:1px solid var(--spec-rule-strong);background:transparent;color:var(--spec-ink);font-weight:600;transition:background-color .14s ease-out,border-color .14s ease-out,color .14s ease-out}.spec-pick:hover:not(:disabled){border-color:var(--spec-ink)}.spec-pick[aria-pressed=true]{background:var(--spec-mark);border-color:var(--spec-mark);color:var(--spec-card)}.spec-pick:disabled{opacity:.4;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.spec-chip,.spec-fan__leaf{transition:none}.spec-chip:hover{transform:none}}