body>nav.zxn-nav~nav.topnav:not(.zxn-nav),body>nav.zxn-nav~header.app-header{display:none}body .zxn-nav{position:relative;z-index:120;display:flex;align-items:center;gap:22px;flex-wrap:wrap;min-height:88px;padding:12px clamp(18px,4vw,60px);background:var(--bg,#080808);color:var(--fg,#eee);border-bottom:1px solid #dfbb6128;font-family:inherit}body .zxn-nav.sticky{position:sticky;top:0}body .zxn-nav .brand{display:block;flex:0 0 auto;margin:0;padding:0}body .zxn-nav .brand:before{display:none}body .zxn-nav .brand img{display:block;width:180px;height:60px;object-fit:contain}body .zxn-nav .nav-list{position:static;display:flex;flex:1;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none}body .zxn-nav .nav-list li{position:relative;list-style:none;padding:0;margin:0}body .zxn-nav .nav-list a,body .zxn-nav .nav-list button{display:flex;align-items:center;gap:7px;padding:11px 13px;border:0;border-radius:9px;text-decoration:none;background:transparent;color:var(--fg,#eee);font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}body .zxn-nav a:hover,body .zxn-nav button:hover,body .zxn-nav a[aria-current=page]{color:var(--accent,#dfbb61);background:#dfbb6110}body .zxn-nav .zxn-has-sub>a{padding-right:37px}body .zxn-nav .nav-list .zxn-submenu{position:absolute;right:2px;top:4px;width:28px;height:29px;padding:0;justify-content:center}body .zxn-submenu span{width:3px;height:3px;border-radius:50%;background:currentColor;box-shadow:0 -5px 0 currentColor,0 5px 0 currentColor}body .zxn-nav .nav-list ul{display:none;position:absolute;top:100%;left:0;min-width:210px;padding:8px;margin:0;border:1px solid #ffffff22;border-radius:12px;background:var(--surface,#121212);box-shadow:0 15px 35px #0006}body .zxn-nav .nav-list ul ul{left:100%;top:0}body .zxn-nav li:hover>ul,body .zxn-nav li:focus-within>ul,body .zxn-nav li.is-open>ul{display:block}body .zxn-nav .zxn-account form{padding:0;margin:0;border:0;background:transparent}body .zxn-nav .zxn-account>a,body .zxn-nav .zxn-account button{color:var(--accent,#dfbb61)}body .zxn-nav .admin-link{margin:0;padding:11px 14px;border:1px solid #dfbb6145;border-radius:10px;color:var(--accent,#dfbb61);text-decoration:none;font-size:12px;white-space:nowrap}body .zxn-nav .zxn-mobile{display:none}body .zxn-nav :focus-visible{outline:2px solid var(--accent,#dfbb61);outline-offset:3px}@media(max-width:900px){body .zxn-nav{gap:12px}body .zxn-nav .brand{margin-right:auto}body .zxn-nav .brand img{width:145px;height:48px}body .zxn-nav .zxn-mobile{display:block;padding:10px;border:1px solid #ffffff25;border-radius:8px;background:transparent;color:inherit}body .zxn-nav .nav-list{order:4;flex-basis:100%;flex-direction:column;align-items:stretch;padding-top:12px}body .zxn-nav.zxn-ready .nav-list:not(.open){display:none}body .zxn-nav .nav-list ul,body .zxn-nav .nav-list ul ul{position:static;margin:3px 0 5px 15px;box-shadow:none;min-width:0}body .zxn-nav.zxn-ready li:hover>ul,body .zxn-nav.zxn-ready li:focus-within>ul{display:none}body .zxn-nav.zxn-ready li.is-open>ul{display:block}body .zxn-nav .nav-list a,body .zxn-nav .nav-list button{font-size:14px;min-height:43px}body .zxn-nav .nav-list .zxn-submenu{min-height:35px;height:35px;top:4px}body .zxn-nav .admin-link{font-size:11px}}@media(prefers-reduced-motion:reduce){body .zxn-nav *{animation:none!important;transition:none!important}}


body .zxn-nav .zxn-user-area{display:flex;align-items:center;gap:12px;margin-left:auto;flex:0 0 auto}body .zxn-nav details.zxn-member{position:relative;margin:0;padding:0;border:0;background:transparent;border-radius:0}body .zxn-nav .zxn-member>summary{display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none;padding:5px 10px 5px 5px;border:1px solid #dfbb6130;border-radius:30px;color:var(--fg,#eee);font-size:12px;background:var(--surface,#111)}body .zxn-member>summary::-webkit-details-marker{display:none}body .zxn-avatar-wrap{position:relative;display:block}body .zxn-nav .zxn-member>summary .zu-avatar{width:38px;height:38px;padding:2px;margin:0}body .zxn-nav .zxn-member>summary .zu-avatar img,body .zxn-nav .zxn-member>summary .zu-avatar>span{width:34px;height:34px;border-width:2px;font-size:17px;line-height:30px}body .zxn-unread{position:absolute;top:-3px;right:-5px;min-width:17px;height:17px;line-height:17px;text-align:center;padding:0 3px;border-radius:12px;background:var(--accent,#dfbb61);color:var(--bg,#080808);font-size:10px;font-weight:700}body .zxn-nav .zxn-member-panel{position:absolute;right:0;top:calc(100% + 12px);width:310px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 110px);overflow:auto;padding:20px;border:1px solid #dfbb6140;border-radius:16px;background:var(--surface,#111);color:var(--fg,#eee);box-shadow:0 20px 60px #0009;text-align:left;z-index:20}body .zxn-nav .zxn-member:not([open]) .zxn-member-panel{display:none}body .zxn-nav .zxn-member-panel .zu-widget{margin:0}body .zxn-nav .zxn-member-panel .zu-avatar{width:76px;height:76px;padding:3px;margin:4px auto 12px}body .zxn-nav .zxn-member-panel .zu-avatar img,body .zxn-nav .zxn-member-panel .zu-avatar>span{width:70px;height:70px;font-size:28px;line-height:64px}body .zxn-nav .zxn-member-panel h3{margin:8px 0 14px;font-size:16px}body .zxn-nav .zxn-member-panel .zu-bio{font-size:12px;max-height:4.8em;margin-bottom:12px}body .zxn-nav .zxn-member-panel .zm-link{display:block;padding:9px 6px;border-bottom:1px solid #ffffff10;color:var(--accent,#dfbb61);font-size:13px;text-decoration:none}body .zxn-nav .zxn-member-panel form{padding:0;margin:12px 0 0;background:transparent;border:0}body .zxn-nav .zxn-member-panel label{display:block;margin:12px 0;font-size:12px}body .zxn-nav .zxn-member-panel input:not([type=hidden]){box-sizing:border-box;display:block;width:100%;padding:10px;margin-top:6px;border:1px solid #ffffff25;border-radius:8px;background:var(--bg,#080808);color:var(--fg,#eee)}body .zxn-nav .zxn-member-panel button{display:block;width:100%;padding:11px;margin:10px 0 0;border:0;border-radius:8px;background:var(--accent,#dfbb61);color:var(--bg,#080808);font:inherit;font-size:13px;cursor:pointer}body .zxn-guest-icon{display:grid;place-items:center;width:30px;height:30px;font-size:24px;color:var(--accent,#dfbb61)}body .zxn-nav .zxn-member:has(>.zxn-member-panel) .zu-avatar{isolation:isolate} @media(max-width:900px){body .zxn-nav .zxn-user-area{order:2;max-width:100%;flex-wrap:wrap}body .zxn-member-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body .zxn-nav .zxn-member-panel{max-height:65dvh}}