@layer components{.sx-root{background:var(--color-ground);min-height:100dvh;color:var(--color-fg)}.sx-chips{overscroll-behavior-x:contain;scrollbar-width:none;gap:.5rem;margin-inline:-1rem;padding-block:.25rem;padding-inline:1rem;display:flex;overflow-x:auto}.sx-chips::-webkit-scrollbar{display:none}.sx-chip{border:1px solid var(--color-surface-2);min-height:2.75rem;color:var(--color-fg-muted);font:500 .875rem var(--font-sans);white-space:nowrap;background:0 0;border-radius:999px;flex:none;padding:0 1rem}.sx-chip[aria-pressed=true],.sx-chip[data-on=true]{background:var(--brand-fill,var(--color-accent));border-color:var(--brand-fill,var(--color-accent));color:var(--color-on-accent)}.sx-chip:focus-visible,.sx-btn:focus-visible,.sx-row:focus-visible,.sx-field:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.sx-card{border:1px solid var(--color-surface-2);background:var(--color-surface-1);border-radius:var(--radius-card);padding:1rem}.sx-tag{border:1px solid var(--color-surface-2);min-height:1.5rem;color:var(--color-fg-muted);font:600 .6875rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;padding:0 .6rem;display:inline-flex}.sx-tag[data-tone=warn]{color:#f2c94c;border-color:#f2c94c73}.sx-tag[data-tone=danger]{color:var(--color-danger);border-color:color-mix(in srgb, var(--color-danger) 55%, transparent)}.sx-tag[data-tone=brand]{color:var(--color-accent);border-color:color-mix(in srgb, var(--color-accent) 55%, transparent)}.sx-field{border-radius:var(--radius-input);border:1px solid var(--color-surface-2);background:var(--color-ground);width:100%;min-height:3rem;color:var(--color-fg);font:400 1rem/1.5 var(--font-sans);padding:.75rem .875rem}textarea.sx-field{resize:vertical;min-height:9.5rem}.sx-field:disabled{opacity:.6}.sx-btn{border-radius:var(--radius-cta);border:1px solid var(--color-surface-2);min-height:2.75rem;color:var(--color-fg);font:600 .9375rem var(--font-sans);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:0 1.1rem;display:inline-flex}.sx-btn[data-variant=fill]{background:var(--brand-fill,var(--color-accent));border-color:var(--brand-fill,var(--color-accent));color:var(--color-on-accent)}.sx-btn[data-variant=danger]{border-color:color-mix(in srgb, var(--color-danger) 60%, transparent);color:var(--color-danger)}.sx-btn:disabled,.sx-btn[aria-disabled=true]{opacity:.4;cursor:not-allowed}.sx-row{text-align:left;border:1px solid var(--color-surface-2);background:var(--color-surface-1);width:100%;min-height:3.5rem;color:var(--color-fg);border-radius:14px;align-items:center;gap:.75rem;padding:.5rem .875rem;display:flex}.sx-row:hover{border-color:var(--color-accent)}.sx-bar{inset-inline:0;z-index:30;border-top:1px solid var(--color-surface-2);background:color-mix(in srgb, var(--color-ground) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.625rem 1rem calc(.625rem + env(safe-area-inset-bottom,0px));position:fixed;bottom:0}.sx-bar>div{grid-template-columns:1fr 1fr 1.4fr;gap:.5rem;max-width:40rem;margin-inline:auto;display:grid}.sx-bar .sx-btn{min-height:3rem}.sx-bar-spacer{height:calc(5.5rem + env(safe-area-inset-bottom,0px))}.sx-sheet-back{z-index:40;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sx-sheet{background:var(--color-surface-1);border:1px solid var(--color-surface-2);width:100%;max-width:40rem;max-height:85dvh;padding:1.25rem 1rem calc(1rem + env(safe-area-inset-bottom,0px));border-bottom:0;border-radius:20px 20px 0 0;overflow-y:auto}@media (min-width:1000px){.sx-sheet-back{align-items:center}.sx-sheet{border-bottom:1px solid var(--color-surface-2);border-radius:20px}}.sx-mark{background:color-mix(in srgb, var(--color-accent) 28%, transparent);color:var(--color-fg);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px;padding:0 .15em}.sx-scroll-x{overflow-x:auto}.sx-cell{border:1px solid var(--color-surface-2);border-radius:6px;width:1.5rem;height:1.5rem}.sx-cell[data-on=true]{background:var(--brand-fill,var(--color-accent));border-color:var(--brand-fill,var(--color-accent))}}@media (prefers-reduced-motion:reduce){.sx-chip,.sx-btn,.sx-row{transition:none}}