/* Nearly product foundation: shared by discovery and liquidity. */
:root{color-scheme:dark;--bg:#090a0b;--panel:#111214;--line:#242629;--muted:#92969d;--ink:#f2f3f4;--mint:#c0f66b;--sidebar:208px}
body{background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:inherit}button,a,input,select,textarea{transition:background-color .16s,border-color .16s,color .16s;touch-action:manipulation}
button{cursor:pointer}button:disabled{cursor:not-allowed}a:hover{color:var(--ink)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
input,select,textarea{color:var(--ink);background:#101113;border-color:#2b2d31;border-radius:8px}input::placeholder,textarea::placeholder{color:#70747c}
input:focus,select:focus,textarea:focus{border-color:#7da747}
h1,h2,h3{color:var(--ink);font-family:'Space Grotesk',sans-serif}
.icon{display:block;flex-shrink:0}.mint-button,.primary,#connect-wallet,.header-right .white-button{background:var(--mint);color:#142006;border:1px solid var(--mint);box-shadow:none;border-radius:8px;font-weight:700}
.mint-button:hover,.primary:hover,#connect-wallet:hover,.header-right .white-button:hover{background:#d1ff8f;color:#142006}
#sidebar,.product-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);display:flex;flex-direction:column;z-index:30;padding:25px 14px 18px;background:#0d0e10;border-right:1px solid var(--line)}
#sidebar .brand,.product-sidebar .brand{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:0 12px;font:700 22px 'Space Grotesk',sans-serif;letter-spacing:-1px;white-space:nowrap}
.brand img{filter:none}.brand-light{font-weight:700;color:var(--ink)}#sidebar .brand small{display:none}
#sidebar nav,.product-sidebar nav{display:grid;gap:5px;margin:42px 0 0}
#sidebar .nav,.product-sidebar .nav{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:44px;padding:11px 13px;border:0;border-radius:7px;color:#969ba3;font-size:13px;position:relative}
.nav b{font-weight:500}.nav>span{display:grid;place-items:center;width:20px;flex-shrink:0}
#sidebar .nav:hover,.product-sidebar .nav:hover{background:#191b1e;color:#f3f4f5}
#sidebar .nav.active,.product-sidebar .nav[aria-current=page]{background:#242b1c;color:var(--mint)}
.nav::after{display:none!important}#sidebar .create-nav,.product-sidebar .create-nav{margin-top:24px;background:var(--mint);color:#172308;font-weight:700}
#sidebar .create-nav:hover,.product-sidebar .create-nav:hover{background:#d1ff8f;color:#142006}
.nav em{font-style:normal;font-size:10px;background:#222529;color:#acb1b8}
.sidebar-foot{margin-top:auto;padding:20px 12px 0;display:block}
.sidebar-foot p{font-size:12px;line-height:1.6;color:#979ca4;margin:14px 0}
.sidebar-foot a{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#a1a7ae}
.sidebar-foot small{display:block!important;margin-top:22px;font-size:10px;color:#757b83}
.network{font-size:11px;color:#a8aeb6;display:flex;gap:8px;align-items:center}.network i{width:6px;height:6px;background:var(--mint);border-radius:50%}
.collapse,#pool-collapse{position:absolute;display:grid;place-items:center;top:27px;right:-13px;width:26px;height:28px;min-height:0;padding:0;border:1px solid #33363a;background:#17191c;color:#adb3bb;border-radius:6px}
body.collapsed{--sidebar:76px}body.collapsed .brand>span,body.collapsed .product-sidebar .brand span,body.collapsed .nav b,body.collapsed .nav em,body.collapsed .sidebar-foot{display:none!important}
body.collapsed #sidebar .brand,body.collapsed .product-sidebar .brand{padding:0;justify-content:center}
body.collapsed #sidebar .nav,body.collapsed .product-sidebar .nav{justify-content:center;padding-inline:10px}
body.collapsed .collapse .icon,body.collapsed #pool-collapse .icon{transform:rotate(180deg)}
.network-chip{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#c2c6cc;border:1px solid #303329;background:#181c13;border-radius:30px;padding:6px 10px;white-space:nowrap}
.network-chip::before{content:'';width:5px;height:5px;background:var(--mint);border-radius:50%}
dialog,#detail{background:#121316;border:1px solid #3a3e43;border-radius:14px;box-shadow:0 24px 90px #000b}
dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}
@media(min-width:701px) and (max-width:1100px){:root{--sidebar:76px}#sidebar,.product-sidebar{width:76px}#sidebar .brand>span,.product-sidebar .brand span,#sidebar .nav b,.product-sidebar .nav b,.nav em,.sidebar-foot,.collapse,#pool-collapse{display:none!important}#sidebar .brand,.product-sidebar .brand{padding:0;justify-content:center}#sidebar .nav,.product-sidebar .nav{justify-content:center;padding-inline:10px}}
@media(max-width:700px){:root,body.collapsed{--sidebar:0px}#sidebar,.product-sidebar{inset:auto 0 0;width:100%;height:auto;border:0;border-top:1px solid #2c2e32;padding:6px 7px calc(6px + env(safe-area-inset-bottom));background:#101113f5;backdrop-filter:blur(16px)}#sidebar .brand,.product-sidebar .brand,.sidebar-foot,.collapse,#pool-collapse{display:none!important}#sidebar nav,.product-sidebar nav{display:flex;margin:0;justify-content:space-around;gap:2px}#sidebar .nav,.product-sidebar .nav,body.collapsed #sidebar .nav,body.collapsed .product-sidebar .nav{flex:1;flex-direction:column;gap:5px;min-height:49px;margin:0;padding:6px 3px!important;justify-content:center}#sidebar .nav b,.product-sidebar .nav b,body.collapsed .nav b{display:block!important;font-size:9px;white-space:nowrap}#sidebar .nav em,.product-sidebar .secondary-nav{display:none}#sidebar .create-nav,.product-sidebar .create-nav{background:transparent;color:var(--mint)}#sidebar .nav.active,.product-sidebar .nav[aria-current=page]{background:#20261b}.nav .icon{width:19px;height:19px}.network-chip{font-size:10px;padding:5px 8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

#sidebar .brand>span,#sidebar .nav b{display:block}body.collapsed #sidebar .brand>span,body.collapsed #sidebar .nav b{display:none!important}
@media(max-width:700px){body.collapsed #sidebar .nav b{display:block!important}}