.ic{shape-rendering:crispedges;fill:currentColor;flex-shrink:0;display:block}
.dither-btn{isolation:isolate;height:var(--h-control);color:var(--ink);font:500 15px/1 var(--font-ui);letter-spacing:-.005em;text-transform:none;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding-inline:20px;text-decoration:none;transition:background-color .16s,border-color .16s,color .16s,transform .12s;display:inline-flex;position:relative}.dither-btn:hover{background:#ffffff12;border-color:#ffffff42}.dither-btn:active{transform:scale(.97)}.dither-btn:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.dither-btn:disabled,.dither-btn[aria-disabled=true]{opacity:.45;cursor:default;transform:none}.dither-btn__canvas{display:none}.dither-btn .dither-btn__label{white-space:nowrap;align-items:center;gap:8px;display:inline-flex;position:relative}.dither-btn--solid,.dither-btn--primary{color:#0a0a0b;background:#f4f4f5;border-color:#f4f4f5}.dither-btn--solid:hover,.dither-btn--primary:hover{background:#fff;border-color:#fff}.dither-btn--ghostSurface{background:#ffffff0f;border-color:#ffffff1a}.dither-btn[aria-pressed=true],.dither-btn[aria-current=true],.dither-btn[aria-current=page]{color:#0a0a0b;background:#f4f4f5;border-color:#f4f4f5}:lang(ar) .dither-btn{font-family:var(--font-arabic);font-size:15px}
.scramble{font-variant-numeric:tabular-nums}
.develop{width:100%;height:100%;position:relative;overflow:hidden}.develop__img{opacity:0;filter:blur(10px);transition:opacity .28s var(--ease-out), filter .46s var(--ease-out)}.develop__img.is-in{opacity:1;filter:none}.develop__canvas{width:100%;height:100%;image-rendering:pixelated;pointer-events:none;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.develop__img{transition-duration:1ms}}
.dither-plate{block-size:100%;inline-size:100%;image-rendering:pixelated;pointer-events:none;display:block;position:absolute;inset:0}.dither-plate__mark{object-fit:contain;pointer-events:none;opacity:0;block-size:58%;inline-size:62%;animation:.32s steps(8,end) .38s forwards dither-plate-mark;position:absolute;inset-block-start:21%;inset-inline-start:19%}@media (prefers-reduced-motion:reduce){.dither-plate__mark{opacity:1;animation:none}}@keyframes dither-plate-mark{to{opacity:1}}
.chip-rail{scrollbar-width:none;align-items:center;gap:3px;min-width:0;height:44px;display:flex;position:relative;overflow-x:auto}.chip-rail::-webkit-scrollbar{display:none}.chip-rail__pill{height:var(--h-chip);border-radius:var(--r-control);background:var(--ink);transition:transform .38s var(--ease-drawer), width .38s var(--ease-drawer), opacity .2s;pointer-events:none;will-change:transform;position:absolute;top:3px;left:0}.chip{z-index:1;height:var(--h-chip);border-radius:var(--r-control);white-space:nowrap;color:var(--ink-2);font:500 12.5px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:color .2s ease, background-color .2s ease, border-color .2s ease, transform .16s var(--ease-out);background:0 0;border:0;justify-content:center;align-items:center;gap:7px;padding-inline:14px;display:inline-flex;position:relative}.chip small{color:var(--ink-3);transition:color .2s}.chip:active{transform:scale(.97)}.chip[aria-pressed=true]{color:var(--on-ink)}.chip[aria-pressed=true] small{color:#0a0a0b8c}.chip.is-seated{color:var(--on-ink);background:var(--ink)}.chip.is-seated small{color:#0a0a0b8c}.chip__close{opacity:.5;margin-inline-start:1px;font-size:15px;line-height:1}.chip--sub{border:1px solid var(--line-strong);height:36px}.chip--sub[aria-pressed=true]{background:var(--ink);border-color:var(--ink)}@media (hover:hover) and (pointer:fine){.chip:hover{color:var(--ink)}.chip--sub:hover{color:var(--ink);border-color:var(--ink-3)}}@media (max-width:760px){.chip{height:36px;padding-inline:12px;font-size:12px}.chip-rail__pill{height:36px}}.chip .lbl{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}
.code-tag{color:var(--ink);background:#000;border-radius:0;padding:5px 6px 4px;font-size:11.5px;display:inline-block}.sample-tag{font:400 10.5px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line-strong);color:var(--ink-3);white-space:nowrap;border-radius:4px;padding:3px 5px;display:inline-block}:lang(ar) .sample-tag{letter-spacing:normal;text-transform:none}.glass-panel{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow)}.glass-panel--panel{background:var(--glass-panel);-webkit-backdrop-filter:var(--glass-panel-blur);box-shadow:var(--roster-shadow)}.stat-tile{gap:6px;display:grid}.row{border-radius:var(--r-sm);width:100%;color:inherit;text-align:start;cursor:pointer;transition:background-color .16s ease, transform .16s var(--ease-out);background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:7px 8px;display:grid}.row:active{transform:scale(.98)}.row[aria-current=true],.row:focus-visible{background:var(--fill)}@media (hover:hover) and (pointer:fine){.row:hover{background:var(--fill)}}.row__leading{align-items:center;display:flex}.row__body{gap:2px;min-width:0;display:grid}.row__title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.row__meta{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.row__trailing{font:13px/1 var(--font-pixel);color:var(--ink-3);align-items:center;display:flex}.pixel-bullet{background:var(--ink);flex-shrink:0;width:5px;height:5px;display:inline-block;transform:translateY(-2px)}
.field{gap:8px;display:grid}.field__label{color:var(--ink-3)}.field__control,.textarea__control,.select__control{border:0;border-bottom:1px solid var(--line-strong);background:var(--raised);width:100%;color:var(--ink);border-radius:var(--r-sm) var(--r-sm) 0 0;font:15px/1.4 var(--font-ui);padding:12px;transition:border-color .16s,background-color .16s}.field__control::placeholder,.textarea__control::placeholder{color:var(--ink-3)}.field__control:focus-visible,.textarea__control:focus-visible,.select__control:focus-visible{border-color:var(--ink);box-shadow:0 1px 0 0 var(--ink);outline:none}.field.is-error .field__control,.field.is-error .textarea__control,.field.is-error .select__control{border-color:var(--danger)}.field__hint{color:var(--ink-3);margin:0;font-size:13px}.field__hint--error{color:var(--danger)}.textarea__control{resize:vertical;border-radius:var(--r-sm);min-height:120px}.select{position:relative}.select__control{appearance:none;padding-inline-end:36px}.select__chevron{inset-inline-end:10px;pointer-events:none;color:var(--ink-3);position:absolute;top:50%;transform:translateY(-50%)}
.segmented{border-radius:var(--r-control);border:1px solid var(--line);background:var(--raised);padding:3px;display:inline-flex;position:relative}.segmented__pill{top:3px;bottom:3px;border-radius:var(--r-sm);background:var(--ink);transition:transform .38s var(--ease-drawer), width .38s var(--ease-drawer);position:absolute;inset-inline-start:0}.segmented__opt{z-index:1;height:32px;color:var(--ink-2);font:500 14px/1 var(--font-ui);border-radius:var(--r-sm);cursor:pointer;background:0 0;border:0;padding-inline:14px;transition:color .2s;position:relative}.segmented__opt[aria-pressed=true]{color:var(--on-ink)}
.toggle{cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.toggle__track{border-radius:var(--r-pill);background:var(--fill);border:1px solid var(--line);width:38px;height:22px;padding:3px;transition:background-color .18s;display:block}.toggle__thumb{background:var(--ink-3);width:14px;height:14px;transition:transform .22s var(--ease-drawer), background-color .18s ease;border-radius:50%;display:block}.toggle[aria-checked=true] .toggle__track{background:var(--ink)}.toggle[aria-checked=true] .toggle__thumb{background:var(--on-ink);transform:translate(16px)}
.checkbox{cursor:pointer;align-items:center;gap:10px;display:inline-flex}.checkbox__input{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.checkbox__box{border:1px solid var(--line-strong);background:var(--raised);width:18px;height:18px;color:var(--on-ink);border-radius:4px;flex-shrink:0;place-items:center;display:grid}.checkbox__input:checked+.checkbox__box{background:var(--ink);border-color:var(--ink)}.checkbox__input:focus-visible+.checkbox__box{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}