:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--color-bg: #09090b;--color-bg-elevated: #0f1117;--color-panel: rgb(255 255 255 / 4.5%);--color-panel-strong: rgb(145 179 240 / 10%);--color-border: rgb(145 179 240 / 24%);--color-border-strong: rgb(145 179 240 / 48%);--color-text: #f8fafc;--color-muted: #aebbd4;--color-subtle: #6f7b91;--color-accent: #91b3f0;--color-accent-strong: #bdd1f6;--color-danger: #ff8f8f;--color-success: #8fe6b5;--color-warning: #f0c674;--radius-panel: 20px;--radius-control: 999px;--shadow-panel: 0 24px 80px rgb(0 0 0 / 36%);--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text)}button,input,select,textarea{font:inherit}.app-shell{--shell-page-padding: clamp(10px, 2vw, 20px);--shell-viewport-padding: clamp(12px, 1.8vw, 18px);--shell-viewport-radius: clamp(20px, 2.4vw, 32px);background:linear-gradient(180deg,rgb(255 255 255 / 4%),transparent 34%),linear-gradient(135deg,rgb(145 179 240 / 12%),transparent 48%),var(--color-bg);min-height:100dvh;padding:var(--shell-page-padding)}.app-shell__viewport{border:1px solid var(--color-border);border-radius:var(--shell-viewport-radius);display:grid;gap:clamp(12px,1.6vw,18px);margin:0 auto;max-width:1280px;min-height:calc(100dvh - (var(--shell-page-padding) * 2));overflow:hidden;padding:var(--shell-viewport-padding)}.app-shell__topbar{align-items:center;display:grid;gap:clamp(10px,1.4vw,16px);grid-template-columns:max-content minmax(0,1fr) minmax(220px,max-content)}.app-shell__brand,.app-shell__status-strip,.app-shell__tabs{align-items:center;display:flex}.app-shell__brand{color:var(--color-text);font-weight:700;gap:10px}.brand-logo{align-items:center;background:radial-gradient(circle at 68% 24%,rgb(145 179 240 / 28%),transparent 34%),linear-gradient(145deg,#071014,#112430);border:1px solid rgb(145 179 240 / 34%);border-radius:12px;box-shadow:0 10px 28px #0000003d;display:inline-flex;flex:0 0 auto;justify-content:center}.brand-logo--shell{height:34px;width:34px}.brand-logo--entry{border-radius:18px;height:68px;width:68px}.brand-logo__image{display:block;height:76%;object-fit:contain;width:76%}.app-shell__status-strip{gap:8px;justify-content:end}.app-shell__status-pill{border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-muted);display:inline-flex;flex-direction:column;font-size:.72rem;gap:2px;min-width:0;padding:7px 12px}.app-shell__status-pill strong{color:var(--color-text);font-size:.78rem;font-weight:500;overflow-wrap:anywhere}.app-shell__content{min-width:0}.app-shell__content>*{min-width:0}.app-shell__tabs{background:transparent;border:0;border-radius:var(--radius-control);gap:6px;justify-content:center;min-width:0;padding:0}.app-shell__tabs--bottom{display:none}.app-shell__tab{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-control);color:var(--color-muted);cursor:pointer;display:inline-flex;font-size:.78rem;gap:6px;justify-content:center;min-height:40px;min-width:0;padding:0 clamp(10px,1.2vw,14px);white-space:nowrap}.app-shell__tab[aria-selected=true]{background:#91b3f01a;border-color:var(--color-border);color:var(--color-accent-strong)}.app-shell__tab:focus-visible,.button:focus-visible,.home-module:focus-visible,.trade-amount__quick-button:focus-visible,.segmented-control__option:has(input:focus-visible){outline:3px solid rgb(145 179 240 / 42%);outline-offset:2px}.home-hero,.route-status,.diagnostic-panel,.transaction-detail,.join-flow,.connect-gate{background:linear-gradient(180deg,#ffffff0f,#ffffff05),var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel)}.home-hero{display:grid;gap:clamp(16px,2vw,22px);padding:clamp(18px,2.6vw,28px)}.home-hero__intro h1{font-size:clamp(2.15rem,5.2vw,3.5rem);font-weight:500;line-height:1;margin:0 0 clamp(12px,1.6vw,16px);max-width:720px}.home-hero__eyebrow,.route-status__reason{color:var(--color-accent);margin:0 0 10px}.home-hero__account{color:var(--color-muted);overflow-wrap:anywhere}.home-hero__operations{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.home-hero__operations .button{min-width:min(100%,136px)}.home-hero__metrics,.home-hero__modules{display:grid;gap:12px}.home-hero__metrics{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}.home-hero__modules{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.home-hero__details,.home-hero__metrics,.route-status__details,.entry-surface__network,.entry-surface__wallet,.diagnostic-panel dl,.join-flow dl,.transaction-detail dl{margin:0}.home-module{background:#ffffff0a;border:1px solid var(--color-border);border-radius:16px;color:var(--color-text);cursor:pointer;display:grid;gap:8px;min-height:120px;min-width:0;padding:clamp(14px,1.7vw,16px);text-align:left}div.home-module{cursor:default}.home-module strong{font-size:clamp(1.18rem,2vw,1.5rem);font-weight:500;overflow-wrap:anywhere}.home-module small{color:var(--color-muted)}.entry-surface,.route-status{display:grid;gap:clamp(14px,1.8vw,18px);margin:0 auto;max-width:min(100%,560px);padding:clamp(20px,2.6vw,28px);width:100%}.entry-surface__brand,.entry-surface__status,.route-status__header{color:var(--color-accent)}.entry-surface__brand{font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.entry-surface__brand-lockup{align-items:center;display:flex;gap:14px}.entry-surface h1,.route-status h1{color:var(--color-text);font-size:clamp(1.85rem,4.2vw,2.25rem);font-weight:500;line-height:1.05;margin:0}.entry-surface__status,.entry-surface__injected p,.route-status__reason{line-height:1.5}.entry-surface__actions,.entry-surface__provider-list,.route-status__actions{display:flex;flex-wrap:wrap;gap:10px}.entry-surface__injected h2{color:var(--color-muted);font-size:.86rem;margin:0 0 10px}.entry-surface__injected p,.entry-surface__status{color:var(--color-muted);margin:0}.entry-surface__error{color:var(--color-danger);line-height:1.4;margin:0}.route-status__header{align-items:center;display:flex;gap:10px}.route-status__icon{display:inline-flex}.route-status--danger .route-status__icon,.route-status--danger .route-status__reason{color:var(--color-danger)}.route-status--success .route-status__icon,.route-status--success .route-status__reason{color:var(--color-success)}.route-status--warning .route-status__icon,.route-status--warning .route-status__reason{color:var(--color-warning)}.button{align-items:center;border-radius:var(--radius-control);cursor:pointer;display:inline-flex;font-weight:700;gap:8px;justify-content:center;min-height:42px;padding:0 16px}.button:disabled,.button[aria-disabled=true],.button--blocked{cursor:not-allowed;opacity:.5}.button--primary{background:var(--color-accent);border:1px solid var(--color-accent);color:#071014}.button--primary:hover{background:var(--color-accent-strong);border-color:var(--color-accent-strong)}.button--secondary{background:var(--color-panel-strong);border:1px solid var(--color-border);color:var(--color-text)}.button--quiet{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.button--destructive{background:transparent;border:1px solid var(--color-danger);color:var(--color-danger)}.button__icon{display:inline-flex}.trade-amount,.trade-preflight,.transaction-review{background:#ffffff08;border:1px solid var(--color-border);border-radius:16px;min-width:0;padding:clamp(14px,1.8vw,16px)}.trade-preflight,.transaction-review{margin:0}.trade-amount{display:grid;gap:.5rem;grid-template-columns:minmax(0,1fr);margin:0 0 1rem;min-width:0}.trade-amount>*,.trade-preflight,.write-action,.write-action>*{min-width:0}.trade-amount__label,.trade-amount__balance{color:var(--color-muted);font-size:.875rem}.trade-amount__input{background:#00000038;border:1px solid var(--color-border);border-radius:14px;color:var(--color-text);font:inherit;min-height:2.75rem;padding:0 .75rem}.trade-amount__quick{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(64px,1fr))}.trade-amount__quick-button{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-text);cursor:pointer;min-height:2.25rem}.segmented-control{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-control);display:inline-grid;gap:4px;grid-auto-flow:column;padding:4px}.segmented-control__option{border-radius:var(--radius-control);color:var(--color-muted);cursor:pointer;font-size:.875rem;min-width:72px;padding:8px 10px;text-align:center}.segmented-control__option[data-selected=true]{background:var(--color-panel-strong);color:var(--color-accent)}.segmented-control__option input{opacity:0;position:absolute}.bottom-sheet{background:#0000008f;bottom:0;display:flex;left:0;padding:clamp(8px,2vw,16px);position:fixed;right:0;top:0;z-index:50}.bottom-sheet__panel{align-self:end;background:linear-gradient(180deg,#ffffff12,#ffffff08),var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:22px 22px 0 0;box-shadow:var(--shadow-panel);display:flex;flex-direction:column;margin:auto auto 0;max-height:calc(100dvh - clamp(16px,4vw,32px));max-width:min(100%,560px);min-height:0;width:100%}.bottom-sheet__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.bottom-sheet__header h2{font-size:1rem;margin:0}.bottom-sheet__body{min-height:0;overflow-y:auto;padding:16px}.data-row{align-items:start;display:grid;gap:12px;grid-template-columns:minmax(96px,.4fr) minmax(0,1fr);min-width:0;padding:8px 0}.data-row__label{color:var(--color-muted)}.data-row__value{color:var(--color-text);margin:0;overflow-wrap:anywhere;text-align:right}.data-row__value--mono,.pagination__status{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.pagination{align-items:center;display:flex;gap:12px;justify-content:space-between}.pagination__status{color:var(--color-muted);white-space:nowrap}.transaction-review__actions{border-top:1px solid var(--color-border);margin-top:12px;padding-top:14px}.write-action{display:grid;gap:8px}.transaction-detail{padding:18px}.transaction-detail--pending{border-color:#f0c6747a}.transaction-detail--failed{border-color:#ff8f8f8c}.transaction-detail--success{border-color:#8fe6b573}.transaction-detail h1{font-size:1.1rem;margin:0 0 12px}.join-flow{display:grid;gap:14px;padding:18px}.join-flow__field{color:var(--color-muted);display:grid;font-size:.875rem;gap:8px;min-width:0}.join-flow__input{background:#00000038;border:1px solid var(--color-border);border-radius:14px;color:var(--color-text);font:inherit;min-height:2.75rem;min-width:0;padding:0 .75rem;text-transform:uppercase}.join-flow__input:focus-visible{outline:3px solid rgb(145 179 240 / 42%);outline-offset:2px}.nft-transfer{border:1px solid var(--color-border);border-radius:16px;display:grid;gap:14px;min-width:0;padding:16px}.nft-transfer__field{color:var(--color-muted);display:grid;font-size:.875rem;gap:8px;min-width:0}.nft-transfer__input{background:#00000038;border:1px solid var(--color-border);border-radius:14px;color:var(--color-text);font:inherit;min-height:2.75rem;min-width:0;padding:0 .75rem;width:100%}.nft-transfer__input--address,.nft-transfer__preview .data-row dd{overflow-wrap:anywhere}.nft-transfer__preview{display:grid;gap:8px;min-width:0}.nft-transfer__preview h2{font-size:.95rem;margin:0}.nft-transfer__confirm{align-items:start;color:var(--color-text);display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr);line-height:1.4;min-width:0}.join-flow h1,.diagnostic-panel h1{font-size:1.12rem;margin:0}.diagnostic-panel{display:grid;gap:14px;grid-template-columns:minmax(0,1fr);padding:18px}.diagnostic-panel a{color:var(--color-accent)}.shortcut-row{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:1199px){.app-shell__topbar{grid-template-columns:1fr}.app-shell__status-strip{flex-wrap:wrap;justify-content:start}.app-shell__tabs--top{justify-content:start;overflow-x:auto;scrollbar-width:none}.app-shell__tabs--top::-webkit-scrollbar{display:none}}@media(max-width:719px){.app-shell{height:100dvh;overflow:hidden}.app-shell__viewport{grid-template-rows:auto minmax(0,1fr) auto;max-height:calc(100dvh - (var(--shell-page-padding) * 2));min-height:calc(100dvh - (var(--shell-page-padding) * 2))}.app-shell__content{min-height:0;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom)}.app-shell__topbar{grid-template-columns:1fr}.app-shell__status-strip{flex-wrap:wrap;justify-content:start}.app-shell__status-pill{max-width:100%}.app-shell__tabs--top{display:none}.app-shell__tabs--bottom,.app-shell__tabs--compact{display:grid;gap:6px;grid-template-columns:repeat(4,minmax(0,1fr));padding-bottom:env(safe-area-inset-bottom);position:static;z-index:20}.app-shell__tab{flex-direction:column;font-size:.72rem;min-height:52px;padding:6px 4px}.home-hero__modules{grid-template-columns:1fr}.data-row{grid-template-columns:1fr;gap:4px}.data-row__value{text-align:left}}@media(max-width:420px){.home-hero__operations{display:grid;grid-template-columns:1fr}.home-hero__operations .button{width:100%}.entry-surface__actions,.entry-surface__provider-list,.route-status__actions,.transaction-review__actions{display:grid;grid-template-columns:1fr}.entry-surface__actions .button,.entry-surface__provider-list .button,.route-status__actions .button,.transaction-review__actions .button{width:100%}}@media(max-width:360px){.home-hero__metrics{grid-template-columns:1fr}}