@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Fira+Sans:wght@300;400;500;600;700;800&display=swap";:root{color-scheme:dark;font-family:Fira Sans,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--radius-lg: 22px;--radius-md: 14px;--radius-sm: 10px;--ease-out: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{min-inline-size:320px;min-block-size:100%}body{margin:0;min-block-size:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.app-shell{--bg: #20243a;--surface: #29304c;--surface-strong: #171c2e;--panel: #151a2c;--panel-soft: #242a43;--border: #3a4466;--border-strong: #4a5681;--text: #f8fbff;--text-muted: #9aa7ca;--text-dim: #6e7898;--mint: #32c5a4;--mint-strong: #20d9bf;--orange: #ee7d2e;--orange-strong: #ff9a3d;--pink: #f04d86;--pink-strong: #ff6a9f;--slate: #6f7897;--slate-strong: #8892b0;--focus-ring: #55dcff;color:var(--text);position:relative;isolation:isolate;min-block-size:100vh;overflow-x:hidden;padding:18px 16px 26px;background:radial-gradient(circle at 18px 18px,rgba(141,154,196,.35) 1px,transparent 1.5px) 0 0 / 18px 18px,radial-gradient(circle at 16% 3%,rgba(42,197,164,.14),transparent 28%),radial-gradient(circle at 82% 0%,rgba(240,77,134,.12),transparent 32%),var(--bg)}.app-shell[data-theme=light]{color-scheme:light;--bg: #eef3fb;--surface: rgba(255, 255, 255, .88);--surface-strong: #ffffff;--panel: #f8fbff;--panel-soft: #eef4ff;--border: #c9d5ea;--border-strong: #9fb0d2;--text: #142033;--text-muted: #4f607b;--text-dim: #74829b;--slate: #7c89a4;--slate-strong: #64728c;--focus-ring: #1669d8}.ambient{position:fixed;z-index:-1;border-radius:999px;filter:blur(58px);opacity:.38;pointer-events:none}.ambient-one{inset-block-start:8%;inset-inline-start:-12%;inline-size:360px;block-size:360px;background:#1bbfa5}.ambient-two{inset-block-end:5%;inset-inline-end:-14%;inline-size:420px;block-size:420px;background:#f04d86}.dashboard{inline-size:min(1120px,100%);min-block-size:calc(100vh - 44px);margin-inline:auto}.hero-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;min-block-size:154px;padding:18px 18px 18px 20px;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 40%),color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 26px 80px #070b193d,inset 0 1px #ffffff0a}.brand-orbit{position:relative;display:grid;place-items:center;inline-size:60px;block-size:60px;border-radius:50%;background:linear-gradient(145deg,#ff7e7e,#bd4058);box-shadow:0 0 0 5px #ff92922e,inset 0 0 18px #ffffff38}.brand-core{display:grid;place-items:center;inline-size:34px;block-size:34px;border-radius:999px;border:2px solid rgba(255,255,255,.44);color:#fff5f5;font-family:Fira Code,ui-monospace,monospace;font-size:24px;font-weight:700;line-height:1}.brand-spark{position:absolute;inline-size:8px;block-size:8px;background:#d7ea65;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}.spark-one{inset-block-start:-22px;inset-inline-start:-7px}.spark-two{inset-block-start:-16px;inset-inline-end:-18px}.spark-three{inset-block-start:24px;inset-inline-end:-31px}.hero-copy{min-inline-size:0}.eyebrow{margin:0 0 6px;color:#46b7ff;font-family:Fira Code,ui-monospace,monospace;font-size:12px;font-weight:600;letter-spacing:.26em;text-transform:uppercase}h1,h2,p{margin-block-start:0}h1{margin-block-end:10px;color:var(--text);font-size:clamp(42px,5vw,62px);line-height:.88;letter-spacing:-.09em;text-shadow:0 10px 32px rgba(255,255,255,.12)}h2{margin-block-end:0;color:var(--text);font-size:24px}.hero-subtitle{margin-block-end:5px;color:var(--text-muted);font-size:16px;font-weight:600}.hero-description{max-inline-size:680px;margin-block-end:0;color:var(--text-muted);font-size:13px;line-height:1.65}.header-controls{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;align-self:stretch;gap:18px}.utility-row,.toolbar-actions,.filter-tabs,.dialog-actions,.footer-dots{display:flex;align-items:center}.utility-row{gap:8px}.utility-button,.round-button,.icon-button,.avatar,.provider-chip,.secondary-action,.ghost-action,.banner-link{border:1px solid var(--border);color:var(--text-muted);background:color-mix(in srgb,var(--panel-soft) 68%,transparent);transition:border-color .18s var(--ease-out),color .18s var(--ease-out),background .18s var(--ease-out),transform .18s var(--ease-out)}.utility-button,.provider-chip{display:inline-flex;align-items:center;gap:8px;min-block-size:36px;padding:0 12px;border-radius:7px;font-size:13px}.utility-button svg,.round-button svg,.icon-button svg,.provider-chip svg,.inline-metric svg,.meta-box svg,.token-value svg,.primary-action svg{inline-size:16px;block-size:16px}.api-chip[data-online=true] .status-dot{background:var(--mint);box-shadow:0 0 18px var(--mint)}.api-chip[data-online=false] .status-dot{background:var(--pink);box-shadow:0 0 18px var(--pink)}.status-dot,.status-pin{display:inline-block;flex:0 0 auto;inline-size:8px;block-size:8px;border-radius:999px}.round-button,.icon-button,.avatar{display:grid;place-items:center;inline-size:36px;block-size:36px;border-radius:999px}.avatar{color:var(--text-muted);font-family:Fira Code,ui-monospace,monospace;font-size:13px;font-weight:600}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-block-size:38px;padding:0 17px;border:0;border-radius:7px;color:#fff;background:linear-gradient(135deg,var(--pink),var(--pink-strong));box-shadow:0 14px 28px #f04d8647;font-size:14px;font-weight:800;transition:transform .18s var(--ease-out),box-shadow .18s var(--ease-out),filter .18s var(--ease-out)}.utility-button:hover,.round-button:hover,.icon-button:hover,.provider-chip:hover,.secondary-action:hover:not(:disabled),.ghost-action:hover,.banner-link:hover{border-color:var(--border-strong);color:var(--text);background:color-mix(in srgb,var(--panel-soft) 92%,transparent);transform:translateY(-1px)}.primary-action:hover{filter:saturate(1.08);transform:translateY(-1px);box-shadow:0 18px 34px #f04d8657}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-block-start:12px}.stat-card{position:relative;display:flex;align-items:center;justify-content:space-between;min-block-size:62px;overflow:hidden;padding:0 18px;border-radius:8px;color:#fff}.stat-card:after{content:"";position:absolute;inset-block:-24px;inset-inline-end:-10px;inline-size:70px;border-radius:999px;border:8px solid rgba(255,255,255,.12)}.stat-card-mint{background:linear-gradient(135deg,var(--mint),#32bea7)}.stat-card-orange{background:linear-gradient(135deg,var(--orange),#f0832e)}.stat-card-slate{background:linear-gradient(135deg,#66708e,#77809d)}.stat-label{display:inline-flex;align-items:center;gap:12px;font-size:15px;font-weight:800}.stat-label svg{inline-size:25px;block-size:25px}.stat-count{z-index:1;font-family:Fira Code,ui-monospace,monospace;font-size:32px;font-weight:800}.stat-watermark{position:absolute;inset-block-start:-22px;inset-inline-end:8px;color:#ffffff14;font-size:86px;font-weight:800;line-height:1}.exchange-panel{min-block-size:576px;margin-block-start:12px;padding:16px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--panel) 96%,transparent);box-shadow:inset 0 1px #ffffff08}.panel-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-block-end:22px}.active-banner{display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-block-size:36px;max-inline-size:100%;padding:8px 12px;border:1px dashed color-mix(in srgb,var(--orange) 70%,transparent);border-radius:7px;color:var(--text-muted);background:linear-gradient(90deg,#ee7d2e1f,#ee7d2e08),#ee7d2e0a;font-family:Fira Code,ui-monospace,monospace;font-size:12px}.active-banner-empty{border-color:#32c5a46b;background:#32c5a414;color:var(--text-muted);font-family:Fira Sans,ui-sans-serif,sans-serif}.active-banner-empty svg{inline-size:18px;block-size:18px;color:var(--mint)}.active-banner strong{color:var(--text)}.muted{color:var(--text-dim)}.inline-metric{display:inline-flex;align-items:center;gap:5px}.countdown{color:var(--orange-strong);font-weight:700}.banner-link{min-block-size:24px;padding:0 8px;border-radius:6px;font-size:11px}.banner-link.danger{color:#ff9aac}.toolbar-actions{justify-content:flex-end;gap:8px}.filter-tabs{gap:8px}.filter-tab{min-block-size:34px;padding:0 13px;border:1px solid var(--border);border-radius:7px;color:var(--text-muted);background:transparent;transition:border-color .18s var(--ease-out),color .18s var(--ease-out),background .18s var(--ease-out)}.filter-tab:hover,.filter-tab[aria-selected=true]{border-color:var(--pink);color:var(--pink-strong);background:#f04d8617}.token-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;content-visibility:auto}.token-card{position:relative;min-block-size:128px;padding:12px;border:1px solid var(--border);border-radius:7px;background:color-mix(in srgb,var(--surface) 76%,transparent);transition:border-color .2s var(--ease-out),transform .2s var(--ease-out),box-shadow .2s var(--ease-out)}.token-card:before{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;background:radial-gradient(circle at 16% 0%,currentColor,transparent 46%);transition:opacity .2s var(--ease-out);pointer-events:none}.token-card:hover{transform:translateY(-2px);box-shadow:0 18px 34px #04081438}.token-card:hover:before{opacity:.06}.token-card-mint{color:var(--mint);border-color:#32c5a447}.token-card-orange{color:var(--orange);border-color:#ee7d2e61}.token-card-slate{color:var(--slate);border-color:#8892b03d}.token-card-header,.token-meta,.token-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.status-pill{display:inline-flex;align-items:center;gap:6px;color:currentColor;font-size:12px;font-weight:800}.status-pill-in-use .status-pin,.status-pill-in-use{color:var(--orange)}.status-pill-available .status-pin,.status-pill-available{color:var(--mint)}.status-pill-expired .status-pin,.status-pill-expired{color:var(--slate-strong)}.status-pin{background:currentColor}.provider-chip{min-block-size:26px;padding-inline:8px;border-radius:6px;font-size:12px}.provider-chip svg{inline-size:14px;block-size:14px}.token-value-row{display:flex;justify-content:center;margin-block:24px 16px}.token-value{display:inline-flex;align-items:center;gap:8px;border:0;color:var(--text-muted);background:transparent;font-family:Fira Code,ui-monospace,monospace;font-size:15px;letter-spacing:.04em}.token-value:hover{color:var(--text)}.token-value svg{opacity:0;transition:opacity .18s var(--ease-out)}.token-value:hover svg,.token-value:focus-visible svg{opacity:1}.token-meta{margin-block-end:10px}.meta-box{display:flex;align-items:center;justify-content:space-between;gap:8px;min-inline-size:0;inline-size:50%;min-block-size:38px;padding-inline:10px;border:1px solid var(--border);border-radius:6px;background:#ffffff05;color:var(--text-muted)}.meta-box span{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.meta-box strong{color:var(--text);font-family:Fira Code,ui-monospace,monospace;font-size:15px}.usage-track{overflow:hidden;block-size:4px;border-radius:999px;background:#ffffff12}.usage-track span{display:block;block-size:100%;border-radius:inherit;background:currentColor}.token-foot{margin-block-start:11px;color:var(--text-dim);font-size:12px}.secondary-action,.ghost-action{min-block-size:28px;padding:0 10px;border-radius:6px;font-size:12px;font-weight:700}.secondary-action:disabled{opacity:.45}.footer{display:flex;justify-content:center;align-items:center;gap:16px;min-block-size:48px;color:var(--text-dim);font-size:12px}.footer-dots{gap:6px}.footer-dots span{display:block;inline-size:26px;block-size:26px;border:1px solid var(--border);border-radius:999px;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.68) 2px,transparent 3px),color-mix(in srgb,var(--surface) 80%,transparent)}.dialog-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:#070a16b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.dialog{inline-size:min(520px,100%);border:1px solid var(--border);border-radius:18px;background:var(--surface-strong);box-shadow:0 28px 90px #0000006b}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 22px 8px}.provide-form{display:grid;gap:10px;padding:14px 22px 22px}.provide-form label{color:var(--text-muted);font-size:13px;font-weight:700}.provide-form input,.provide-form select{inline-size:100%;min-block-size:42px;border:1px solid var(--border);border-radius:9px;color:var(--text);background:color-mix(in srgb,var(--panel) 78%,transparent);padding:0 12px}.form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.form-grid>div{display:grid;gap:10px}.checkbox-row{display:flex;align-items:center;gap:10px;margin-block-start:4px}.checkbox-row input{inline-size:18px;min-block-size:18px;accent-color:var(--pink)}.form-error{margin:0;color:#ff9aac;font-size:13px;line-height:1.5}.dialog-actions{justify-content:flex-end;gap:10px;margin-block-start:8px}.sr-only{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:920px){.hero-card{grid-template-columns:auto minmax(0,1fr)}.header-controls{grid-column:1 / -1;flex-direction:row;align-items:center}.token-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-toolbar{flex-direction:column}.toolbar-actions{inline-size:100%;justify-content:space-between;flex-wrap:wrap}}@media(max-width:680px){.app-shell{padding:10px}.hero-card{grid-template-columns:1fr;justify-items:start}.header-controls,.utility-row{inline-size:100%;flex-wrap:wrap;align-items:flex-start}.stats-grid,.token-grid,.form-grid{grid-template-columns:1fr}.stat-card{min-block-size:58px}.filter-tabs{inline-size:100%;overflow-x:auto;padding-block-end:2px}.filter-tab{flex:0 0 auto}.meta-box{inline-size:100%}.token-meta{flex-direction:column}.footer{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}