@import "https://fonts.googleapis.com/css2?family=Fraunces:wght@400;600;700&family=Space+Grotesk:wght@400;500;600;700&family=VT323&display=swap";
:root{--bg:#f6f7fb;--bg-accent:#eef2f6;--surface:#fff;--surface-muted:#f8fafc;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--accent:#0ea5e9;--accent-strong:#0284c7;--success:#16a34a;--warning:#f59e0b;--danger:#ef4444;--font-body:"Space Grotesk", "IBM Plex Sans", "Segoe UI", sans-serif;--font-display:"Space Grotesk", "IBM Plex Sans", "Segoe UI", sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top left, #fff 0%, transparent 55%),linear-gradient(180deg, var(--bg) 0%, var(--bg-accent) 100%);min-height:100vh;color:var(--text);font-family:var(--font-body);margin:0}body[data-theme=watercolor]{--bg:#fbf6f1;--bg-accent:#f1f6ff;--surface:#fff;--surface-muted:#fff5ee;--text:#2b2a29;--muted:#7a6f63;--border:#eaded3;--accent:#f97316;--accent-strong:#ea580c;--success:#2f9f71;--warning:#d6a021;--danger:#dc5b5b;--font-body:"Fraunces", "Space Grotesk", "IBM Plex Sans", "Segoe UI", sans-serif;--font-display:"Fraunces", "Space Grotesk", "IBM Plex Sans", "Segoe UI", sans-serif;background:radial-gradient(circle at 20% 10%,#ffe4cce6 0%,#0000 55%),radial-gradient(circle at 80% 0,#c8e6ffd9 0%,#0000 45%),radial-gradient(circle at 30% 85%,#ffddd2b3 0%,#0000 55%),linear-gradient(#fbf6f1 0%,#f3f7fb 100%)}body[data-theme=watercolor] .card{border-radius:24px;box-shadow:0 18px 38px #efb49659}body[data-theme=watercolor] .button{box-shadow:0 16px 28px #ec764c59}body[data-theme=watercolor] .orderbook-card{background:#ffffffd9;border-color:#e8d9cce6}body[data-theme=win95]{--bg:#c3c3c3;--bg-accent:#b9b9b9;--surface:#dcdcdc;--surface-muted:#cfcfcf;--text:#111;--muted:#4a4a4a;--border:gray;--accent:navy;--accent-strong:#00a;--success:green;--warning:#a27500;--danger:#7a1d1d;--font-body:"VT323", "Space Grotesk", "IBM Plex Sans", "Segoe UI", sans-serif;--font-display:"VT323", "Space Grotesk", "IBM Plex Sans", "Segoe UI", sans-serif;background:repeating-linear-gradient(0deg,#ffffff1f 0 1px,#0000 1px 4px),linear-gradient(135deg,#d0d0d0 0%,#bcbcbc 100%);font-size:.95rem}body[data-theme=win95] .card,body[data-theme=win95] .button,body[data-theme=win95] .pill-btn,body[data-theme=win95] .badge,body[data-theme=win95] .input,body[data-theme=win95] .theme-toggle,body[data-theme=win95] .theme-panel,body[data-theme=win95] .orderbook-card,body[data-theme=win95] .connection-panel{border-radius:0;box-shadow:inset -1px -1px #fff,inset 1px 1px #7c7c7c}body[data-theme=win95] .button{color:#000;background:#dcdcdc;border:1px solid #000;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}body[data-theme=win95] .button:hover{transform:none;box-shadow:inset 1px 1px #f5f5f5,inset -1px -1px #7c7c7c}body[data-theme=win95] .pill-btn,body[data-theme=win95] .badge,body[data-theme=win95] .theme-toggle{color:#000;background:#dcdcdc;border:1px solid #000}body[data-theme=win95] .input{color:#000;background:#fff;border:1px solid #000}body[data-theme=win95] .order-row.head{border-bottom:1px solid #000}body[data-theme=win95] .market-collapse-btn,body[data-theme=win95] .public-service-banner__toggle{box-shadow:none;background:0 0;border-color:#0000}a{color:var(--accent-strong)}.qrl-link{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}main{flex-direction:column;gap:18px;max-width:1180px;margin:0 auto;padding:32px 20px 64px;display:flex}.app-header{z-index:20;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:relative}.logo-wrap{color:inherit;align-items:center;gap:14px;text-decoration:none;display:flex}.logo-wrap:focus-visible{outline:2px solid var(--accent-strong);outline-offset:4px;border-radius:16px}.logo-mark{filter:drop-shadow(0 10px 20px #2563eb2e);flex-shrink:0;width:clamp(54px,6vw,60px);height:auto}.logo-copy{flex-direction:column;gap:8px;min-width:0;display:flex}.app-title{letter-spacing:-.04em;font-size:clamp(1.5rem,2.8vw,1.95rem);font-weight:800;line-height:1;font-family:var(--font-display);margin:0}.brand-tagline{width:fit-content;color:var(--muted);background:linear-gradient(135deg,#ffffffeb,#f1f5f9e0);border:1px solid #94a3b840;border-radius:999px;align-items:center;margin:0;padding:8px 14px;font-size:clamp(.92rem,1.5vw,1.05rem);display:inline-flex;box-shadow:0 14px 30px #94a3b81f}.app-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:flex}.app-actions .pill-row{margin-top:0}.hero-title{font-size:clamp(1.4rem,2.3vw,2.2rem);font-family:var(--font-display);margin:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 12px 30px #0f172a14}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.gauge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-actions{grid-template-columns:minmax(240px,1fr) auto;align-items:end;gap:12px;margin-top:16px;display:grid}.admin-action-field{flex-direction:column;gap:6px;min-width:0;display:flex}.admin-action-field .label{margin-bottom:0}.admin-actions .button{white-space:nowrap;margin-top:0;margin-bottom:0}.swap-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.swap-actions .button{white-space:nowrap;margin:0}.form-grid{align-items:start;margin-top:14px}.form-grid>div{flex-direction:column;gap:6px;display:flex}.swap-home-shell{grid-template-columns:minmax(360px,460px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.swap-home-shell>*{min-width:0}.public-service-banner{border-width:2px;flex-direction:column;gap:10px;display:flex}.public-service-banner--healthy{border-color:#16a34a73}.public-service-banner--degraded{border-color:#f59e0b80}.public-service-banner--not_ready,.public-service-banner--unavailable{border-color:#ef444473}.public-service-banner__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.public-service-banner__status-actions{justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:flex}.public-service-banner__refresh,.public-service-banner__toggle{width:38px;min-width:38px;min-height:38px}.public-service-banner__toggle{width:48px;min-width:48px;min-height:48px;box-shadow:none;color:var(--text);background:0 0;border:0;font-size:1.35rem}.public-service-banner__refresh svg,.public-service-banner__toggle svg{flex:none}.public-service-banner__toggle svg{width:1.1em;height:1.1em}.public-service-banner__toggle:hover:not(:disabled){box-shadow:none;background:0 0}.is-spinning{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.public-service-banner__timestamp{color:var(--muted);margin:0;font-size:.92rem}.public-service-banner__details{flex-direction:column;gap:10px;display:flex}.public-service-endpoints,.public-service-endpoint-group{gap:8px;display:grid}.public-service-endpoint-group__toggle{border:1px solid var(--border);width:100%;min-height:44px;color:var(--text);cursor:pointer;font:inherit;text-align:left;background:#ffffff8c;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;font-weight:800;display:flex}.public-service-endpoint-group__toggle:hover,.public-service-endpoint-group__toggle:focus-visible{border-color:#0284c773}.public-service-endpoint-group__title{color:var(--muted)}.public-service-endpoint-group__meta{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font-size:.9rem;font-weight:700;display:inline-flex}.public-service-endpoint-group__meta svg{width:1rem;height:1rem}.public-service-endpoint-group__body{border-left:2px solid #64748b2e;gap:8px;padding-left:10px;display:grid}.public-service-endpoint-row{border:1px solid var(--border);background:#ffffff6b;border-radius:8px;grid-template-columns:minmax(140px,.32fr) minmax(0,1fr);gap:6px 12px;padding:10px 12px;display:grid}.public-service-endpoint-row__label{color:var(--muted);font-weight:700}.public-service-endpoint-row__value{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.public-service-endpoint-row__value .status-address{overflow-wrap:anywhere;min-width:0}.status-badge{white-space:nowrap;align-items:center;gap:7px;line-height:1;display:inline-flex;position:relative}button.status-badge{cursor:help;font:inherit}.status-badge--explainable{isolation:isolate}.status-badge__tooltip{z-index:20;border:1px solid var(--border);background:var(--surface);width:max-content;max-width:min(280px,72vw);color:var(--text);letter-spacing:0;opacity:0;pointer-events:none;text-align:left;text-transform:none;white-space:normal;border-radius:8px;padding:8px 10px;font-size:.82rem;font-weight:700;line-height:1.35;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-2px);box-shadow:0 14px 30px #0f172a29}.status-badge--explainable:hover .status-badge__tooltip,.status-badge--explainable:focus-visible .status-badge__tooltip,.status-badge--explainable[aria-expanded=true] .status-badge__tooltip{opacity:1;transform:translateY(0)}.status-badge__dot{width:.62em;height:.62em;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 14%, transparent);background:currentColor;border-radius:999px;flex:none}.status-badge--healthy{color:#15803d;background:#f0fdf4b8;border-color:#16a34a57}.status-badge--healthy .status-badge__dot{background:#16a34a;box-shadow:0 0 0 3px #16a34a24}.status-badge--degraded{color:#b45309;background:#fffbebc7;border-color:#f59e0b61}.status-badge--degraded .status-badge__dot{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b29}.status-badge--danger{color:#b91c1c;background:#fef2f2c7;border-color:#ef44445c}.status-badge--danger .status-badge__dot{background:#ef4444;box-shadow:0 0 0 3px #ef444424}.status-badge--neutral{color:var(--muted)}.public-service-trust{border:1px solid var(--border);background:#ffffff0a;border-radius:6px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.public-service-trust--verified{border-color:#16a34a73}.public-service-trust--attested,.public-service-trust--stale{border-color:#f59e0b80}.public-service-trust--failed,.public-service-trust--unattested,.public-service-trust--unavailable{border-color:#ef444466}.public-service-trust__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.public-service-trust__label{font-weight:700}@media (max-width:640px){.public-service-banner__header{align-items:flex-start}.public-service-banner__status-actions{justify-content:flex-end;width:auto;margin-left:0}.public-service-endpoint-row{grid-template-columns:1fr}.public-service-endpoint-group__body{border-left:0;padding-left:0}}.swap-shell{flex-direction:column;gap:12px;width:100%;min-width:0;display:flex}.app-footer{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:14px;margin-top:2px;padding:14px 4px 0;display:flex}.footer-meta{flex-direction:column;gap:8px;min-width:0;display:flex}.footer-actions{flex-wrap:nowrap;justify-content:space-evenly;align-items:center;gap:12px;width:100%;min-width:0;margin-left:0;display:flex}.footer-links{flex-wrap:nowrap;flex:2 1 0;justify-content:space-evenly;gap:12px;min-width:0;display:flex}.footer-links .pill-btn,.footer-actions .theme-toggle{min-height:44px;color:var(--text);font:inherit;text-align:center;justify-content:center;font-weight:700;line-height:1.1;text-decoration:none}.footer-links .pill-btn{flex:1 1 0;min-width:0}.footer-actions>.theme-switcher{flex:1 1 0;align-items:stretch;min-width:0}.footer-actions .theme-toggle{width:100%}.build-provenance{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:.92rem;line-height:1.35;display:flex}.build-provenance__main,.build-provenance__links{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:inline-flex}.build-provenance__label{color:var(--muted)}.build-provenance__hash{overflow-wrap:anywhere;max-width:100%;color:var(--text);font:inherit}.build-provenance__links>*+:before{content:"/";color:var(--border);margin-right:8px}.build-provenance--unavailable{color:var(--warning)}.market-card{min-width:0;position:relative}.market-card.collapsed{align-self:start}.market-card__body{flex-direction:column;gap:16px;min-width:0;display:flex}.market-panel-title{justify-content:space-between;align-items:flex-start;gap:14px;padding-right:56px}.market-heading{flex-wrap:wrap;align-items:baseline;gap:8px 16px;min-width:0;display:flex}.market-heading .hero-title{flex:none}.market-price-summary{min-width:0;color:var(--muted);align-items:baseline;gap:7px;font-size:.9rem;line-height:1.2;display:inline-flex}.market-price-summary strong{color:var(--text);white-space:nowrap;font-size:1.08rem;font-weight:800}.market-collapse-btn{width:48px;min-width:48px;min-height:48px;box-shadow:none;color:var(--text);background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;font-size:1.35rem;display:inline-flex;position:absolute;top:18px;right:18px}.market-collapse-btn svg{flex:none;width:1.1em;height:1.1em}.market-collapse-btn:hover:not(:disabled){box-shadow:none;background:0 0}.market-card__toolbar{grid-template-columns:minmax(0,1fr);gap:8px;padding-top:6px;display:grid}.market-price-unit{white-space:nowrap}.swap-card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.swap-asset-stack{flex-direction:column;gap:12px;margin-top:4px;display:flex;position:relative}.swap-asset-panel{background:linear-gradient(#fffffff2,#f8fafcfa);border:1px solid #cbd5e1b3;border-radius:18px;padding:18px;box-shadow:inset 0 1px #ffffffd9}.swap-asset-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.swap-asset-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.swap-asset-token-row{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.swap-asset-token{flex:auto;align-items:center;gap:12px;min-width:0;display:inline-flex}.swap-asset-token-copy{min-width:0}.token-mark{background:linear-gradient(145deg,#fffffffa,#f1f5f9f0);border:1px solid #cbd5e1d1;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex;box-shadow:0 14px 28px #94a3b829}.token-mark-image{width:28px;height:28px}.token-mark-icon{width:26px;height:26px}.token-mark-fallback{font-size:1.35rem;font-weight:800;line-height:1}.token-mark-usdc{color:var(--accent-strong);background:linear-gradient(145deg,#0ea5e924,#2563eb24)}.token-mark-weth{color:#4f5fd5;background:linear-gradient(145deg,#627eea24,#8da0ff2e)}.token-mark-qrl{background:linear-gradient(145deg,#fffffffa,#f8fafcf2)}.swap-asset-symbol{letter-spacing:-.05em;font-size:clamp(1.85rem,3vw,2.2rem);font-weight:800;line-height:1}.swap-asset-note{color:var(--muted);margin-top:8px;font-size:.95rem}.swap-amount-input{width:auto;min-width:0;color:var(--text);letter-spacing:-.04em;text-align:right;background:0 0;border:none;flex:0 clamp(96px,34%,180px);margin-top:0;padding:0;font-size:clamp(1.9rem,4vw,2.6rem);font-weight:700}.swap-amount-input[readonly]{cursor:default}.swap-amount-input--unavailable{color:var(--muted);letter-spacing:0;flex-basis:clamp(160px,48%,320px);font-size:clamp(1rem,2vw,1.35rem)}.swap-counter-amount-status{min-width:0;color:var(--muted);text-align:right;flex:0 clamp(180px,46%,300px);justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;font-size:clamp(.95rem,1.8vw,1.15rem);font-weight:800;line-height:1.2;display:inline-flex}.swap-counter-amount-status span{overflow-wrap:anywhere;min-width:0}.swap-counter-amount-refresh{appearance:none;border:1px solid var(--border);width:34px;min-width:34px;height:34px;color:var(--accent-strong);cursor:pointer;background:#ffffffb8;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.swap-counter-amount-refresh:hover,.swap-counter-amount-refresh:focus-visible{background:#e0f2fe9e;border-color:#0284c773}.swap-amount-input::placeholder{color:#a4acbb}.swap-amount-input:focus{outline:none}.swap-quote-preview{color:var(--muted);text-align:right;justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;font-size:.88rem;font-weight:650;line-height:1.3;display:flex}.swap-quote-preview--warning{color:#b45309}.spin{animation:.9s linear infinite spin}.swap-divider-btn{background:var(--surface);width:44px;height:44px;color:var(--accent-strong);cursor:pointer;z-index:1;border:4px solid #f8fafcfa;border-radius:999px;justify-content:center;align-self:center;align-items:center;margin-top:-12px;margin-bottom:-12px;display:inline-flex;position:relative;box-shadow:0 10px 22px #1118271f}.swap-divider-btn:hover{transform:translateY(1px)}.wallet-control{flex-direction:column;align-items:flex-end;display:inline-flex;position:relative}.wallet-control-multi{grid-template-columns:repeat(2,minmax(132px,1fr));justify-content:end;align-items:stretch;gap:10px;display:grid}.wallet-control-single{align-items:flex-end}.wallet-control-multi .wallet-cta,.wallet-control-multi .wallet-secondary,.wallet-control-multi .wallet-chip,.wallet-control-single .wallet-cta,.wallet-connected .wallet-cta,.wallet-connected .wallet-secondary{text-align:center;justify-content:center;width:100%;min-width:132px;min-height:54px}.wallet-cta,.wallet-secondary,.wallet-menu-btn{appearance:none;color:var(--text);font:inherit;border:1px solid #cbd5e1e6}.wallet-cta{letter-spacing:-.02em;cursor:pointer;background:linear-gradient(#fffffffa,#f8fafcf5);border-radius:20px;justify-content:center;align-items:center;min-height:64px;padding:14px 24px;font-size:1.05rem;font-weight:800;transition:transform .15s,border-color .15s,box-shadow .15s;display:inline-flex;box-shadow:0 20px 40px #0f172a1a}.wallet-cta-label{justify-content:center;align-items:center;gap:8px;min-width:0;display:inline-flex}.wallet-cta-icon{flex:none;width:1em;height:1em}.wallet-cta:hover:not(:disabled),.wallet-secondary:hover:not(:disabled),.wallet-menu-btn:hover:not(:disabled){border-color:#0ea5e973;transform:translateY(-1px);box-shadow:0 22px 42px #2563eb1f}.wallet-cta:focus-visible,.wallet-secondary:focus-visible,.wallet-menu-btn:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px}.wallet-menu{background:var(--surface);width:min(92vw,420px);min-width:320px;color:var(--text);z-index:100;border:1px solid #cbd5e1e6;border-radius:18px;flex-direction:column;gap:14px;padding:12px;display:flex;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 22px 46px #0f172a24}.wallet-menu-section{flex-direction:column;gap:8px;display:flex}.wallet-menu-label{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:800}.wallet-menu-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.wallet-menu-actions{align-items:center;gap:8px;display:inline-flex}.wallet-passkey-actions{grid-template-columns:auto repeat(2,minmax(0,1fr));align-items:center;gap:8px;display:grid}.wallet-passkey-actions .wallet-menu-btn{min-height:46px}.wallet-passkey-panel{background:#f8fafcb8;border:1px solid #cbd5e1c7;border-radius:14px;gap:8px;padding:10px;display:grid}.wallet-passkey-panel-header,.wallet-passkey-panel-actions,.wallet-passkey-balance-row{align-items:center;gap:8px;display:flex}.wallet-passkey-panel-header{color:var(--text);justify-content:space-between;font-size:.9rem;font-weight:800}.wallet-passkey-balance-grid{gap:6px;display:grid}.wallet-passkey-balance-row{background:#ffffffd6;border:1px solid #cbd5e1b3;border-radius:12px;justify-content:space-between;min-width:0;padding:8px 10px}.wallet-passkey-balance-row>span{min-width:0}.wallet-passkey-balance-row strong{color:var(--text);text-align:right;white-space:nowrap;flex:none;font-size:.88rem}.wallet-passkey-balance-label{color:var(--muted);text-transform:uppercase;font-size:.74rem;font-weight:800;display:block}.wallet-passkey-panel-actions{grid-template-columns:minmax(0,1fr) 44px;display:grid}.wallet-menu-btn-compact{border-radius:10px;min-height:34px;padding:7px 10px;font-size:.78rem}.wallet-menu-icon-btn{justify-content:center;align-items:center;width:44px;min-width:44px;min-height:44px;padding:0;display:inline-flex}.wallet-menu-icon-btn svg{width:16px;height:16px}.wallet-menu-btn,.wallet-secondary{background:var(--surface);cursor:pointer;border-radius:12px;padding:10px 14px;font-weight:700}.wallet-menu-btn-branded{text-align:left;justify-content:flex-start;align-items:center;gap:10px;min-height:54px;display:flex}.wallet-menu-btn-branded>span:not(.wallet-logo):not(.wallet-menu-status){min-width:0}.wallet-menu-status{color:var(--muted);margin-left:auto;font-size:.82rem}.wallet-menu-detail{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:700;overflow:hidden}.wallet-logo{border-radius:999px;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.wallet-logo svg{width:22px;height:22px;display:block}.wallet-logo-browser,.wallet-logo-evm{background:#eef2ff}.wallet-logo-qrl{background:#ecfeff}.wallet-logo-passkey{background:#f8fafc}.wallet-cta:disabled,.wallet-secondary:disabled,.wallet-menu-btn:disabled{cursor:not-allowed;opacity:.72}.wallet-menu-btn-disabled-demo:disabled{color:var(--muted);cursor:not-allowed;opacity:.62;box-shadow:none;background:#f1f5f9b8;border-color:#94a3b852}.wallet-menu-btn-disabled-demo:disabled .wallet-logo{filter:grayscale();opacity:.72}.wallet-connected{grid-template-columns:repeat(2,minmax(132px,1fr));justify-content:flex-end;align-items:stretch;gap:10px;display:grid}.wallet-chip{min-width:0;min-height:50px;color:var(--text);overflow-wrap:anywhere;background:#f1f5f9eb;border:1px solid #cbd5e1d1;border-radius:16px;align-items:center;gap:10px;padding:0 16px;font-weight:700;display:inline-flex}.wallet-chip-address{padding-left:10px}.wallet-chip-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.wallet-menu-btn-full{width:100%}.wallet-status{text-align:right;flex-basis:100%;grid-column:1/-1;max-width:360px}.wallet-status-inline{text-align:left;max-width:none;margin:0}.wallet-external-modal-backdrop{z-index:240;background:#0f172a6b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.wallet-external-modal{background:var(--surface);width:min(100%,620px);max-height:calc(100vh - 40px);color:var(--text);border:1px solid #cbd5e1e6;border-radius:18px;flex-direction:column;gap:14px;padding:18px;display:flex;overflow:auto;box-shadow:0 28px 60px #0f172a38}.wallet-external-modal-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.wallet-external-modal-header h2,.wallet-external-modal-section h3{margin:0}.wallet-external-modal-header h2{font-size:1.12rem}.wallet-external-modal-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.wallet-external-modal-section{background:#f8fafcb8;border:1px solid #cbd5e1d1;border-radius:14px;gap:10px;padding:12px;display:grid}.wallet-external-modal-section h3{font-size:.92rem}.wallet-external-modal-field{color:var(--muted);text-transform:uppercase;gap:6px;font-size:.78rem;font-weight:800;display:grid}.wallet-external-modal-field input{background:var(--surface);width:100%;min-height:44px;color:var(--text);font:inherit;text-transform:none;border:1px solid #cbd5e1e6;border-radius:12px;padding:10px 12px;font-weight:700}.swap-destination-panel{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:14px;display:flex}.swap-destination-header{flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin-bottom:10px;display:flex}.swap-destination-header .label{margin-bottom:0}.swap-wallet-help{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;flex-wrap:wrap;flex:none;align-items:center;gap:6px;margin:0;padding:0;font-size:.82rem;display:inline-flex}.swap-destination-input{flex:280px;min-width:min(100%,240px)}.qrl-wallet-modal-backdrop{z-index:220;background:#0f172a6b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.qrl-wallet-modal{background:var(--surface);width:min(100%,420px);color:var(--text);border:1px solid #cbd5e1e6;border-radius:18px;flex-direction:column;gap:16px;padding:18px;display:flex;box-shadow:0 28px 60px #0f172a38}.qrl-wallet-modal-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.qrl-wallet-modal-header h2{margin:0;font-size:1.12rem}.qrl-wallet-modal-close{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.qrl-wallet-option-grid{gap:10px;display:grid}.qrl-wallet-option{background:var(--surface);min-height:52px;color:var(--text);font:inherit;text-align:left;cursor:pointer;border:1px solid #cbd5e1e6;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-weight:800;text-decoration:none;display:flex}.qrl-wallet-option span:last-child:not(:first-child){color:var(--muted);font-size:.78rem;font-weight:700}.qrl-wallet-option:hover:not(:disabled),.qrl-wallet-modal-close:hover{border-color:#0ea5e973;box-shadow:0 12px 24px #2563eb1f}.qrl-wallet-option:disabled{cursor:not-allowed;opacity:.72}.qrl-wallet-modal-status{margin:0}.quote-details-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 14px;display:grid}.label{color:var(--muted);margin-bottom:10px;font-size:.9rem;display:block}.label-compact{margin-bottom:0}.input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:12px;padding:12px 14px;font-size:1rem;display:block}.input-wrap{align-items:center;display:flex;position:relative}.input-wrap .input{padding-right:140px}.input-wrap .toggle{position:absolute;right:10px}.input:focus{border-color:var(--accent);outline:2px solid #0ea5e940}.button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:10px;margin-bottom:4px;padding:12px 18px;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 10px 20px #0ea5e940}.button.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:none}.button.swap-primary-action{letter-spacing:-.01em;border-radius:16px;width:100%;min-height:64px;font-size:1.08rem;font-weight:800;box-shadow:0 18px 34px #0ea5e952}.button:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0ea5e959}.button:disabled{cursor:not-allowed;opacity:.62;box-shadow:none;transform:none}.button.secondary:hover{box-shadow:0 10px 20px #0f172a26}.status{color:var(--muted);font-size:.95rem}.status-prominent{color:var(--text);background:var(--surface-muted);border:1px solid var(--border);border-radius:12px;padding:10px 12px;font-size:1rem;font-weight:600}.demo-order-review{background:color-mix(in srgb, var(--surface-muted) 88%, var(--accent) 12%);flex-direction:column;gap:12px;display:flex}.demo-order-review-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.demo-order-review-header h3{margin:2px 0 0;font-size:1.25rem}.demo-order-review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.demo-order-review-metric{border:1px solid var(--border);background:var(--surface);border-radius:10px;min-width:0;padding:10px}.demo-order-review-metric>span:first-child{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:.78rem;display:block}.demo-order-review-metric>span:not(:first-child){color:var(--muted);margin-top:4px;font-size:.82rem;line-height:1.25;display:block}.demo-order-review-metric strong{overflow-wrap:anywhere;font-size:1rem;display:block}.demo-order-review-actions .button{margin-top:0}.persistence-warning{--warn:var(--danger,#e11d48);border-color:var(--warn,#e11d48);background:color-mix(in srgb, var(--surface-muted) 88%, var(--warn,#e11d48) 12%);flex-direction:column;gap:10px;display:flex}.persistence-warning textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);resize:vertical;border-radius:8px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem}.persistence-warning .button{align-self:flex-start;margin-top:0}.persistence-confirmation{color:var(--text);align-items:center;gap:8px;display:flex}.deploy-status{flex-direction:column;gap:8px;display:flex}.deploy-status-line{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.deploy-status-label{text-transform:uppercase;letter-spacing:.08em;min-width:70px;color:var(--muted);font-size:.75rem}.deploy-status-link{word-break:break-all;font-weight:600;text-decoration:underline}.deploy-status-error{color:var(--danger);background:#ef444414;border-radius:10px;padding:6px 8px}.spinner{border:2px solid var(--border);border-top-color:var(--accent);vertical-align:middle;border-radius:50%;width:14px;height:14px;margin-right:8px;animation:.8s linear infinite spin;display:inline-block}.status-link{word-break:break-all;font-weight:700;text-decoration:underline}.status-address{color:var(--text);word-break:break-all;font-weight:700}.helper{color:var(--muted);margin-top:6px;font-size:.85rem}.badge{background:var(--surface-muted);color:var(--muted);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.8rem;display:inline-flex}.status-badge{text-transform:uppercase;letter-spacing:.04em;font-weight:700}.badge.status-badge--healthy{color:#15803d;background:#f0fdf4b8;border-color:#16a34a57}.badge.status-badge--degraded{color:#b45309;background:#fffbebc7;border-color:#f59e0b61}.badge.status-badge--danger{color:#b91c1c;background:#fef2f2c7;border-color:#ef44445c}.status-badge.up{color:var(--success);background:#16a34a1f;border-color:#16a34a59}.status-badge.warn{color:var(--warning);background:#f59e0b1f;border-color:#f59e0b59}.status-badge.loading{color:var(--muted);background:#94a3b81f;border-color:#94a3b859}.status-badge.down{color:var(--danger);background:#ef44441f;border-color:#ef444459}.badge.success{color:var(--success);background:#16a34a1f;border-color:#16a34a59}.badge.warning{color:var(--warning);background:#f59e0b1f;border-color:#f59e0b59}.spinner-icon{vertical-align:middle;margin-right:6px;animation:.8s linear infinite spin;display:inline-block}.timeline{margin:0;padding:0;list-style:none}.timeline-item{border-bottom:1px dashed var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.timeline-item:last-child{border-bottom:none}.dot{border:2px solid var(--border);background:var(--surface-muted);border-radius:50%;width:10px;height:10px}.dot.active{background:var(--success);border-color:#16a34a66}.timeline-stage{font-weight:600}.timeline-desc{color:var(--muted);font-size:.9rem}.order-list{flex-direction:column;gap:0;margin-top:6px;display:flex}.order-row{border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums;background:0 0;grid-template-columns:minmax(58px,.9fr) minmax(42px,.7fr) minmax(48px,.8fr) minmax(34px,.5fr);align-items:center;gap:6px;min-height:25px;padding:3px 6px;font-size:.72rem;line-height:1.1;display:grid;position:relative;overflow:hidden}.order-row:last-child{border-bottom:none}.order-row:before{content:"";width:var(--fill,0%);background:var(--fill-color);opacity:.14;pointer-events:none;position:absolute;top:0;bottom:0}.order-row.bid{--fill-color:#16a34a59}.order-row.ask{--fill-color:#ef44444d}.order-row.bid:before{right:0}.order-row.ask:before{left:0}.order-row.head{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border-bottom:1px solid var(--border);padding:3px 6px 5px;font-size:.56rem}.order-row.head:before{display:none}.order-row span{z-index:1;text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;position:relative;overflow:hidden}.order-row span:first-child{text-align:left}.orderbook-price{color:var(--text);font-size:.78rem;font-weight:700}.orderbook-size,.orderbook-total,.orderbook-usd{color:var(--muted);font-weight:600}.orderbook-price.bid{color:var(--success)}.orderbook-price.ask{color:var(--danger)}.orderbook-ttl{color:var(--muted);justify-self:end;font-size:.68rem;font-weight:700}.orderbook-unit{color:var(--muted);margin-left:4px;font-size:.7rem}.depth-header{background:var(--surface-muted);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.depth-title{text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;font-weight:700}.depth-tabs{align-items:center;display:flex}.depth-tab{color:var(--accent-strong);cursor:pointer;border:none;border-bottom:2px solid var(--accent-strong);background:0 0;padding-bottom:2px;font-size:.85rem}.depth-body{height:330px;color:var(--text);background:0 0;margin-top:12px;padding:64px 52px 52px;position:relative}.depth-body.depth-body--empty{place-items:center;height:auto;min-height:96px;padding:0;display:grid}.depth-mid{text-align:center;align-items:center;gap:14px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.depth-mid-price{color:var(--text);font-size:1.4rem;font-weight:700}.depth-mid-label{color:var(--muted);font-size:.75rem}.depth-zoom{border:1px solid var(--border);width:30px;height:30px;color:var(--text);cursor:pointer;background:#fff;border-radius:999px;font-size:1.1rem}.depth-plot{width:100%;height:100%;position:relative}.depth-svg{width:100%;height:100%;display:block}.depth-area{pointer-events:none}.depth-mobile-stack{display:none}.depth-hover-zone{fill:#0000;cursor:crosshair;pointer-events:all}.depth-hover-zone:focus-visible{stroke:var(--accent-strong);stroke-width:3px;outline:none}.depth-hover-rule{pointer-events:none;stroke-dasharray:4 4;stroke-width:1.5px}.depth-hover-rule.bid,.depth-hover-marker.bid{stroke:#16a34a}.depth-hover-rule.ask,.depth-hover-marker.ask{stroke:#ea580c}.depth-hover-marker{fill:#fff;pointer-events:none;stroke-width:2px}.depth-tooltip{left:var(--depth-tooltip-left);top:var(--depth-tooltip-top);z-index:4;border:1px solid var(--border);min-width:190px;max-width:230px;color:var(--text);pointer-events:none;background:#fffffff5;border-radius:8px;padding:10px 12px;font-size:.75rem;line-height:1.25;position:absolute;transform:translate(-50%,calc(-100% - 12px));box-shadow:0 16px 32px #0f172a29}.depth-tooltip:after{content:"";border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:#fffffff5;width:12px;height:12px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.depth-tooltip.bid{border-color:#16a34a59}.depth-tooltip.ask{border-color:#ea580c59}.depth-tooltip-title{color:var(--text);margin-bottom:6px;font-weight:700}.depth-tooltip div:not(.depth-tooltip-title){justify-content:space-between;gap:12px;margin-top:4px;display:flex}.depth-tooltip span{color:var(--muted)}.depth-tooltip strong{color:var(--text);text-align:right;white-space:nowrap;font-weight:700}.depth-axis{color:var(--muted);font-size:.75rem;position:absolute}.depth-axis span{position:absolute;transform:translateY(-50%)}.depth-axis-left{top:16px;bottom:46px;left:20px}.depth-axis-right{text-align:right;top:16px;bottom:46px;right:20px}.depth-axis-bottom{justify-content:space-between;padding:0 28px;display:flex;bottom:18px;left:24px;right:24px}.depth-axis-bottom span{color:var(--text);white-space:nowrap;background:#ffffffe6;border-radius:6px;padding:0 4px;font-size:.85rem;font-weight:600;position:absolute;transform:translate(-50%)}.depth-axis-left span,.depth-axis-right span{color:var(--text);white-space:nowrap;background:#ffffffe6;border-radius:6px;padding:0 4px;font-size:.85rem;font-weight:600}.depth-empty{color:var(--muted);place-items:center;display:grid;position:absolute;inset:0}.depth-body.depth-body--empty .depth-empty{text-align:center;min-height:96px;position:static;inset:auto}@media (max-width:860px){.market-card .panel-title{flex-wrap:wrap;align-items:center;gap:8px 12px;padding-right:0;display:flex}.market-card .panel-title .hero-title{margin:0;font-size:1.55rem;line-height:1.1}.market-card .panel-title .market-heading{flex-wrap:wrap;flex:240px;align-items:baseline;gap:6px 12px;display:flex}.market-card .panel-title .market-price-summary{flex-wrap:wrap;align-items:baseline;gap:6px;display:inline-flex}.market-card .panel-title .market-price-summary strong{white-space:nowrap;overflow-wrap:anywhere;min-width:0}.market-card .panel-title .market-collapse-btn{width:44px;min-width:44px;height:44px;min-height:44px;box-shadow:none;background:0 0;border:0;margin-left:0;position:absolute;top:14px;right:14px}.depth-body{height:auto;min-height:clamp(610px,100vh - 250px,720px);padding:10px 0 0}.depth-body.depth-body--bid-collapsed,.depth-body.depth-body--ask-collapsed{min-height:380px}.depth-body.depth-body--bid-collapsed.depth-body--ask-collapsed{min-height:150px}.depth-plot-desktop,.depth-axis{display:none}.depth-mobile-stack{grid-template-rows:minmax(250px,1fr) auto minmax(250px,1fr);gap:10px;min-height:100%;display:grid}.depth-mobile-stack--bid-collapsed{grid-template-rows:auto auto minmax(250px,1fr)}.depth-mobile-stack--ask-collapsed{grid-template-rows:minmax(250px,1fr) auto auto}.depth-mobile-stack--bid-collapsed.depth-mobile-stack--ask-collapsed{grid-template-rows:auto auto auto;min-height:0}.depth-mobile-panel{grid-template-rows:auto minmax(0,1fr);gap:4px;min-width:0;display:grid}.depth-mobile-panel.collapsed{grid-template-rows:auto}.depth-mobile-toggle{appearance:none;width:100%;min-height:38px;color:var(--text);cursor:pointer;font:inherit;letter-spacing:.06em;text-transform:uppercase;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;padding:4px 0;font-size:1.02rem;font-weight:800;display:inline-flex}.depth-mobile-toggle svg{flex:none;width:1em;height:1em}.depth-mobile-toggle.bid{color:#15803d}.depth-mobile-toggle.ask{color:#c2410c}.depth-mobile-plot-row{grid-template-columns:36px minmax(0,1fr);gap:6px;min-height:250px;display:grid}.depth-mobile-y-axis{min-height:250px;position:relative}.depth-mobile-y-axis span{color:var(--text);white-space:nowrap;font-size:.72rem;font-weight:700;position:absolute;right:0;transform:translateY(-50%)}.depth-mobile-plot{background:0 0;border:0;border-radius:0;min-height:250px;overflow:visible}.depth-mobile-mid{text-align:center;justify-content:center;align-items:center;gap:10px;padding:4px 0;display:flex}.depth-mid{display:none}.depth-mid-price{font-size:1.16rem}.depth-mid-label{font-size:.7rem}}@media (min-width:641px) and (max-width:860px){.depth-body{min-height:410px}.depth-mobile-stack{grid-template-rows:minmax(160px,1fr) auto minmax(160px,1fr);gap:8px}.depth-mobile-plot-row,.depth-mobile-y-axis,.depth-mobile-plot{min-height:160px}}.panel-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.panel-actions{align-items:center;gap:10px;display:inline-flex}.panel-title .pill-row{margin-top:0}.testnet-page{max-width:1040px}.testnet-page .app-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;display:grid}.testnet-header .logo-wrap{justify-self:center}.testnet-header .app-actions{justify-self:end;margin-left:0}.testnet-back-link{justify-self:start;align-items:center;gap:8px;min-height:44px;margin-top:0;display:inline-flex}.testnet-back-link svg{flex:none;width:.9em;height:.9em}.testnet-shell{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:start;gap:16px;display:grid}.testnet-faucet-card,.testnet-results-card{flex-direction:column;gap:16px;display:flex}.testnet-faucet-card .button{border-radius:16px;width:100%;min-height:58px;margin:2px 0 0;font-size:1rem;font-weight:800}.testnet-faucet-inventory{background:linear-gradient(#f8fafceb,#fffffff5);border:1px solid #cbd5e1d1;border-radius:16px;flex-direction:column;gap:12px;padding:14px;display:flex}.testnet-faucet-inventory__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.testnet-faucet-inventory__actions{flex:none;align-items:center;gap:8px;display:inline-flex}.testnet-faucet-inventory__header h2{margin:0;font-size:.95rem;line-height:1.2}.testnet-faucet-inventory__header p{color:var(--muted);margin:4px 0 0;font-size:.82rem}.testnet-balance-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.testnet-balance-row{background:#ffffffc7;border:1px solid #cbd5e1d1;border-radius:12px;flex-direction:column;gap:8px;min-width:0;min-height:86px;padding:12px;display:flex}.testnet-balance-row--error{background:#fef2f2b8;border-color:#ef444447}.testnet-balance-label,.testnet-balance-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.testnet-balance-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:800}.testnet-balance-address{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);font-family:inherit;font-size:.82rem;font-weight:700;display:block;overflow:hidden}.testnet-balance-address-line{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;margin-top:4px;display:grid}.testnet-balance-copy{border-radius:8px;align-items:center;gap:6px;min-height:32px;padding:6px 10px;font-size:.78rem;font-weight:800;display:inline-flex}.testnet-balance-row strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:1rem}.testnet-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.testnet-asset-toggle{min-height:62px;color:var(--text);cursor:pointer;background:linear-gradient(#fffffff5,#f8fafcf5);border:1px solid #cbd5e1d1;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;font-weight:800;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;box-shadow:inset 0 1px #ffffffd9}.testnet-asset-toggle:hover{border-color:#0ea5e96b;transform:translateY(-1px);box-shadow:0 14px 26px #2563eb1a}.testnet-asset-toggle input{width:18px;height:18px;accent-color:var(--accent);flex:none}.testnet-asset-toggle:has(input:checked){background:linear-gradient(#f0f9fff5,#fffffffa);border-color:#0ea5e980}.pill{background:var(--surface-muted);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:6px 10px;font-size:.8rem}.pill-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:inline-flex}.pill-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:10px;padding:8px 12px;font-weight:600;transition:all .15s}.pill-btn:hover{border-color:var(--accent);color:var(--accent-strong)}.pill-btn.active{color:var(--accent-strong);background:#0ea5e91a;border-color:#0ea5e966}.icon-btn{justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;padding:0;display:inline-flex}.zond-deploy-toggle{align-items:center;gap:6px;display:inline-flex}.zond-deploy-toggle .caret{transition:transform .2s}.zond-deploy-toggle .caret.open{transform:rotate(180deg)}.swap-list{flex-direction:column;gap:12px;margin-top:16px;display:flex}.swap-item{border:1px solid var(--border);background:var(--surface-muted);border-radius:16px;overflow:hidden}.swap-toggle{width:100%;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.swap-toggle .caret{transition:transform .2s}.swap-toggle .caret.open{transform:rotate(180deg)}.swap-summary{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.swap-id{color:var(--text);font-weight:700}.swap-details{flex-direction:column;gap:12px;padding:0 16px 16px;display:flex}.swap-details-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px 18px;display:grid}.swap-timeline{margin-top:4px}.toggle{border:1px solid var(--border);background:var(--surface-muted);height:28px;color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 10px;font-size:.8rem;display:inline-flex}.toggle.active{color:var(--accent-strong);background:#0ea5e914;border-color:#0ea5e966}.status-dot{background:var(--danger);border-radius:999px;width:8px;height:8px}.status-dot.up{background:var(--success)}.orderbook-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;gap:10px;margin-top:10px;display:grid}.orderbook-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:10px}.orderbook-header{letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:.7rem;display:flex}.orderbook-header .timeline-stage{letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.more-btn{align-self:flex-end;align-items:center;gap:6px;margin-top:6px;padding-inline:10px;font-size:.75rem;font-weight:700;display:inline-flex}.connection-indicator{flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:fixed;bottom:78px;right:16px}.theme-switcher{z-index:30;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:relative}.theme-toggle{align-items:center;gap:8px;display:inline-flex}.theme-panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;min-width:min(360px,88vw);padding:12px;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 12px 24px #0f172a1f}.theme-panel-section{flex-direction:column;gap:8px;margin-top:0;display:flex}.theme-panel-section+.theme-panel-section{margin-top:12px}.theme-panel .toggle{justify-content:space-between;width:100%}.theme-secret-field{flex-direction:column;gap:6px;display:flex}.theme-secret-label{color:var(--muted);font-size:.8rem}.theme-secret-input{resize:vertical;width:100%;min-height:72px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.theme-secret-actions{gap:8px;display:flex}.theme-secret-actions .toggle{flex:1}.theme-secret-status{margin:0}.theme-panel-title{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:8px;font-size:.7rem}.theme-options{flex-direction:column;gap:6px;display:flex}.theme-option{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-weight:600;display:flex}.theme-option.active{border-color:var(--accent);background:var(--surface-muted);color:var(--accent-strong)}.theme-swatch{border:1px solid var(--border);background:var(--swatch);border-radius:6px;width:18px;height:18px}@keyframes panel-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes orderbook-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.theme-panel{animation:.18s panel-pop}.orderbook-card{animation:.35s orderbook-reveal}}.connection-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;min-width:140px;padding:10px 12px;box-shadow:0 10px 20px #0f172a14}.connection-row{color:var(--text);align-items:center;gap:8px;font-size:.9rem;display:flex}.admin-toggle{flex-direction:column;gap:6px;display:flex;position:fixed;bottom:16px;left:16px}.admin-menu{flex-direction:column;gap:6px;display:flex}.bg-green-500{background:var(--success);border-color:#16a34a66}.bg-yellow-500{background:var(--warning);border-color:#f59e0b66}.bg-red-500{background:var(--danger);border-color:#ef444466}@media (max-width:640px){main{padding:20px 14px 40px}.swap-home-shell{grid-template-columns:minmax(0,1fr)}.app-header,.swap-card-header{flex-direction:column;align-items:stretch}.app-actions{justify-content:flex-start}.testnet-page .app-header{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"back wallet""brand brand";align-items:center;gap:12px 10px}.testnet-page .logo-wrap,.testnet-page .logo-copy{text-align:center;align-items:center}.testnet-page .logo-wrap{grid-area:brand;justify-self:center}.testnet-page .app-title{font-size:clamp(1.55rem,7vw,2rem)}.testnet-page .testnet-back-link{white-space:nowrap;grid-area:back;justify-self:start;width:auto;min-width:0;min-height:44px;padding:8px 12px}.testnet-page .app-actions{grid-area:wallet;justify-content:flex-end;justify-self:end;align-items:center;gap:0;width:auto;display:flex}.testnet-page .app-actions .wallet-control,.testnet-page .app-actions .wallet-connected{justify-content:flex-end;align-items:flex-end;width:auto;max-width:min(48vw,190px)}.testnet-page .app-actions .wallet-cta{white-space:nowrap;width:auto;min-width:0;min-height:44px;padding:9px 12px;font-size:.88rem}.wallet-control,.wallet-connected{justify-content:flex-start;align-items:stretch}.wallet-control-single,.wallet-control-multi,.wallet-connected{width:100%;max-width:none}.wallet-control-multi,.wallet-connected{grid-template-columns:repeat(2,minmax(0,1fr))}.wallet-menu{min-width:min(100%,320px);left:0;right:auto}.testnet-page .app-actions .wallet-menu{width:auto;min-width:0;max-height:calc(100vh - 112px);position:fixed;top:96px;left:14px;right:14px;overflow-y:auto}.wallet-menu-row{grid-template-columns:1fr}.wallet-menu-actions{justify-content:flex-start}.solver-page .app-header{flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.solver-page .logo-wrap{min-width:0}.solver-page .logo-mark{width:40px}.solver-page .app-title{font-size:1.12rem}.solver-page .app-actions{flex:none;justify-content:flex-end;margin-left:auto}.solver-page .wallet-control,.solver-page .wallet-connected{justify-content:flex-end;align-items:flex-end}.solver-page .wallet-control-single,.solver-page .wallet-control-multi,.solver-page .wallet-connected{width:auto;max-width:min(44vw,180px)}.solver-page .wallet-cta{white-space:nowrap;min-width:0;min-height:44px;padding:9px 12px;font-size:1.08rem;line-height:1.05}.solver-page .wallet-menu{min-width:min(82vw,280px);left:auto;right:0}.app-footer{flex-direction:column;align-items:stretch}.footer-actions{flex-wrap:nowrap;justify-content:space-evenly;align-items:center;gap:12px;width:100%;min-width:0;max-width:100%;display:flex}.footer-links{flex-wrap:nowrap;flex:2 1 0;justify-content:space-evenly;gap:12px;width:auto;min-width:0;display:flex}.footer-links .pill-btn,.footer-actions>.theme-switcher{text-align:center;flex:1 1 0;justify-content:center;width:auto}.swap-asset-top,.swap-asset-tools{align-items:flex-start}.swap-asset-top{flex-direction:column}.gauge-grid{grid-template-columns:1fr}.card{padding:16px}.order-row{grid-template-columns:minmax(54px,.9fr) minmax(40px,.7fr) minmax(44px,.8fr) minmax(32px,.5fr);gap:5px;padding:4px 6px}.order-row.head{grid-template-columns:minmax(54px,.9fr) minmax(40px,.7fr) minmax(44px,.8fr) minmax(32px,.5fr)}.order-row span{text-align:right}.order-row span:first-child{text-align:left}.orderbook-ttl{justify-self:end}.orderbook-card{padding:10px}.orderbook-header{flex-direction:column;align-items:flex-start;gap:6px}.swap-asset-panel{padding:14px}.swap-amount-input{font-size:2rem}.swap-amount-input--unavailable{flex-basis:clamp(132px,44%,220px);font-size:1rem}.swap-quote-preview{text-align:left;justify-content:flex-start}.admin-actions{grid-template-columns:1fr}.admin-actions .button{width:100%}.testnet-shell,.testnet-balance-grid,.testnet-asset-grid{grid-template-columns:1fr}.depth-body{height:auto;min-height:clamp(600px,100vh - 200px,700px);padding:8px 0 0}.depth-mid{gap:10px}.depth-axis-left{left:10px}.depth-axis-right{right:10px}.depth-axis-bottom{padding:0;bottom:10px}.depth-axis-bottom span,.depth-axis-left span,.depth-axis-right span{font-size:.75rem}}