@layer components{.fair{gap:var(--space-7);padding-bottom:var(--space-6);display:grid}.fair__head{padding-bottom:0}.fair-section{gap:var(--space-4);min-width:0;display:grid}.fair-section>h2{font-size:var(--text-xl)}@media (width>=600px){.fair-section>h2{font-size:var(--text-2xl)}}.fair-section__intro{color:var(--color-text-2);max-width:var(--measure)}.fair-how{gap:var(--space-3);max-width:var(--measure);display:grid}.fair-how li{grid-template-columns:var(--icon-m) minmax(0, 1fr);gap:var(--space-3);align-items:start;display:grid}.fair-how svg{width:var(--icon-m);height:var(--icon-m);color:var(--color-ok);margin-top:var(--space-1)}.fair-limits{gap:var(--space-3);max-width:var(--measure);padding-left:var(--space-4);border-left:var(--focus-ring) solid var(--color-accent);display:grid}.fair__back{margin-top:calc(var(--space-4) * -1)}.fair-panel{gap:var(--space-5);max-width:calc(var(--measure) + var(--space-8));display:grid}@media (width<=599px){.fair-panel{padding:var(--space-4) var(--space-3)}}.fair-field{gap:var(--space-2);min-width:0;display:grid}.fair-field__head{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.fair-field__label{font-weight:var(--weight-semibold)}.fair-field__count{font-size:var(--text-sm);color:var(--color-text-3);margin-left:auto}.fair-field__note,.fair-field__hint{font-size:var(--text-sm);color:var(--color-text-2)}.fair-textarea{min-height:calc(var(--space-9) + var(--space-6));font-size:var(--text-md)}.fair-textarea[readonly]{background:var(--color-sunken);color:var(--color-text-2)}.fair-spins{gap:var(--space-2);border:0;min-width:0;padding:0;display:grid}.fair-spins legend{margin-bottom:var(--space-2);padding:0}.fair-spins__options{padding:var(--space-1);justify-self:start;gap:var(--space-1);background:var(--color-sunken);border:var(--border-w) solid var(--color-border-strong);border-radius:var(--radius-sm);display:inline-flex}.fair-spins__option{min-height:var(--target-min);min-width:calc(var(--space-9) - var(--space-2));padding:0 var(--space-4);border:var(--border-w) solid transparent;border-radius:calc(var(--radius-sm) - 1px);color:var(--color-text-2);font-weight:var(--weight-medium);cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:relative}.fair-spins__option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.fair-spins__option:hover{color:var(--color-text)}.fair-spins__option:has(input:checked){background:var(--color-surface);color:var(--color-text);border-color:var(--color-text)}.fair-spins__option:has(input:focus-visible){outline:var(--focus-ring) solid var(--color-focus);outline-offset:var(--focus-offset)}.fair-spins:disabled .fair-spins__option{opacity:.6;cursor:not-allowed}.fair-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.fair-actions .btn{min-width:var(--spin-min-w)}.fair-actions__note,.fair-note{font-size:var(--text-sm);color:var(--color-text-2)}.fair-note[data-tone=danger]{color:var(--color-danger)}.fair-progress{gap:var(--space-2);display:grid}.fair-progress__track{height:var(--space-2);border-radius:var(--radius-full);background:var(--color-track);position:relative;overflow:hidden}.fair-progress__fill{background:var(--color-accent);transform-origin:0;transition:transform var(--dur-2) linear;position:absolute;inset:0}.fair-progress__text{font-size:var(--text-sm);color:var(--color-text-2)}.fair-result{gap:var(--space-3);min-width:0;animation:fair-in var(--dur-3) var(--ease-out);display:grid}@keyframes fair-in{0%{opacity:0;transform:translateY(var(--space-2))}}.fair-verdict{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-sm);border:var(--border-w) solid var(--color-text);background:var(--color-bg);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.fair-verdict__stamp{width:var(--icon-xl);height:var(--icon-xl);border-radius:var(--radius-full);border:var(--focus-ring) solid currentColor;color:var(--color-ok);place-items:center;display:grid}.fair-verdict__stamp svg{width:var(--icon-l);height:var(--icon-l);fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.fair-result[data-verdict=unusual] .fair-verdict__stamp{color:var(--color-accent)}.fair-result[data-verdict=more] .fair-verdict__stamp{color:var(--color-indigo)}.fair-verdict__title{font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-title-cjk)}.fair-verdict__text{color:var(--color-text-2)}.fair-result__meta{font-size:var(--text-sm);color:var(--color-text)}.fair-result__help{font-size:var(--text-sm);color:var(--color-text-2);max-width:var(--measure)}.fair-table-wrap{max-height:min(70vh, calc(var(--space-9) * 6));max-height:min(70svh, calc(var(--space-9) * 6));overscroll-behavior:contain;border:var(--border-w) solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);overflow:auto}.fair-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.fair-table caption{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fair-table :is(th,td){padding:var(--space-2);border-bottom:var(--border-w) solid var(--color-border);text-align:left;vertical-align:top}.fair-table thead th{z-index:1;background:var(--color-surface);color:var(--color-text-2);font-weight:var(--weight-medium);border-bottom-color:var(--color-text);position:sticky;top:0}.fair-table tbody tr:last-child :is(th,td){border-bottom:0}.fair-table .is-num{text-align:right;white-space:nowrap}.fair-table__name{font-weight:var(--weight-semibold);overflow-wrap:break-word;word-break:keep-all;max-width:12rem}.fair-table__diff{width:34%}.fair-table__diff>span:first-child{display:block}@media (width<=479px){.fair-table{font-size:var(--text-xs)}.fair-table :is(th,td){padding:var(--space-2) var(--space-1)}.fair-table :is(th,td):first-child{padding-left:var(--space-2)}.fair-table :is(th,td):last-child{padding-right:var(--space-2)}.fair-table__diff{width:auto;min-width:calc(var(--space-8) - var(--space-2))}}.fair-bar{height:var(--space-2);margin-top:var(--space-1);background:linear-gradient(90deg, transparent 25%, var(--color-sunken) 25% 75%, transparent 75%);border-radius:var(--radius-sm);display:block;position:relative}.fair-bar:before{content:"";left:50%;top:calc(var(--space-1) * -1);bottom:calc(var(--space-1) * -1);background:var(--color-text);width:1px;position:absolute}.fair-bar__fill{border-radius:var(--radius-sm);width:50%;position:absolute;top:1px;bottom:1px}.fair-bar__fill.is-more{transform-origin:0;background:var(--color-indigo);left:50%}.fair-bar__fill.is-fewer{transform-origin:100%;background:var(--color-accent);right:50%}.fair-id-input{width:100%;max-width:20rem;font-family:var(--font-mono);letter-spacing:var(--tracking-stamp);text-transform:uppercase}.fair-id-input::placeholder{color:var(--color-text-3);letter-spacing:var(--tracking-stamp)}.fair-id__ready{gap:var(--space-3);display:grid}.fair-id{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-sm);background:var(--color-bg);border:var(--border-w) dashed var(--color-border-strong);display:grid}.fair-id__line{align-items:baseline;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.fair-id__label{font-size:var(--text-sm);color:var(--color-text-2)}.fair-id__value{font-family:var(--font-mono);font-size:var(--text-xl);letter-spacing:var(--tracking-wordmark)}.fair-id__match{gap:var(--space-2);font-weight:var(--weight-semibold);align-items:baseline;display:flex}.fair-id__match:empty{display:none}.fair-id__match[data-match=yes]:before,.fair-id__match[data-match=no]:before{content:"";width:var(--icon-s);height:var(--icon-s);-webkit-mask:var(--fair-mark) center / contain no-repeat;mask:var(--fair-mark) center / contain no-repeat;background:currentColor;flex:none;align-self:center}.fair-id__match[data-match=yes]:before{color:var(--color-ok);--fair-mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}.fair-id__match[data-match=no]:before{color:var(--color-danger);--fair-mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E")}.fair-id__match[data-match=format]{font-weight:var(--weight-regular);color:var(--color-text-2)}.fair-id__full{font-size:var(--text-sm);color:var(--color-text-2)}.fair-id__full summary{min-height:var(--target-s);cursor:pointer;color:var(--color-indigo);font-weight:var(--weight-semibold);align-items:center;display:inline-flex}.fair-id__full p{margin-top:var(--space-2);max-width:var(--measure)}.fair-id__hex{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text);overflow-wrap:anywhere;word-break:break-all;display:block}}
