.header{position:relative;z-index:60}#navigation{display:flex;gap:8px;align-items:center;justify-content:center;flex:1 1 auto;min-width:0;flex-wrap:nowrap;order:initial;width:auto;padding:0}#navigation>.nav-home,#navigation>.nav-group>summary{font-size:12px;font-weight:600;color:var(--muted);padding:14px 10px;border-radius:10px;white-space:nowrap;cursor:pointer;list-style:none;line-height:1.4}#navigation>.nav-home:hover,#navigation>.nav-group>summary:hover,#navigation>.nav-group[data-active=true]>summary,#navigation>.nav-home[aria-current]{color:var(--accent);background:var(--soft)}#navigation>.nav-home:after{display:none}#navigation .nav-group{position:relative;min-width:0}#navigation .nav-group>summary::-webkit-details-marker{display:none}#navigation .nav-group>summary>span{display:inline-block;font-size:12px;margin-left:4px;transition:transform .2s}#navigation .nav-group[open]>summary>span{transform:rotate(180deg)}#navigation .nav-links{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:8px;width:225px;max-height:65vh;overflow:auto;box-shadow:0 16px 35px #0005}#navigation .nav-links a{display:flex;align-items:center;gap:8px;justify-content:flex-start;font-size:12px;padding:12px;border-radius:8px;color:var(--muted);line-height:1.6;white-space:normal;overflow-wrap:anywhere}#navigation .nav-links a:hover,#navigation .nav-links a[aria-current]{background:var(--soft);color:var(--accent)}#navigation .nav-links a:after{display:none}#navigation .nav-link-arrow{margin-left:auto;font-size:11px;color:var(--muted)}.nav-count{display:inline-flex;align-items:center;justify-content:center;min-width:19px;min-height:19px;padding:1px 5px;background:var(--pink);color:#492139;border-radius:20px;font-size:10px}.header .brand,.header .header-actions{flex-shrink:0}.header .member-header-link{max-width:130px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mobile-bottom-nav{display:none}#menu-toggle{display:none}
#navigation .nav-group:not([open])>.nav-links{display:none}
.nav-count:empty,.mobile-unread:empty{display:none}
@media(max-width:1000px){.header{position:sticky;top:0;background:var(--bg)}}
@media(min-width:1001px){.header{flex-wrap:nowrap;gap:15px}#navigation>.nav-group>summary{padding-inline:8px}.header .brand b{font-size:20px}}
@media(max-width:1000px){.header{min-height:88px;flex-wrap:nowrap;gap:12px;padding:15px 0}.header .brand{margin-right:auto;min-width:0;flex-shrink:1}.header .brand b{font-size:19px}.header-actions{order:1}#menu-toggle{display:grid;place-items:center;order:2;width:40px;height:40px;flex-shrink:0}#navigation{display:none;position:absolute;top:calc(100% - 3px);left:0;right:0;width:100%;max-height:calc(100dvh - 175px);overflow:auto;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:0 20px 45px #0006}#navigation.open{display:block}#navigation>.nav-home{display:block;margin-bottom:4px;padding:12px}#navigation>.nav-group>summary{padding:13px 12px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);border-radius:0;white-space:normal;overflow-wrap:anywhere}#navigation .nav-links{position:static;width:auto;max-height:none;transform:none;box-shadow:none;border:0;border-radius:0;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:7px 0 10px}#navigation .nav-links a{font-size:12px;padding:11px}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:75;background:rgba(30,24,33,.97);border-top:1px solid var(--line);backdrop-filter:blur(16px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:7px 8px calc(7px + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 25px #0002}.mobile-bottom-nav>a{position:relative;min-height:49px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);font-size:10px;min-width:0}.mobile-bottom-nav>a[aria-current]{color:var(--accent)}.mobile-bottom-nav svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.mobile-bottom-nav>a>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-unread{position:absolute;top:0;left:calc(50% + 7px);font-style:normal;background:var(--pink);color:#492139;border-radius:12px;font-size:8px;line-height:15px;min-width:15px;text-align:center;padding:0 3px}body{padding-bottom:calc(73px + env(safe-area-inset-bottom,0px))}#toast{bottom:calc(90px + env(safe-area-inset-bottom,0px))}}
@media(max-width:380px){.header .brand b{font-size:17px}.header .brand img{width:35px;height:35px}.header .brand small{font-size:8px}.header .member-header-link{font-size:10px;padding:9px 10px}.header{gap:8px}.header .brand{gap:8px}}