.app-container{background:0 0;flex-direction:column;width:100%;min-height:100dvh;display:flex;position:relative}.trading-stack>*+*{margin-top:16px}@supports (gap:1rem){.trading-stack>*+*{margin-top:0}}.app-header{border:none;border-bottom:1px solid var(--border);background:var(--bg);z-index:var(--z-header);height:var(--header-h,64px);box-sizing:border-box;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:0;padding:0;display:grid;position:fixed;top:0;left:0;right:0;overflow:hidden}.logo{align-items:stretch;height:100%;display:flex}.app-logo-link{box-sizing:border-box;border-right:1px solid var(--border);align-items:center;height:100%;padding:0 28px;display:inline-flex}.app-brand-logo{flex:0 0 112px;width:112px;height:auto;display:block}.app-brand-logo--light,:root[data-mode=light] .app-brand-logo--dark{display:none}:root[data-mode=light] .app-brand-logo--light{display:block}.app-header-controls{box-sizing:border-box;grid-column:3;align-items:center;gap:12px;height:100%;padding:0 24px;display:flex}.main-content{z-index:var(--z-content);position:absolute;inset:64px 0 24px}.main-content--chromeless{top:0;bottom:0}.app-container--trade .main-content{overflow-y:auto}.app-nav-item{height:100%;font-family:var(--font-ui);text-transform:uppercase;color:var(--buy-text);cursor:pointer;transition:color var(--dur-fast) var(--ease-step-2), background var(--dur-tap) var(--ease-step-2);white-space:nowrap;background:0 0;border:none;flex:none;align-items:center;padding:0 22px;text-decoration:none;display:flex;position:relative}.app-nav-item-external{text-transform:none;gap:5px;margin-left:9px;position:relative}.app-nav-item-external:before{content:"";background:var(--border);width:1px;height:16px;position:absolute;top:50%;left:-5px;transform:translateY(-50%)}.app-nav-external-icon{color:var(--text-3);transition:color var(--dur-fast) var(--ease-step-2)}.app-nav-item-external:hover .app-nav-external-icon{color:currentColor}.app-nav-item:after{content:"";background:var(--coral);height:0;transition:height var(--dur-fast) var(--ease-step-4);position:absolute;bottom:0;left:0;right:0}.app-nav-item:hover{color:var(--negative-text);background:var(--sky-bg-soft)}.app-nav-item:hover:after{height:2px}.app-nav-item:focus-visible,.app-logo-link:focus-visible,[data-clickable-row=true]:focus-visible{outline:2px solid var(--sky);outline-offset:-2px}.app-nav-item:focus-visible,.app-nav-item.active{color:var(--negative-text);background:var(--sky-bg-soft)}.app-nav-item.active:after{height:2px}.app-nav-label{font-family:var(--font-ui);letter-spacing:.14em;font-size:12px;font-weight:700;line-height:1}.app-header-nav{scrollbar-width:none;align-items:stretch;gap:4px;width:100%;min-width:0;height:100%;padding:0 8px;list-style:none;display:flex;overflow:auto hidden}.app-header-nav::-webkit-scrollbar{display:none}.app-header-action-group{border:1px solid var(--border);border-radius:var(--radius);align-items:center;display:flex;overflow:hidden}.app-header-action{font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background var(--dur-tap) var(--ease-step-2);background:0 0;border:none;border-radius:0;align-items:center;gap:6px;padding:8px 12px;font-size:10px;font-weight:700;display:flex}.app-header-action:hover{background:var(--sky-bg-soft)}.app-header-action--deposit{color:var(--buy-text);border-right:1px solid var(--border)}.app-header-action--withdraw{color:var(--negative-text)}.app-header-action-arrow{font-size:13px}.app-wallet-menu-wrap{display:inline-flex;position:relative}.app-wallet-caret{color:var(--text-3);transition:transform var(--dur-tap) var(--ease-step-2);align-items:center;display:inline-flex}.app-wallet-caret.is-open{transform:rotate(180deg)}.app-wallet-menu{z-index:var(--z-dropdown);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:216px;box-shadow:var(--card-shadow,0 6px 18px #0000002e);flex-direction:column;gap:1px;padding:4px;display:flex;position:fixed}.app-wallet-menu-item{appearance:none;border-radius:var(--radius-sm);width:100%;font-family:var(--font-sans);color:var(--text-2);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 9px;font-size:13px;font-weight:500;transition:background .1s,color .1s;display:flex}.app-wallet-menu-item svg{width:13px;height:13px;color:var(--text-3);flex-shrink:0}.app-wallet-menu-item:hover,.app-wallet-menu-item:focus-visible{background:var(--row-hover);color:var(--text);outline:none}.app-wallet-menu-item:hover svg,.app-wallet-menu-item:focus-visible svg{color:var(--text-2)}.app-wallet-menu-item-stacked{align-items:flex-start}.app-wallet-menu-item-stacked svg{margin-top:2px}.app-wallet-menu-label{flex-direction:column;gap:1px;min-width:0;display:flex}.app-wallet-menu-sub{color:var(--text-3);font-size:11px;font-weight:400}.app-wallet-menu-sep{background:var(--border);height:1px;margin:4px 5px}.app-wallet-menu-danger:hover,.app-wallet-menu-danger:focus-visible,.app-wallet-menu-danger:hover svg,.app-wallet-menu-danger:focus-visible svg{color:var(--danger-text)}.app-header-utility{border:1px solid color-mix(in srgb, var(--sky) 38%, var(--border));background:var(--sky-bg-soft);font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--sky);cursor:pointer;white-space:nowrap;transition:background var(--dur-tap) var(--ease-step-2), color var(--dur-fast) var(--ease-step-2), border-color var(--dur-fast) var(--ease-step-2);align-items:center;padding:8px 12px;font-size:10px;display:flex}.app-header-utility:hover{background:color-mix(in srgb, var(--sky) 16%, transparent);border-color:var(--sky)}.app-header-utility:focus-visible{outline:2px solid var(--sky);outline-offset:2px}.app-wallet-button{border:1px solid var(--border);font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--text);cursor:pointer;transition:background var(--dur-tap) var(--ease-step-2), border-color var(--dur-fast) var(--ease-step-2);background:0 0;align-items:center;gap:10px;padding:8px 12px;font-size:10px;display:flex}.app-wallet-button:hover{background:var(--sky-bg-soft);border-color:var(--border-strong)}.app-wallet-dot{flex-shrink:0;width:6px;height:6px}.app-wallet-sep{color:var(--sky-muted)}.app-wallet-address{color:var(--buy-text)}.app-wallet-disconnected{color:var(--negative-text)}.app-footer{background:var(--bg);border:none;border-top:1px solid var(--border);font-family:var(--font-ui);color:var(--buy-text);letter-spacing:.14em;text-transform:uppercase;height:24px;z-index:var(--z-nav);align-items:center;gap:0;padding:0;font-size:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.app-footer-cell{border-right:1px solid var(--border);align-items:center;gap:6px;height:100%;padding:0 14px;display:flex}.app-footer-spacer{flex:1}.app-footer-social{border-left:1px solid var(--border);align-items:center;gap:4px;height:100%;padding:0 8px;display:flex}.app-footer-social a{width:24px;height:100%;color:var(--text-3);transition:color var(--dur-fast) var(--ease-step-2);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.app-footer-social a:hover{color:var(--text)}.app-footer-social a:focus-visible{outline:2px solid var(--sky);outline-offset:-2px}.app-footer-right{margin-left:auto;display:flex}.app-footer-right .app-footer-cell{border-right:none;border-left:1px solid var(--border)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:2px solid var(--sky);outline-offset:2px}.app-content-container{box-sizing:border-box;width:100%;max-width:1280px;margin:0 auto}.app-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:none;overflow:hidden}.app-card--accent-top{border-top:2px solid var(--accent)}@media (max-width:1360px){.app-header-action-label{display:none}.app-header-action{padding:8px 11px}.app-header-action-arrow{font-size:14px}.app-wallet-meta{display:none}.app-nav-item{padding:0 16px}}@media (max-width:1080px){.app-logo-link{padding:0 16px}.app-header-controls,.app-nav-item{padding:0 12px}.app-nav-label{letter-spacing:.1em;font-size:11px}}@media (max-width:768px){:root{--header-h:56px}.app-header{height:var(--header-h,56px)}.app-logo-link{padding:0 16px}.app-header-controls{padding:0 12px}.main-content{top:56px;bottom:24px}.app-nav-item{padding:0 14px}.app-nav-label{letter-spacing:.1em;font-size:11px}}@media (max-width:680px){.app-logo-link{width:44px;padding:0 10px;overflow:hidden}.app-logo-link .app-brand-logo{flex:0 0 112px;width:112px;max-width:none}.app-header-controls{gap:6px;padding:0 8px}.app-wallet-button{gap:6px;padding:7px 8px}.app-header-nav{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-hover) transparent;scroll-snap-type:x proximity;padding:0 4px 3px}.app-header-nav::-webkit-scrollbar{height:3px;display:block}.app-header-nav::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-hover)}.app-nav-item{scroll-snap-align:start;min-width:max-content;padding:0 12px}}.data-row{transition:background .12s steps(2,end)}.data-row:hover{background:var(--row-hover)}.panel-arrow{transition:transform .12s steps(2,end);display:inline-block}.plate-enter:hover .panel-arrow{transform:translate(3px)}.info-tip-glyph{opacity:.55;transition:opacity .12s steps(2,end)}.info-tip-glyph:hover,:focus-visible>.info-tip-glyph,.info-tip-glyph:focus-visible{opacity:1}.app-theme-switch{border:1px solid var(--border);background:var(--surface);border-radius:999px;flex-shrink:0;align-items:center;padding:3px;display:inline-flex;position:relative}.app-theme-thumb{background:color-mix(in srgb, var(--text) 16%, transparent);pointer-events:none;border-radius:999px;width:28px;height:24px;transition:transform .18s steps(3,end);position:absolute;top:3px;left:3px}.app-theme-switch[data-active=dark] .app-theme-thumb{transform:translate(28px)}:root[data-mode=light] .app-theme-thumb{transform:translate(0)}:root[data-mode=dark] .app-theme-thumb{transform:translate(28px)}.app-theme-seg{z-index:1;width:28px;height:24px;color:var(--text-4);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;transition:color .15s steps(2,end);display:inline-flex;position:relative}.app-theme-seg svg{width:14px;height:14px}.app-theme-seg:hover{color:var(--text-2)}.app-theme-seg.is-active,:root[data-mode=light] .app-theme-seg:first-of-type,:root[data-mode=dark] .app-theme-seg:last-of-type{color:var(--text)}:root[data-mode=light] .app-theme-seg:last-of-type,:root[data-mode=dark] .app-theme-seg:first-of-type{color:var(--text-4)}.app-theme-seg:focus-visible{outline:2px solid var(--sky);outline-offset:-2px;border-radius:999px}@media (prefers-reduced-motion:reduce){.app-theme-thumb{transition:none}}
