: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: #071014;--color-panel: #101a20;--color-panel-strong: #16242c;--color-border: #273942;--color-text: #f4f8fb;--color-muted: #9fb0ba;--color-accent: #38d5ff;--color-accent-strong: #10a7d4;--color-danger: #f87171;--color-success: #6fd39a;--color-warning: #e8bf65;--radius-panel: 8px;--shadow-panel: 0 24px 80px rgb(0 0 0 / 28%);--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{display:grid;min-height:100vh;padding:24px;place-items:center}.app-shell__viewport{display:grid;gap:16px;max-width:720px;width:min(100%,720px)}.app-shell__content{min-width:0}.app-shell__tabs{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-panel);display:grid;gap:4px;grid-template-columns:repeat(4,minmax(0,1fr));padding:6px}.app-shell__tabs--compact{bottom:12px;left:12px;position:sticky;right:12px}.app-shell__tab{align-items:center;background:transparent;border:0;border-radius:6px;color:var(--color-muted);cursor:pointer;display:inline-flex;flex-direction:column;font-size:.78rem;gap:4px;justify-content:center;min-height:52px;padding:6px 4px}.app-shell__tab[aria-selected=true]{background:var(--color-panel-strong);color:var(--color-accent)}.app-shell__tab:focus-visible,.button:focus-visible,.segmented-control__option:has(input:focus-visible){outline:3px solid rgb(56 213 255 / 42%);outline-offset:2px}.connect-gate{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);margin:0 auto;max-width:480px;padding:24px;width:min(100%,480px)}.connect-gate__brand{color:var(--color-accent);font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.connect-gate h1{font-size:2rem;line-height:1.1;margin:10px 0 8px}.connect-gate__status{color:var(--color-muted);line-height:1.5;margin:0 0 18px}.connect-gate__network{border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border);margin:0 0 18px;padding:10px 0}.connect-gate__actions{display:grid;gap:10px}.connect-gate__wallet{border-top:1px solid var(--color-border);margin:14px 0 0;padding:10px 0 0}.connect-gate__error{color:var(--color-danger);line-height:1.4;margin:12px 0 0}.connect-gate__injected{margin-top:22px}.connect-gate__injected h2{color:var(--color-muted);font-size:.86rem;margin:0 0 10px}.connect-gate__injected p{color:var(--color-muted);margin:0}.connect-gate__provider-list{display:grid;gap:8px}.button{align-items:center;border-radius:6px;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;justify-content:center;min-height:42px;padding:0 14px}.button:disabled{cursor:not-allowed;opacity:.5}.button[aria-disabled=true],.button--blocked{cursor:not-allowed;opacity:.5}.button--primary{background:var(--color-accent);border:1px solid var(--color-accent);color:#041016;width:100%}.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{display:grid;gap:.5rem;margin:0 0 1rem}.trade-amount__label,.trade-amount__balance{color:var(--color-muted);font-size:.875rem}.trade-amount__input{background:var(--color-panel);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font:inherit;min-height:2.75rem;padding:0 .75rem}.trade-amount__quick{display:grid;gap:.5rem;grid-template-columns:repeat(4,minmax(0,1fr))}.trade-amount__quick-button{background:transparent;border:1px solid var(--color-border);border-radius:8px;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-panel);display:inline-grid;gap:4px;grid-auto-flow:column;padding:4px}.segmented-control__option{border-radius:6px;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:16px;position:fixed;right:0;top:0;z-index:50}.bottom-sheet__panel{align-self:end;background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);margin:auto auto 0;max-width:560px;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{padding:16px}.data-row{align-items:start;display:grid;gap:12px;grid-template-columns:minmax(104px,.42fr) minmax(0,1fr);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{margin:0}.transaction-review__actions{border-top:1px solid var(--color-border);margin-top:12px;padding-top:14px}.write-action{display:grid;gap:8px}.transaction-detail{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);padding:18px}.transaction-detail h1{font-size:1.1rem;margin:0 0 12px}.transaction-detail dl{margin:0}.join-flow{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);display:grid;gap:14px;padding:18px}.join-flow h1,.join-flow dl{margin:0}.join-flow h1{font-size:1.12rem}.diagnostic-panel{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);display:grid;gap:14px;padding:18px}.diagnostic-panel h1,.diagnostic-panel dl{margin:0}.diagnostic-panel h1{font-size:1.12rem}.diagnostic-panel a{color:var(--color-accent)}.shortcut-row{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:480px){.app-shell{align-items:start;padding:12px 12px 84px}.connect-gate{padding:18px}.data-row{grid-template-columns:1fr;gap:4px}.data-row__value{text-align:left}}