.icon{flex:none;display:inline-block;vertical-align:middle}.icon--16{width:1rem;height:1rem}.icon--20{width:1.25rem;height:1.25rem}.icon--24{width:1.5rem;height:1.5rem}.icon-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:0;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.icon-btn--md{width:var(--control-height-md);height:var(--control-height-md)}.icon-btn--sm{width:var(--control-height-sm);height:var(--control-height-sm)}.icon-btn:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.icon-btn:disabled{cursor:not-allowed;opacity:.55}.toasts{position:fixed;right:var(--space-5);bottom:calc(var(--space-5) + var(--bottomnav-space, 0rem));z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);width:min(26.25rem,calc(100vw - 2 * var(--space-5)));pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-3) var(--space-4) var(--space-5);border:1px solid var(--color-border);border-left-width:4px;border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-md);pointer-events:auto;animation:toast-in var(--duration-normal) var(--ease-standard)}.toast__message{flex:1;padding-top:var(--space-2);font-size:var(--text-md)}.toast--success{border-left-color:var(--color-success-solid)}.toast--info{border-left-color:var(--color-info-solid)}.toast--warning{border-left-color:var(--color-warning-solid)}.toast--danger{border-left-color:var(--color-danger-solid);background:var(--color-danger-bg);color:var(--color-danger-fg)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media(max-width:639px){.toasts{bottom:calc(env(safe-area-inset-bottom,0px) + var(--space-3))}}.banners{display:flex;flex-direction:column}.banner{--banner-bg: var(--color-primary-soft);--banner-fg: var(--color-primary);--banner-border: var(--color-border);border-bottom:1px solid var(--banner-border);background:var(--banner-bg);color:var(--banner-fg)}.banner--info{--banner-bg: var(--color-info-bg);--banner-fg: var(--color-info-fg);--banner-border: var(--color-info-border)}.banner--success{--banner-bg: var(--color-success-bg);--banner-fg: var(--color-success-fg);--banner-border: var(--color-success-border)}.banner--warning{--banner-bg: var(--color-warning-bg);--banner-fg: var(--color-warning-fg);--banner-border: var(--color-warning-border)}.banner--danger{--banner-bg: var(--color-danger-bg);--banner-fg: var(--color-danger-fg);--banner-border: var(--color-danger-border)}.banner__inner{display:flex;align-items:center;gap:var(--space-3);max-width:var(--column-width);margin:0 auto;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-5)}.banner__icon{display:inline-flex;flex:none}.banner__text{flex:1;min-width:0;margin:0;font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:1.45;overflow-wrap:anywhere}.banner__link{color:inherit;text-decoration:underline;text-underline-offset:.15em}.banner__link--whole{text-decoration:none}.banner__link--whole:hover{text-decoration:underline}.banner__close{flex:none;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);border:1px solid transparent;border-radius:var(--radius-md);font-weight:var(--weight-medium);line-height:1;white-space:nowrap;cursor:pointer;user-select:none;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.btn--md{height:var(--control-height-md);padding:0 var(--space-5);font-size:var(--text-md)}.btn--sm{height:var(--control-height-sm);padding:0 var(--space-4);font-size:var(--text-sm)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn--primary:disabled:not(.btn--loading),.btn--buy:disabled:not(.btn--loading),.btn--sell:disabled:not(.btn--loading){border-color:var(--color-border);background:var(--color-surface-sunken);color:var(--color-text-muted);opacity:1}.btn--loading:disabled{cursor:progress;opacity:.8}.btn--primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--buy{background:var(--color-buy-solid);color:var(--color-text-inverse)}.btn--buy:hover:not(:disabled){background:var(--color-buy-solid-hover)}.btn--sell{background:var(--color-sell-solid);color:var(--color-text-inverse)}.btn--sell:hover:not(:disabled){background:var(--color-sell-solid-hover)}.btn--secondary{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-hover)}.btn--danger{background:var(--color-danger-solid);color:var(--color-text-inverse)}.btn--danger:hover:not(:disabled){background:var(--color-danger-fg)}.btn--ghost{background:transparent;color:var(--color-text-muted)}.btn--ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.shell{display:flex;flex-direction:column;min-height:100vh;min-height:100svh}.shell__skip{position:absolute;top:-6.25rem;left:var(--space-5);z-index:var(--z-toast);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-text-inverse)}.shell__skip:focus{top:var(--space-3)}.topbar{position:sticky;top:0;z-index:var(--z-topbar);border-bottom:1px solid var(--color-border);background:var(--color-topbar-bg);-webkit-backdrop-filter:saturate(1.4) blur(.75rem);backdrop-filter:saturate(1.4) blur(.75rem)}.topbar__inner{display:flex;align-items:center;gap:var(--space-4);max-width:var(--column-width);height:var(--topbar-height);margin:0 auto;padding:0 var(--space-5)}.topbar__brand{display:inline-flex;flex:none;align-items:center;gap:var(--space-3);color:var(--color-text);font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:.02em}.brand-mark{flex:none;width:1.625rem;height:1.625rem}.brand-mark__coin{fill:var(--color-brand)}.brand-mark__v{fill:var(--color-brand-ink)}.topbar__brand:hover{text-decoration:none}.topbar__end{display:flex;align-items:center;gap:var(--space-1);margin-left:auto}.topbar__nav{display:flex;align-items:center;gap:var(--space-1)}.topbar__link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap}.topbar__link--on{background:var(--color-primary-soft);color:var(--color-primary)}.topbar__link:hover{background:var(--color-surface-hover);color:var(--color-text);text-decoration:none}.shell__content{flex:1;width:100%;max-width:var(--column-width);margin:0 auto;padding:var(--space-6) var(--space-5) var(--space-8)}.shell__content:focus{outline:none}.shell__footer{padding:var(--space-5) var(--space-5) calc(var(--space-5) + var(--bottomnav-space, 0rem));color:var(--color-text-subtle);font-size:var(--text-xs);text-align:center}.shell__footer a{color:var(--color-text-muted)}.has-bottomnav{--bottomnav-space: calc(var(--bottomnav-height) + env(safe-area-inset-bottom, 0rem))}.bottomnav{position:fixed;right:0;bottom:0;left:0;z-index:var(--z-topbar);display:flex;justify-content:center;padding:0 var(--space-3) env(safe-area-inset-bottom,0rem);border-top:1px solid var(--color-border);background:var(--color-topbar-bg);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:saturate(1.4) blur(.75rem);backdrop-filter:saturate(1.4) blur(.75rem)}.bottomnav__item{display:flex;flex:1 1 0;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);max-width:8rem;height:var(--bottomnav-height);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);-webkit-tap-highlight-color:transparent}.bottomnav__item:hover{color:var(--color-text);text-decoration:none}.bottomnav__icon{display:inline-flex;align-items:center;justify-content:center;width:3.25rem;height:1.75rem;border-radius:var(--radius-full);transition:background-color var(--duration-fast) var(--ease-standard)}.bottomnav__item--on,.bottomnav__item--on:hover{color:var(--color-primary);font-weight:var(--weight-semibold)}.bottomnav__item--on .bottomnav__icon{background:var(--color-primary-soft)}.shell--wide .topbar__inner,.shell--wide .shell__content{max-width:var(--column-width-wide)}:root{color-scheme:light;--color-bg: #f3f5f8;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-surface-sunken: #eaeef3;--color-surface-hover: #f1f4f8;--color-topbar-bg: rgb(255 255 255 / 86%);--color-border: #e2e7ee;--color-border-strong: #cbd3de;--color-text: #131a24;--color-text-muted: #525d6d;--color-text-subtle: #626e80;--color-text-inverse: #ffffff;--color-primary: #4452d9;--color-primary-hover: #3441c2;--color-primary-soft: #eef0fd;--color-focus-ring: #9aa4f2;--color-overlay: rgb(12 16 24 / 45%);--color-brand: #4452d9;--color-brand-ink: #ffffff;--color-buy-fg: #0f7a47;--color-buy-solid: #15803d;--color-buy-solid-hover: #116a32;--color-buy-soft: #e7f6ed;--color-sell-fg: #b0470d;--color-sell-solid: #c2410c;--color-sell-solid-hover: #a3370a;--color-sell-soft: #fdf0e6;--color-success-solid: #16803c;--color-success-fg: #13683a;--color-success-bg: #e9f6ee;--color-success-border: #bfe3cc;--color-warning-solid: #b45309;--color-warning-fg: #8a4108;--color-warning-bg: #fdf4e4;--color-warning-border: #f1d8a8;--color-danger-solid: #cc2f2f;--color-danger-fg: #a32020;--color-danger-bg: #fdeeee;--color-danger-border: #f3c6c6;--color-info-solid: #0b72a8;--color-info-fg: #0a5a84;--color-info-bg: #e8f3fa;--color-info-border: #b8dbee;--color-accent-solid: #7a3fd6;--color-accent-fg: #5f2bb0;--color-accent-bg: #f3edfd;--color-accent-border: #dacbf6;--color-neutral-solid: #5a6574;--color-neutral-fg: #3e4755;--color-neutral-bg: #eef1f5;--color-neutral-border: #dfe4eb;--color-chart-1: #2a78d6;--color-chart-2: #eb6834;--color-qr-bg: #ffffff;--color-logo-bg: #ffffff;--color-logo-border: #e2e7ee;--color-rarity-common: #7d8ea3;--color-rarity-common-soft: rgb(125 142 163 / 22%);--color-rarity-uncommon: #3a78bf;--color-rarity-uncommon-soft: rgb(58 120 191 / 20%);--color-rarity-rare: #3c58dc;--color-rarity-rare-soft: rgb(60 88 220 / 18%);--color-rarity-mythical: #7537e0;--color-rarity-mythical-soft: rgb(117 55 224 / 18%);--color-rarity-legendary: #b023c3;--color-rarity-legendary-soft: rgb(176 35 195 / 18%);--color-rarity-immortal: #b98210;--color-rarity-immortal-soft: rgb(185 130 16 / 22%);--color-rarity-arcana: #5f9a23;--color-rarity-arcana-soft: rgb(95 154 35 / 22%);--color-rarity-ancient: #cf3737;--color-rarity-ancient-soft: rgb(207 55 55 / 18%);--color-skin-tile: #e6eaf0;--color-skin-tile-edge: #d6dce5;--color-page-glow: rgb(68 82 217 / 7%);--shadow-sm: 0 1px 2px rgb(16 24 40 / 5%), 0 1px 3px rgb(16 24 40 / 5%);--shadow-md: 0 6px 16px rgb(16 24 40 / 9%), 0 1px 3px rgb(16 24 40 / 6%);--shadow-lg: 0 16px 40px rgb(16 24 40 / 16%);--space-0: 0;--space-1: .125rem;--space-2: .25rem;--space-3: .5rem;--space-4: .75rem;--space-5: 1rem;--space-6: 1.25rem;--space-7: 1.5rem;--space-8: 2rem;--space-9: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .875rem;--radius-full: 999px;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-md: .875rem;--text-lg: 1rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--leading-tight: 1.25;--leading-normal: 1.5;--z-topbar: 20;--z-dropdown: 30;--z-dialog: 40;--z-toast: 50;--duration-fast: .12s;--duration-normal: .2s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--control-height-sm: 1.75rem;--control-height-md: 2.25rem;--control-font-size: var(--text-md);--table-row-height: 2.5rem;--topbar-height: 3.5rem;--bottomnav-height: 3.75rem;--column-width: 30rem;--column-width-wide: 30rem}@media(min-width:768px){:root{--column-width: 35rem;--column-width-wide: 72rem}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--color-bg: #0f131a;--color-surface: #161b23;--color-surface-raised: #1c222c;--color-surface-sunken: #0c1016;--color-surface-hover: #212834;--color-topbar-bg: rgb(22 27 35 / 86%);--color-border: #28303c;--color-border-strong: #384253;--color-text: #e3e7ed;--color-text-muted: #a0aab8;--color-text-subtle: #8590a1;--color-text-inverse: #0c1022;--color-primary: #8b97ff;--color-primary-hover: #a3adff;--color-primary-soft: #1e2446;--color-focus-ring: #5f6ce0;--color-overlay: rgb(4 6 10 / 65%);--color-brand: #8b97ff;--color-brand-ink: #0c1022;--color-buy-fg: #6ad79d;--color-buy-solid: #33b273;--color-buy-solid-hover: #48c286;--color-buy-soft: #10291c;--color-sell-fg: #f7a868;--color-sell-solid: #ec9148;--color-sell-solid-hover: #f3a462;--color-sell-soft: #2f1e10;--color-success-solid: #34c47a;--color-success-fg: #7fdca8;--color-success-bg: #0f2a1c;--color-success-border: #1e5236;--color-warning-solid: #f0a030;--color-warning-fg: #f7c77a;--color-warning-bg: #2c2112;--color-warning-border: #5a4219;--color-danger-solid: #f05a5a;--color-danger-fg: #f9a8a8;--color-danger-bg: #301617;--color-danger-border: #5c2627;--color-info-solid: #3fb4ec;--color-info-fg: #8fd2f5;--color-info-bg: #0f2433;--color-info-border: #1e4a63;--color-accent-solid: #b08cff;--color-accent-fg: #cdb6ff;--color-accent-bg: #241c3d;--color-accent-border: #493a7d;--color-neutral-solid: #8a95a5;--color-neutral-fg: #c5ccd6;--color-neutral-bg: #212834;--color-neutral-border: #384253;--color-chart-1: #3987e5;--color-chart-2: #d95926;--color-qr-bg: #ffffff;--color-logo-bg: #eef1f5;--color-logo-border: #384253;--color-rarity-common: #b0c3d9;--color-rarity-common-soft: rgb(176 195 217 / 20%);--color-rarity-uncommon: #5e98d9;--color-rarity-uncommon-soft: rgb(94 152 217 / 24%);--color-rarity-rare: #6b84ff;--color-rarity-rare-soft: rgb(75 105 255 / 26%);--color-rarity-mythical: #9d6bff;--color-rarity-mythical-soft: rgb(136 71 255 / 28%);--color-rarity-legendary: #de55ee;--color-rarity-legendary-soft: rgb(211 44 230 / 26%);--color-rarity-immortal: #e4ae39;--color-rarity-immortal-soft: rgb(228 174 57 / 24%);--color-rarity-arcana: #ade55c;--color-rarity-arcana-soft: rgb(173 229 92 / 22%);--color-rarity-ancient: #f06262;--color-rarity-ancient-soft: rgb(235 75 75 / 26%);--color-skin-tile: #121821;--color-skin-tile-edge: #222a36;--color-page-glow: rgb(139 151 255 / 8%);--shadow-sm: 0 1px 2px rgb(0 0 0 / 30%);--shadow-md: 0 6px 18px rgb(0 0 0 / 35%), 0 1px 3px rgb(0 0 0 / 30%);--shadow-lg: 0 16px 44px rgb(0 0 0 / 50%)}}:root[data-theme=dark]{color-scheme:dark;--color-bg: #0f131a;--color-surface: #161b23;--color-surface-raised: #1c222c;--color-surface-sunken: #0c1016;--color-surface-hover: #212834;--color-topbar-bg: rgb(22 27 35 / 86%);--color-border: #28303c;--color-border-strong: #384253;--color-text: #e3e7ed;--color-text-muted: #a0aab8;--color-text-subtle: #8590a1;--color-text-inverse: #0c1022;--color-primary: #8b97ff;--color-primary-hover: #a3adff;--color-primary-soft: #1e2446;--color-focus-ring: #5f6ce0;--color-overlay: rgb(4 6 10 / 65%);--color-brand: #8b97ff;--color-brand-ink: #0c1022;--color-buy-fg: #6ad79d;--color-buy-solid: #33b273;--color-buy-solid-hover: #48c286;--color-buy-soft: #10291c;--color-sell-fg: #f7a868;--color-sell-solid: #ec9148;--color-sell-solid-hover: #f3a462;--color-sell-soft: #2f1e10;--color-success-solid: #34c47a;--color-success-fg: #7fdca8;--color-success-bg: #0f2a1c;--color-success-border: #1e5236;--color-warning-solid: #f0a030;--color-warning-fg: #f7c77a;--color-warning-bg: #2c2112;--color-warning-border: #5a4219;--color-danger-solid: #f05a5a;--color-danger-fg: #f9a8a8;--color-danger-bg: #301617;--color-danger-border: #5c2627;--color-info-solid: #3fb4ec;--color-info-fg: #8fd2f5;--color-info-bg: #0f2433;--color-info-border: #1e4a63;--color-accent-solid: #b08cff;--color-accent-fg: #cdb6ff;--color-accent-bg: #241c3d;--color-accent-border: #493a7d;--color-neutral-solid: #8a95a5;--color-neutral-fg: #c5ccd6;--color-neutral-bg: #212834;--color-neutral-border: #384253;--color-chart-1: #3987e5;--color-chart-2: #d95926;--color-qr-bg: #ffffff;--color-logo-bg: #eef1f5;--color-logo-border: #384253;--color-rarity-common: #b0c3d9;--color-rarity-common-soft: rgb(176 195 217 / 20%);--color-rarity-uncommon: #5e98d9;--color-rarity-uncommon-soft: rgb(94 152 217 / 24%);--color-rarity-rare: #6b84ff;--color-rarity-rare-soft: rgb(75 105 255 / 26%);--color-rarity-mythical: #9d6bff;--color-rarity-mythical-soft: rgb(136 71 255 / 28%);--color-rarity-legendary: #de55ee;--color-rarity-legendary-soft: rgb(211 44 230 / 26%);--color-rarity-immortal: #e4ae39;--color-rarity-immortal-soft: rgb(228 174 57 / 24%);--color-rarity-arcana: #ade55c;--color-rarity-arcana-soft: rgb(173 229 92 / 22%);--color-rarity-ancient: #f06262;--color-rarity-ancient-soft: rgb(235 75 75 / 26%);--color-skin-tile: #121821;--color-skin-tile-edge: #222a36;--color-page-glow: rgb(139 151 255 / 8%);--shadow-sm: 0 1px 2px rgb(0 0 0 / 30%);--shadow-md: 0 6px 18px rgb(0 0 0 / 35%), 0 1px 3px rgb(0 0 0 / 30%);--shadow-lg: 0 16px 44px rgb(0 0 0 / 50%)}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-normal: 0ms}}@media(pointer:coarse){:root{--control-height-sm: max(36px, 2.25rem);--control-height-md: max(44px, 2.75rem);--control-font-size: max(16px, 1rem);--table-row-height: max(44px, 2.75rem)}}*,*:before,*:after{box-sizing:border-box}html{font-size:clamp(100%,93.75% + .195vw,137.5%);scrollbar-gutter:stable;-webkit-text-size-adjust:100%;text-size-adjust:100%}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}::-webkit-scrollbar{width:.625rem;height:.625rem}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--color-border-strong);background-clip:content-box;border:.1875rem solid transparent;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-muted)}body{margin:0;min-height:100vh;min-height:100svh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p,dl,dd,figure{margin:0}h1{font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}h2{font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}h3{font-size:var(--text-md);font-weight:var(--weight-semibold)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}code,kbd,samp{font-family:var(--font-mono);font-size:.95em}:focus{outline:none}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}::selection{background:var(--color-primary-soft)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.muted{color:var(--color-text-muted)}.stack{display:flex;flex-direction:column;gap:var(--space-5)}.stack--sm{gap:var(--space-3)}.inline{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.mono{font-family:var(--font-mono);letter-spacing:.02em}.card{display:flex;flex-direction:column;gap:var(--space-5);min-width:0;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.card--center{align-items:center;text-align:center}.card--flush{gap:0;padding:0;overflow:hidden}.page-title{font-size:var(--text-xl)}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);align-self:flex-start;font-size:var(--text-sm)}.text-btn{padding:0;border:0;background:none;color:var(--color-primary);font-size:var(--text-sm);cursor:pointer}.text-btn:hover{text-decoration:underline}.text-btn:disabled{color:var(--color-text-subtle);cursor:not-allowed;text-decoration:none}.text-btn--danger{color:var(--color-danger-fg)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-3)}.chip{display:inline-flex;align-items:center;gap:var(--space-3);min-height:var(--control-height-md);max-width:100%;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);text-align:left;cursor:pointer}.chip:hover:not(:disabled){background:var(--color-surface-hover)}.chip:disabled{cursor:not-allowed;opacity:.5}.chip--on{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-text)}.chip--add{border-style:dashed;color:var(--color-text-muted)}.chip__text{display:flex;flex-direction:column;min-width:0;line-height:var(--leading-tight)}.chip__main{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip__sub{color:var(--color-text-muted);font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status{font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap}.status--success{color:var(--color-success-fg)}.status--info{color:var(--color-info-fg)}.status--warning{color:var(--color-warning-fg)}.status--danger{color:var(--color-danger-fg)}.status--accent{color:var(--color-accent-fg)}.status--neutral{color:var(--color-text-muted)}.chip-x{position:relative;display:inline-flex;max-width:100%}.chip--hideable{padding-right:calc(var(--space-4) + 1.5rem)}.chip-x__hide{position:absolute;top:50%;right:var(--space-2);display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-muted);cursor:pointer;transform:translateY(-50%)}.chip-x__hide:hover{background:var(--color-surface-hover);color:var(--color-text)}.chip-x__hide:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:0}