:root{--hy-nav-bg:#fff;--hy-nav-text:#21324b;--hy-nav-muted:#687a92;--hy-nav-border:#e6ebf2;--hy-nav-active:#2d68de;--hy-nav-soft:#edf3fe}
html[data-theme="dark"]{--hy-nav-bg:#0d1512;--hy-nav-text:#edf9f1;--hy-nav-muted:#a9c4b4;--hy-nav-border:#20342a;--hy-nav-active:#19bd79;--hy-nav-soft:#10382b}
.hy-mobile-tabs{display:none}
@keyframes hy-view-enter{from{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:none}}
.has-mobile-nav .content,.market-page .model-panel{animation:hy-view-enter 180ms cubic-bezier(.2,.8,.2,1)}
@media(max-width:768px){
 .hy-mobile-tabs{position:fixed;bottom:0;left:0;right:0;z-index:1021;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:calc(64px + env(safe-area-inset-bottom,0px));padding:5px 8px calc(5px + env(safe-area-inset-bottom,0px));background:var(--hy-nav-bg);border-top:1px solid var(--hy-nav-border);gap:5px}
 .hy-mobile-tab{display:flex;min-height:52px;min-width:0;align-items:center;justify-content:center;flex-direction:column;gap:5px;border-radius:9px;color:var(--hy-nav-muted);font-size:11px;font-weight:500;text-decoration:none;transition:color 140ms,background-color 140ms,transform 120ms}
 .hy-mobile-tab svg{width:21px;height:21px;flex:none}.hy-mobile-tab.active{background:var(--hy-nav-soft);color:var(--hy-nav-active)}.hy-mobile-tab:active{transform:scale(.97)}.hy-mobile-tab:hover{color:var(--hy-nav-active)}
 .has-mobile-nav:not(.market-page) .content{padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))}
 .has-mobile-nav .sidebar{padding-bottom:env(safe-area-inset-bottom,0px)}
 .navigation-open{overflow:hidden}
}
@media(prefers-reduced-motion:reduce){.hy-mobile-tab{transition:none}.has-mobile-nav .content,.market-page .model-panel{animation:none}}
