.app-header{height:56px;display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid var(--line);background:#0d141d;position:relative;z-index:30}
.app-header .app-brand{color:var(--accent);font-weight:800;text-decoration:none;font-size:14px}
.app-nav{display:flex;align-items:center;gap:14px;margin-left:auto;max-width:62vw;overflow-x:auto;white-space:nowrap}
.app-nav a{color:var(--muted);text-decoration:none;font-size:12px}
.app-nav a.on{color:var(--text);font-weight:700}
.app-back{flex:none}
.cat-title .app-nav{display:inline-flex;margin-left:0;margin-right:10px;max-width:none;vertical-align:middle}
@media(max-width:760px){.app-nav{gap:10px;max-width:58vw}.app-nav a{font-size:11px}.app-back{font-size:11px!important}}
.t-head,.sh-head,.e-head,.pr-head,.p-head,.cat-head,.app-header{padding-left:16px;padding-right:16px}

.t-head,.p-head,.app-header{position:sticky;top:0;z-index:40}
.t-links{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}
@media(max-width:760px){
 body{padding-bottom:50px}
 .app-nav{display:flex!important;position:fixed;left:0;right:0;bottom:0;height:50px;max-width:none;justify-content:space-around;align-items:center;background:#0d141d;border-top:1px solid var(--line);z-index:100;padding:0 4px;overflow:visible;margin:0}
 .app-nav a{font-size:10px;padding:4px 2px}
 .sh-main{height:calc(100dvh - 104px - 50px)}
 .e-main,.pr-main{height:calc(100dvh - 56px - 50px)}
 .cat-main{bottom:50px}
 .cat-drawer,.sh-drawer{bottom:50px}
}
html[data-theme=light]{--bg:#f4f7fb;--panel:#ffffff;--line:#d6dee8;--text:#111827;--muted:#5b6b7c;--accent:#1d4ed8;color-scheme:light}
.ui-toggles{display:flex;gap:6px;margin-left:8px;flex:none}.ui-toggle{background:#162231;color:var(--text);border:1px solid var(--line);border-radius:7px;padding:4px 8px;font-size:10px;cursor:pointer;white-space:nowrap}
html[data-theme=light] .ui-toggle{background:#fff}
@media(max-width:760px){.ui-toggle{padding:4px 6px;font-size:9px}.ui-toggles{gap:4px;margin-left:4px}}