html{--navigation-width:220px}html.sidebar-collapsed{--navigation-width:76px}html body.page-route .app-shell{display:block}html body.page-route #sidebar{z-index:40;width:var(--navigation-width);border:0;border-right:1px solid var(--line);height:100dvh;box-shadow:none;flex-direction:column;align-items:stretch;gap:0;padding:20px 12px 12px;display:flex;position:fixed;inset:0 auto 0 0;transform:none}html body.page-route #sidebar .brand-row{flex:none;align-items:center;padding:0 4px 24px;display:flex;position:relative}html body.page-route #sidebar .primary-nav{overscroll-behavior:contain;scrollbar-width:thin;flex:1;width:100%;min-height:0;padding:0;display:block;overflow:hidden auto}html body.page-route #sidebar .nav-horizontal-only{display:none!important}html body.page-route #sidebar .nav-more-menu{width:auto;min-width:0;max-height:none;box-shadow:none;border:0;padding:0;position:static;overflow:visible}html body.page-route #sidebar .nav-item:focus-visible{outline-offset:-2px}html body.page-route #sidebar .sidebar-footer{flex:none;margin-top:auto;padding-top:12px;display:block}html body.page-route #main-content{width:calc(100% - var(--navigation-width));max-width:1680px;margin-left:var(--navigation-width);min-width:0;padding:0 24px 32px}html body.page-route #main-content>.topbar{z-index:25;background:var(--bg);justify-content:space-between;gap:12px;width:100%;height:64px;padding:0;position:sticky;inset:0 auto auto}@media (width>=701px){html body.page-route #sidebar .nav-item{min-height:40px;margin-block:2px;padding-block:8px}html body.page-route #sidebar .desktop-sidebar-toggle{display:grid;top:0;right:-27px}html body.page-route #sidebar .brand{white-space:nowrap}}@media (width>=701px) and (width<=1499px){html body.page-route .topbar .search-box{display:none}html body.page-route #header-search-trigger{display:grid}}@media (width<=700px){html body.page-route #sidebar .nav-item{min-height:44px}html,html.sidebar-collapsed{--navigation-width:0px}html body.page-route #sidebar{z-index:50;visibility:hidden;width:min(280px,100vw - 24px);padding:20px 16px;transition:transform .2s;transform:translate(-100%)}html body.page-route #sidebar .brand-row{justify-content:space-between;padding:0 4px 24px}html body.page-route #sidebar .nav-icon{place-items:center;width:20px;display:grid}html body.page-route #sidebar #close-menu{display:block}html body.page-route #sidebar.open{visibility:visible;transform:none}html body.page-route #sidebar.open~#main-content:after{display:none}html body.page-route .menu-backdrop:not([hidden]){z-index:45;cursor:pointer;background:#0009;border:0;width:100%;display:block;position:fixed;inset:0}html body.page-route.menu-open{overflow:hidden}html body.page-route #main-content{padding:0 12px 32px}html body.page-route #main-content>.topbar{gap:6px;height:64px}html body.page-route .topbar .top-actions{gap:6px;min-width:0}html body.page-route .topbar .workspace-network{max-width:84px;font-size:10px}html{--mobile-nav-height:72px;--mobile-trade-height:64px;--mobile-bottom-height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom))}html:has(body.page-route-coin){--mobile-bottom-height:calc(var(--mobile-nav-height) + var(--mobile-trade-height) + env(safe-area-inset-bottom))}html body.page-route.product-experience-style .mobile-workspace-nav{z-index:35;box-sizing:border-box;width:100vw;min-height:0;height:var(--mobile-bottom-height);padding:0 max(6px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(6px,env(safe-area-inset-left));border-top:1px solid var(--line);background:#101621fa;display:block;position:fixed;inset:auto 0 0;box-shadow:0 -4px 16px #0005}html body.page-route .mobile-navigation-links{box-sizing:border-box;height:calc(var(--mobile-nav-height) - 1px);grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:6px 0;display:grid}html body.page-route .mobile-navigation-links>a{min-width:0;min-height:44px;box-shadow:none;color:#aab8cc;font:600 11px/1.2 var(--ui-font,system-ui);text-align:center;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;margin:0;padding:5px 1px;text-decoration:none;display:flex}html body.page-route .mobile-navigation-links>a svg{flex:none;width:20px;height:20px}html body.page-route .mobile-navigation-links>a[aria-current=page]{color:#ffd28a;box-shadow:none;background:#30291e;border-color:#786442}html body.page-route .mobile-navigation-links>a:focus-visible{outline-offset:-2px;outline:2px solid #ffd28a}html body.page-route .mobile-trade-actions{display:none}html body.page-route-coin .mobile-trade-actions{height:var(--mobile-trade-height);box-sizing:border-box;border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:8px;padding:7px 0;display:grid}html body.page-route .mobile-trade-actions :is(.mobile-dock-buy,.mobile-trade-sell){border-radius:7px;height:48px;min-height:48px;padding:8px}html body.page-route:not(.page-route-admin) #main-content{padding-bottom:calc(var(--mobile-bottom-height) + 24px)}html:has(body.page-route:not(.page-route-admin)){scroll-padding-bottom:calc(var(--mobile-bottom-height,72px) + 16px)}html body.page-route .toast{left:12px;bottom:calc(var(--mobile-bottom-height) + 12px)}html body.page-route .help-topics-trigger{bottom:calc(var(--mobile-bottom-height) + 12px)}html body.page-route .help-topics-panel{bottom:calc(var(--mobile-bottom-height) + 64px);max-height:calc(100dvh - var(--mobile-bottom-height) - 140px)}html body.page-route .launch-page-wizard .launch-preview-submit{bottom:calc(var(--mobile-bottom-height) + 8px)}}.page-route-admin{--bg:#0b1020;--line:#2b374b}.admin-navigation{background:#101621}.admin-navigation .brand{color:inherit;align-items:center;gap:8px;text-decoration:none;display:flex}.admin-navigation .nav-item{color:#c4cbda;border-radius:8px;align-items:center;gap:12px;min-height:44px;margin:4px 0;padding:10px 12px;text-decoration:none;display:flex}.admin-navigation .nav-item.active{color:#ffc270;background:#292744}.admin-navigation .nav-item:focus-visible{outline-offset:-2px;outline:2px solid #ffd28a}.admin-navigation .nav-icon svg{width:20px;height:20px}.page-route-admin #main-content .top{flex-wrap:wrap;min-width:0;margin-bottom:24px;padding:18px 0}.page-route-admin :is(#open-menu,#close-menu){display:none}@media (width<=700px){.page-route-admin :is(#open-menu,#close-menu){border:1px solid var(--line);min-width:44px;min-height:44px;color:inherit;font:inherit;cursor:pointer;background:#15172d;display:block}}@media (prefers-reduced-motion:reduce){html body.page-route #sidebar{transition:none}}
