.app-header{top:0;z-index:9000;background:var(--bg-card);border-bottom:1px solid var(--border-primary);height:50px;box-shadow:var(--glass-shadow-soft);position:fixed;inset-inline:0}.app-header__inner{justify-content:space-between;align-items:center;gap:9px;height:100%;padding:0 12px;display:flex}@media (min-width:1024px){.app-header__inner{width:min(100%,1680px);margin:auto;padding-inline:clamp(20px,3vw,48px)}}@media (max-width:640px){.app-header{height:52px;box-shadow:0 6px 20px color-mix(in srgb, var(--bg-primary) 16%, transparent)}.app-header__inner{gap:7px;padding:0 10px}}.app-header__left,.app-header__right{align-items:center;gap:6px;display:flex}.app-logo{width:34px;height:34px;color:var(--text-primary);border-radius:10px;place-items:center;display:grid}.app-logo__disc{place-items:center;width:100%;height:100%;display:grid}.app-logo__disc .kb-mark{width:30px;height:30px}.app-logo:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.app-wordmark{color:var(--text-primary);font-size:15px;font-weight:800;text-decoration:none}.app-wordmark span{color:var(--color-brand)}@media (max-width:767px){.app-wordmark{display:none}}.app-nav{border:1px solid var(--border-primary);background:var(--bg-secondary);scrollbar-width:none;border-radius:10px;flex:0 auto;gap:3px;min-width:0;min-height:36px;padding:3px;display:flex;overflow-x:auto}.app-nav::-webkit-scrollbar{display:none}.app-header__left,.app-header__right{flex:none}@media (min-width:768px) and (max-width:1099px){.app-wordmark{display:none}.app-nav{gap:2px}.app-nav a{padding:0 7px}}[data-theme=binance-dark] .app-nav{background:var(--bg-primary)}@media (min-width:1024px){.app-nav{gap:4px}}@media (max-width:767px){.app-nav{display:none}}.app-nav a{min-height:30px;color:var(--text-secondary);white-space:nowrap;border-radius:7px;flex:none;align-items:center;gap:6px;padding:0 9px;font-size:11px;font-weight:700;text-decoration:none;display:flex}.app-nav a:hover{color:var(--text-primary);background:var(--bg-hover)}.app-nav a.is-active{color:var(--text-primary);background:color-mix(in srgb, var(--color-brand) 14%, var(--color-background));box-shadow:inset 0 0 0 1px var(--color-brand)}.icon-btn{border:1px solid var(--border-primary);background:var(--bg-secondary);cursor:pointer;border-radius:10px;place-items:center;width:34px;height:34px;padding:6px;display:grid;position:relative}[data-theme=binance-dark] .icon-btn{background:var(--color-surface-strong)}.icon-btn:hover{border-color:var(--color-brand);background:var(--bg-hover)}.icon-btn img,.icon-btn>svg{width:20px;height:20px}.icon-btn{color:var(--text-secondary)}@media (hover:hover){.icon-btn:hover{color:var(--text-primary)}}.icon-btn[aria-expanded=true]{color:var(--color-brand);border-color:color-mix(in srgb, var(--color-brand) 55%, transparent)}@media (max-width:640px){.icon-btn{border-radius:11px;width:36px;height:36px}.app-header__right{gap:4px}.app-balance{border-radius:11px;min-height:36px}}.app-balance{border:1px solid var(--border-primary);background:var(--bg-secondary);min-height:34px;color:var(--text-primary);font-variant-numeric:tabular-nums;border-radius:10px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:750;text-decoration:none;display:inline-flex}[data-theme=binance-dark] .app-balance{background:var(--color-surface-strong)}.profile-trigger{height:34px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:4px;padding:2px 4px;display:flex}.profile-trigger:hover{border-color:var(--color-brand)}.profile-trigger svg{transition:transform .15s}.profile-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.avatar{background:linear-gradient(135deg, var(--color-brand), var(--color-brand-hover));width:28px;height:28px;color:var(--text-inverse);text-transform:uppercase;border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid}.dropdown{top:calc(100% + 8px);background:var(--bg-card);border:1px solid var(--border-primary);z-index:1000;border-radius:14px;width:268px;padding:7px;position:absolute;inset-inline-end:0;box-shadow:0 20px 50px #00000073}[data-theme=binance-light] .dropdown{box-shadow:0 20px 50px #0000001f}@media (max-width:640px){.dropdown{width:min(268px,100vw - 16px)}}.dropdown__head{background:var(--bg-secondary);border:1px solid var(--color-border-strong);border-radius:10px;align-items:center;gap:10px;padding:11px;display:flex}[data-theme=binance-dark] .dropdown__head{background:var(--bg-primary)}.dropdown__head .avatar{width:42px;height:42px;font-size:16px}.dropdown__head strong{text-overflow:ellipsis;white-space:nowrap;max-width:170px;color:var(--text-primary);font-size:13px;display:block;overflow:hidden}.dropdown__head small{color:var(--text-secondary);font-size:11px}.dropdown hr{border:0;border-top:1px solid var(--border-primary);margin:6px 2px}.dropdown__item{width:100%;min-height:40px;font:inherit;color:var(--text-secondary);text-align:start;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:8px 10px;font-size:12px;text-decoration:none;display:flex}.dropdown__item svg{color:var(--color-brand);flex:none}.dropdown__item:hover{color:var(--text-primary);background:var(--bg-hover);box-shadow:inset 2px 0 var(--color-brand)}[dir=rtl] .dropdown__item:hover{box-shadow:inset -2px 0 var(--color-brand)}.dropdown__item--danger,.dropdown__item--danger svg{color:var(--color-error)}.kb-pop-enter-active,.kb-pop-leave-active{transform-origin:top;transition:opacity .15s,transform .15s}.kb-pop-enter-from,.kb-pop-leave-to{opacity:0;transform:scale(.95)translateY(-8px)}.bottom-nav{--bn-height:64px;--bn-fg:var(--text-muted);--bn-active:var(--color-brand);bottom:0;z-index:8900;height:calc(var(--bn-height) + max(env(safe-area-inset-bottom), 6px));padding:0 6px max(env(safe-area-inset-bottom), 6px);background:color-mix(in srgb, var(--bg-card) 86%, transparent);border-top:1px solid color-mix(in srgb, var(--color-border-strong) 55%, transparent);-webkit-backdrop-filter:saturate(160%)blur(18px);backdrop-filter:saturate(160%)blur(18px);align-items:stretch;display:flex;position:fixed;inset-inline:0;box-shadow:0 -8px 24px -12px #00000059}[data-theme=binance-light] .bottom-nav{--bn-active:var(--color-brand-active);border-top-color:var(--color-border);background:#ffffffd6;box-shadow:0 -6px 20px -12px #1018282e}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.bottom-nav{background:var(--bg-card)}}@media (min-width:1024px){.bottom-nav{display:none}}.bottom-nav__item{min-width:0;height:var(--bn-height);color:var(--bn-fg);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;padding:0 2px;font-size:11px;font-weight:600;line-height:1.2;text-decoration:none;transition:color .15s;display:flex;position:relative}.bottom-nav__label{-webkit-line-clamp:2;text-align:center;text-wrap:balance;overflow-wrap:anywhere;-webkit-box-orient:vertical;max-width:100%;padding-bottom:1px;line-height:1.45;display:-webkit-box;overflow:hidden}.bottom-nav__icon{border-radius:17px;flex:none;place-items:center;width:56px;height:34px;transition:background-color .2s,transform .15s;display:grid;position:relative}.bottom-nav__icon svg{filter:saturate(.55);opacity:.82;width:28px;height:28px;transition:filter .2s,opacity .2s,transform .2s;transform:scale(.93)}.bottom-nav__item.is-active .bottom-nav__icon svg{filter:none;opacity:1;transform:none}@media (hover:hover){.bottom-nav__item:hover .bottom-nav__icon svg{filter:saturate(.8);opacity:.95}}.bottom-nav__item.is-active{color:var(--bn-active);font-weight:700}.bottom-nav__item.is-active .bottom-nav__icon{background:color-mix(in srgb, var(--bn-active) 16%, transparent)}.bottom-nav__item.is-active .bn-tone{opacity:.28}@media (hover:hover){.bottom-nav__item:hover{color:var(--text-primary)}.bottom-nav__item:not(.is-active):hover .bottom-nav__icon{background:color-mix(in srgb, var(--color-text-primary) 7%, transparent)}.bottom-nav__item.is-active:hover{color:var(--bn-active)}}.bottom-nav__item:active .bottom-nav__icon{transform:scale(.92)}.bottom-nav__item:focus-visible{outline:none}.bottom-nav__item:focus-visible .bottom-nav__icon{box-shadow:0 0 0 2px var(--color-brand)}.bottom-nav .notif-badge--nav{top:5px;inset-inline-start:calc(50% + 4px)}@media (max-width:380px){.bottom-nav{padding-inline:2px}.bottom-nav__item{font-size:10.5px}}@media (prefers-reduced-motion:reduce){.bottom-nav__item,.bottom-nav__icon,.bottom-nav__icon .bn-tone{transition:none}}.app-balance__bonus{color:var(--color-success);font-size:11px;font-weight:750}@media (max-width:380px){.app-balance__bonus{display:none}}@media (max-width:640px){.app-header .guest-nav__pill{background:0 0;border-color:#0000;border-radius:10px;min-height:36px;padding-inline:6px}.app-header .guest-nav__pill>svg{display:none}}.bottom-nav{height:auto;min-height:calc(var(--bn-height) + max(env(safe-area-inset-bottom), 6px))}.bottom-nav__item{height:auto;min-height:var(--bn-height);padding-block:6px 4px}.bottom-nav__label{-webkit-line-clamp:1;white-space:nowrap;text-overflow:ellipsis}.site-header.guest-nav{z-index:9000}.site-header .site-header__bar{gap:16px;max-width:1320px}@media (min-width:701px){.site-header.guest-nav{height:64px}.site-header .site-header__bar{padding-inline:clamp(16px,2.4vw,28px)}.site-header .guest-nav__icon{width:40px;height:40px}.site-header .guest-nav__brand .kb-mark{width:30px;height:30px}.site-header .guest-nav__wordmark{font-size:20px}.site-header .guest-nav__pill,.site-header .guest-nav__login,.site-header .guest-nav__join{min-height:40px}.site-header .guest-nav__login,.site-header .guest-nav__join{padding-block:8px}.site-header .guest-nav__actions{gap:8px}}.site-header .guest-nav__start,.site-header .guest-nav__actions{flex:none}.site-nav{border:1px solid var(--border-primary);background:var(--bg-card);scrollbar-width:none;border-radius:12px;flex:0 auto;gap:2px;min-width:0;padding:3px;display:flex;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.site-nav a{min-height:36px;color:var(--text-secondary);white-space:nowrap;border-radius:9px;flex:none;align-items:center;padding:0 13px;font-size:13.5px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}@media (hover:hover){.site-nav a:hover{background:var(--bg-hover);color:var(--text-primary)}}.site-nav a:active{transform:scale(.98)}.site-nav a.is-active{background:var(--color-brand);color:#fff}@media (max-width:1023px){.site-nav{display:none}}@media (min-width:1024px) and (max-width:1239px){.site-nav a{padding:0 9px;font-size:13px}.site-header.is-signed-in .guest-nav__wordmark{display:none}}.site-header .app-balance,.site-header .profile-trigger,.site-header .icon-btn{min-height:36px}@media (min-width:701px){.site-header .app-balance,.site-header .profile-trigger,.site-header .icon-btn{min-height:40px}.site-header .icon-btn{width:40px}}@media (max-width:640px){.site-header.is-signed-in .guest-nav__pill{display:none}}@media (max-width:420px){.site-header.is-signed-in .guest-nav__wordmark{display:none}}html .auth-sheet{z-index:9460}.guest-nav.site-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.guest-nav.site-header:before{content:"";z-index:-1;background:color-mix(in srgb, var(--bg-primary) 94%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:none;position:absolute;inset:0}@media (max-width:1023px){.guest-nav.site-header{border-bottom-color:color-mix(in srgb, var(--color-border-strong) 55%, transparent)}.guest-nav.site-header:before{background:color-mix(in srgb, var(--bg-card) 86%, transparent);-webkit-backdrop-filter:saturate(160%)blur(18px);backdrop-filter:saturate(160%)blur(18px)}[data-theme=binance-light] .guest-nav.site-header{border-bottom-color:var(--color-border)}[data-theme=binance-light] .guest-nav.site-header:before{background:#ffffffd6}}
