/* FanFee masthead: one horizontal navigation, shared across the product. */
#ff-workspace .ff-shell{display:block;min-height:100dvh}
#ff-workspace .ff-sidebar{position:relative;top:auto;display:flex;flex-direction:row;align-items:center;gap:36px;min-height:96px;padding:24px max(32px,calc((100vw - 1280px)/2));border-right:0;border-bottom:1px solid #ffffff12;z-index:20;background:#000}
#ff-workspace .sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}
#ff-workspace .sidebar-top .ff-brand{height:44px;padding:0;font-size:27px;font-weight:500;letter-spacing:-1px;margin:0;border-radius:var(--radius-pill)}
#ff-workspace .social-brandmark{display:block;width:36px;height:36px;flex-shrink:0}
#ff-workspace .sidebar-navigation{display:flex;align-items:center;gap:4px;margin:0;flex:1}
#ff-workspace .ff-nav{display:flex;gap:4px}
#ff-workspace .ff-nav button{display:flex;align-items:center;gap:10px;min-height:42px;padding:10px 16px;font-size:13px;border-radius:var(--radius-pill);white-space:nowrap;color:#999}
#ff-workspace .ff-nav button[aria-current=page]{color:#fff;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff20}
#ff-workspace .ff-nav button:hover{background:#ffffff09;color:#fff}
#ff-workspace .ff-nav .nav-symbol{display:none}
#ff-workspace .nav-more{position:relative;border:0;padding:0}
#ff-workspace .nav-more>summary{display:flex;gap:12px;align-items:center;padding:12px 16px;color:#999;font-size:13px;list-style:none;border-radius:var(--radius-pill)}
#ff-workspace .nav-more>summary::-webkit-details-marker{display:none}
#ff-workspace .nav-more[open]>summary,#ff-workspace .nav-more[data-active=true]>summary{background:#ffffff0a;color:#fff}
#ff-workspace .ff-secondary-nav{position:absolute;top:calc(100% + 14px);left:0;display:grid;min-width:205px;padding:8px;margin:0;border:1px solid #ffffff22;border-radius:24px;background:#121212;box-shadow:0 20px 50px #0008;z-index:30}
#ff-workspace .ff-secondary-nav button{width:100%;text-align:left;padding:12px 16px}
#ff-workspace .ff-secondary-nav .nav-symbol{display:block;position:relative;width:18px;height:18px;flex-shrink:0}
#ff-workspace .nav-symbol svg{position:absolute;inset:0;width:18px;height:18px}
#ff-workspace .nav-filled{display:none}
#ff-workspace .ff-nav button[aria-current=page] .nav-filled{display:block}
#ff-workspace .ff-nav button[aria-current=page] .nav-outline{display:none}
#ff-workspace .ff-top-actions{margin-left:auto;gap:10px;flex-shrink:0}
#ff-workspace .ff-main{max-width:1280px;margin:0 auto;min-width:0;width:100%}
#ff-workspace .ff-content{padding:32px 32px 0}
#ff-workspace .ff-topbar{min-height:0;padding:24px 32px 0;border:0;justify-content:flex-end}
#ff-workspace .ff-search{flex:0 1 340px;min-height:44px;padding:8px 16px;border:1px solid #ffffff1f;border-radius:var(--radius-pill);background:#ffffff03}
#ff-workspace .ff-search input{flex:1;width:100%;font-size:13px}
#ff-workspace[data-page=overview] .ff-topbar{display:none}
#ff-workspace .ff-title{margin:8px 0 36px;align-items:flex-start}
#ff-workspace .ff-title h1{font-size:48px;line-height:1.05;letter-spacing:-2px;font-weight:700}
#ff-workspace .ff-title p{font-size:14px;line-height:1.7;margin-top:12px;color:#999}
#ff-workspace .mobile-menu{display:none}
#ff-workspace .wallet-feedback{right:32px;top:calc(100% + 8px)}
#ff-workspace .ff-footer{display:flex;justify-content:space-between;align-items:center;padding:32px 0;margin-top:64px;gap:24px;border-top:1px solid #ffffff18}
#ff-workspace .footer-identity{display:flex;gap:6px 10px;flex-wrap:wrap;color:#666}
#ff-workspace .footer-identity small{flex-basis:100%;font-size:10px;line-height:1.7;color:#777;max-width:470px}
#ff-workspace .footer-identity strong{color:#aaa;font-weight:700}
#ff-workspace .footer-policy-links{display:flex;flex-wrap:wrap;gap:22px}
#ff-workspace .footer-policy-links a{font-size:11px;color:#999}
#ff-workspace .footer-policy-links a:hover{color:#fff}
html{scrollbar-gutter:stable}
@media(min-width:701px) and (max-width:1050px){
 #ff-workspace .ff-sidebar{gap:18px;padding:22px 24px}
 #ff-workspace .ff-nav button,#ff-workspace .nav-more>summary{font-size:12px;padding-inline:12px}
 #ff-workspace .ff-top-actions{gap:8px}
 #ff-workspace .ff-top-actions>:is(.ff-primary,.wallet-connect){padding-inline:14px;min-width:0;font-size:11px}
}
@media(max-width:800px){
 #ff-workspace .ff-sidebar{flex-wrap:wrap;gap:16px;padding:20px 24px}
 #ff-workspace .sidebar-top{flex:1}
 #ff-workspace .mobile-menu{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff25;border-radius:50%;color:#eee}
 #ff-workspace .mobile-menu svg{width:18px;height:18px}
 #ff-workspace .sidebar-navigation{display:none;flex-basis:100%;order:3}
 #ff-workspace .ff-sidebar[data-open=true] .sidebar-navigation{display:block}
 #ff-workspace .ff-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
 #ff-workspace .ff-nav button{justify-content:center;font-size:13px}
 #ff-workspace .nav-more{margin-top:10px}
 #ff-workspace .nav-more>summary{display:flex;justify-content:center}
 #ff-workspace .ff-secondary-nav{position:static;display:grid!important;grid-template-columns:repeat(2,1fr);box-shadow:none;border:0;border-top:1px solid #ffffff16;border-radius:0;padding:12px 0 0;background:none}
 #ff-workspace .ff-top-actions{margin:0;order:2;width:100%;justify-content:flex-end}
 #ff-workspace .ff-top-actions>:is(.ff-primary,.wallet-connect){flex:1;min-height:44px}
 #ff-workspace .ff-content{padding:28px 24px 0}
 #ff-workspace .ff-topbar{padding:22px 24px 0}
 #ff-workspace .ff-search{flex-basis:100%;width:100%;margin:0;min-height:46px}
 #ff-workspace .ff-search input{font-size:16px}
 #ff-workspace .ff-title h1{font-size:38px;letter-spacing:-1.5px}
 #ff-workspace .ff-title p{font-size:13px}
 #ff-workspace .ff-footer{align-items:flex-start;flex-direction:column;margin-top:40px}
 #ff-workspace .footer-policy-links{gap:18px}
}
@media(prefers-reduced-motion:no-preference){
 #ff-workspace .ff-brand:hover .ff-brandmark span:first-child{animation:brand-swap-first .7s ease}
 #ff-workspace .ff-brand:hover .ff-brandmark span:last-child{animation:brand-swap-second .7s ease}
}
@keyframes brand-swap-first{0%,100%{transform:translate(0,0)}50%{transform:translate(10px,5px)}}
@keyframes brand-swap-second{0%,100%{transform:translate(0,5px)}50%{transform:translate(-10px,0)}}