.gg-header{position:sticky;top:0;z-index:40;background:var(--gg-header-bg);border-bottom:1px solid var(--gg-border);backdrop-filter:saturate(140%) blur(18px)}
.gg-header__inner{height:70px;display:flex;align-items:center;gap:22px}
.gg-brand{display:flex;align-items:center;gap:10px;min-width:max-content;font-weight:800}
.gg-brand__mark{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:var(--gg-accent);color:var(--gg-on-accent);font-weight:900}
.gg-brand__text{font-size:20px;letter-spacing:0}
.gg-brand__image{height:38px;width:auto;max-width:160px;object-fit:contain}
.gg-nav{align-items:center;gap:6px;min-width:0;flex:1;overflow:hidden}
.gg-nav__item{height:38px;display:flex;align-items:center;padding:0 13px;border-radius:999px;color:var(--gg-muted);white-space:nowrap}
.gg-nav__item:hover,.gg-nav__item.is-active{background:var(--gg-surface-2);color:var(--gg-text)}
.gg-search{height:42px;display:flex;align-items:center;border:1px solid var(--gg-border);background:var(--gg-surface);border-radius:999px;overflow:hidden}
.gg-search__input{width:230px;height:100%;padding:0 8px 0 16px;border:0;outline:0;background:transparent;color:var(--gg-text)}
.gg-search__input::placeholder{color:var(--gg-soft)}
.gg-search-icon{width:16px;height:16px;border:2px solid currentColor;border-radius:50%;position:relative;display:block}
.gg-search-icon:after{content:"";position:absolute;width:7px;height:2px;background:currentColor;right:-6px;bottom:-3px;transform:rotate(45deg);border-radius:2px}
.gg-header__actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.gg-icon-btn{width:40px;height:40px;border:1px solid var(--gg-border);border-radius:50%;background:var(--gg-surface);display:grid;place-items:center;color:var(--gg-muted)}
.gg-theme-icon{width:18px;height:18px;border-radius:50%;background:linear-gradient(90deg,var(--gg-accent) 0 50%,transparent 50%);border:2px solid var(--gg-accent)}
.gg-user-icon{width:17px;height:17px;border:2px solid var(--gg-muted);border-radius:50%;position:relative}
.gg-user-icon:after{content:"";position:absolute;left:50%;bottom:-10px;width:22px;height:13px;border:2px solid var(--gg-muted);border-radius:50% 50% 0 0;transform:translateX(-50%)}
.gg-mobile-nav{display:none}
.gg-footer{border-top:1px solid var(--gg-border);padding:34px 0;color:var(--gg-muted)}
.gg-footer__inner{display:grid;gap:10px}
.gg-footer__brand{font-weight:800;color:var(--gg-text)}
.gg-footer__links{display:flex;flex-wrap:wrap;gap:12px}
.gg-footer__links a:hover{color:var(--gg-accent)}
@media (max-width:760px){
    .gg-header__inner{height:58px;gap:12px}
    .gg-brand__text{font-size:18px}
    .gg-search{width:100%}
    .gg-search__input{width:100%;min-width:0}
    .gg-mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;height:64px;padding-bottom:env(safe-area-inset-bottom);background:var(--gg-surface);border-top:1px solid var(--gg-border)}
    .gg-mobile-nav__item{display:grid;place-items:center;align-content:center;gap:3px;color:var(--gg-muted);font-size:12px;font-style:normal;min-width:0}
    .gg-mobile-nav__item em{font-style:normal;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .gg-mobile-nav__item.is-active{color:var(--gg-accent)}
    .gg-mobile-nav__icon{width:18px;height:18px;display:block}
    .gg-home-icon{border:2px solid currentColor;border-radius:4px;transform:translateY(2px)}
    .gg-filter-icon{position:relative}
    .gg-filter-icon:before,.gg-filter-icon:after{content:"";position:absolute;left:2px;right:2px;height:3px;border-radius:4px;background:currentColor}
    .gg-filter-icon:before{top:4px;box-shadow:0 6px 0 currentColor,0 12px 0 currentColor}
    .gg-filter-icon:after{top:2px;left:11px;width:5px;height:5px;border-radius:50%;box-shadow:-8px 6px 0 currentColor,-2px 12px 0 currentColor}
    .gg-rank-icon{display:flex!important;align-items:end;gap:3px}
    .gg-rank-icon:before,.gg-rank-icon:after{content:"";display:block;width:4px;border-radius:4px;background:currentColor}
    .gg-rank-icon:before{height:11px}
    .gg-rank-icon:after{height:17px}
    .gg-rank-icon{border-left:4px solid currentColor;border-radius:2px;height:18px}
    .gg-mine-icon{border:2px solid currentColor;border-radius:50%;position:relative}
    .gg-mine-icon:after{content:"";position:absolute;left:50%;bottom:-9px;width:20px;height:12px;border:2px solid currentColor;border-radius:50% 50% 0 0;transform:translateX(-50%)}
}