header{position:fixed;top:0;right:0;left:0;z-index:1000;height:var(--s3);background:var(--texture) fixed repeat;&::before,&::after{position:fixed;bottom:0;content:''}&::before{top:0;left:0;z-index:995;width:var(--s3);background:var(--texture) fixed repeat}&::after{top:var(--s3);right:0;left:var(--s3);z-index:-1;backdrop-filter:var(--backdrop);-webkit-backdrop-filter:var(--backdrop);background:var(--backdrop-color);opacity:0;pointer-events:none;transition:var(--transition) 0.2s}&:has(nav.main.show)::after{opacity:1;pointer-events:all;transition:var(--transition)}}@media (max-width:992px){header{background:none;&::before{content:unset}&::after{top:0;left:0}}}button.nav-toggler{position:absolute;top:var(--s2);right:var(--s2);z-index:1020;width:var(--s4);height:var(--s4);background:var(--dark);border:0;outline:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--s1);> span{width:var(--s3);height:2px;background:var(--light);transition:var(--transition)}&.open{> span:first-child{transform:rotate(-45deg);margin-bottom:-7px}> span:nth-child(2){transform:rotate(-45deg);opacity:0}> span:last-child{transform:rotate(45deg);margin-top:-7px}}}header:has( .status-unread) button.nav-toggler:not(.open) > span{background:var(--secondary);transform:rotate(-55deg);&:first-child{margin-left:-16px}&:nth-child(2){margin-top:-7px}&:last-child{margin-top:-7px;margin-right:-16px}}@media (min-width:1930px){button.nav-toggler.open > span{&:first-child{margin-bottom:-10px}&:last-child{margin-top:-10px}}header:has( .status-unread) button.nav-toggler:not(.open) > span{&:first-child{margin-left:-20px}&:nth-child(2){margin-top:-10px}&:last-child{margin-top:-10px;margin-right:-20px}}}@media (max-width:992px){button.nav-toggler{top:0;right:0;width:var(--s3);height:var(--s3);gap:var(--s0);> span{width:var(--s2);height:1px}&.open > span{&:first-child{margin-bottom:-3px}&:last-child{margin-top:-3px}}}header:has( .status-unread) button.nav-toggler:not(.open) > span{margin-top:-3px !important;&:first-child{margin-left:-10px}&:last-child{margin-right:-10px}}}.boardclosed-warning{position:fixed;top:var(--s1);left:var(--s1);z-index:1050;color:var(--red)}nav.main{position:fixed;top:var(--s2);right:var(--s2);bottom:var(--s2);z-index:1010;width:var(--s4);height:var(--s4);transition:var(--transition) 0.2s;display:flex;overflow:hidden;&.show{width:70vw;height:calc(100vh - (var(--s2) * 2))}> .profile{width:30%;height:100%;display:flex;flex-direction:column;overflow:hidden;> .profile-menu{position:relative;width:100%;max-width:calc(200px + var(--s4));margin-top:auto;margin-left:auto;padding:var(--s4) 0 0 var(--s4);border-radius:80% 0 0 0;background:var(--gradient-transparent);> img{width:100%;height:auto;display:block;border-radius:80% 0 0 0}> .profile-menu-links{position:absolute;bottom:var(--s2);left:0;display:flex;flex-direction:column-reverse;gap:var(--s2);transform:translateX(-50%);> a:nth-child(3){transform:translate3d(20%,0,0)}> a:nth-child(4){transform:translate3d(60%,0,0)}> a:nth-child(5){transform:translate3d(140%,0,0)}}}> .messages{display:flex;flex-direction:column;align-items:flex-end;gap:var(--s1);padding:var(--s3);> div{background:var(--gradient-transparent);font-size:var(--font-xs);color:var(--dark);text-align:right;padding:var(--s2) calc(var(--s2) + var(--s1))}> form{width:100%;margin-top:var(--s3);display:flex;flex-direction:column;gap:var(--s1);> div{display:flex;gap:var(--s1);> input{width:100%}}}}}> .menu{position:relative;width:70%;height:100%;background:var(--dark);padding:var(--s5);display:flex;flex-direction:column;gap:var(--s2);align-items:flex-start;> .menu-legals{margin-top:var(--s3);display:flex;flex-direction:column;align-items:flex-start;gap:var(--s1);opacity:0.5;> a{font-size:var(--font-sm);font-weight:600;line-height:2;letter-spacing:0.05em;&::after{height:var(--s0)}}}> .menu-options{margin-top:auto;width:100%;opacity:0.5;display:flex;align-items:center;gap:var(--s2);> .theme button{background:transparent;color:var(--light)}> a{font-size:var(--font-md)}}> .copyright{position:absolute;right:var(--s2);bottom:var(--s2);font-size:var(--font-xxs);font-weight:300;letter-spacing:0.05em;text-transform:uppercase;color:var(--light);opacity:0.5;> a{font-size:var(--font-xxs)}}> .menu-sub{> span{cursor:pointer}a{font-size:var(--font-lg);font-weight:500;line-height:2;&::after{height:var(--s0)}}> div{display:flex;flex-direction:column;gap:var(--s1);align-items:flex-start;height:100%;max-height:0;overflow:hidden;transition:var(--transition)}&.open > div{max-height:50vh;padding-top:var(--s2)}}}}@media (min-width:1930px){nav.main > .profile > .profile-menu{max-width:300px}}@media (max-width:1200px){nav.main.show{width:calc(100vw - (var(--s2) * 2))}nav.main > .profile,nav-main > .menu{width:50%}}@media (max-width:992px){nav.main{width:var(--s3);height:var(--s3);flex-direction:column;top:0;right:0;&.show{width:100vw;height:100vh}> .profile{width:100%;height:30%;order:2;flex-direction:row;> .messages{width:50%}> .profile-menu{width:50%;max-width:calc(150px + var(--s3));padding:var(--s3) 0 0 var(--s3);> .profile-menu-links{position:absolute;bottom:var(--s2);left:0;display:flex;flex-direction:column-reverse;gap:var(--s2);transform:translateX(-50%);> a:nth-child(3){transform:translate3d(50%,0,0)}> a:nth-child(4){transform:translate3d(140%,0,0)}> a:nth-child(5){transform:translate3d(280%,20%,0)}}> img{max-width:150px}}}> .menu{width:100%;height:70%;padding:var(--s4);order:1;> .menu-legals > a{font-size:var(--font-xs)}}}}@media (max-width:576px){nav.main{> .menu{height:50%;padding:var(--s3)}> .profile{height:50%;> .messages{overflow-y:scroll;scrollbar-width:none;> div{font-size:var(--font-xxs);padding:var(--s1) var(--s2)}}> .profile-menu > .profile-menu-links{right:var(--s2);bottom:calc(100% + var(--s2));left:unset;transform:none;> a{transform:none !important}}}> .menu{>. menu-options{margin-bottom:var(--s2)}> .menu-legals{position:absolute;top:0;right:var(--s3);max-width:100px}}}}nav.main > .menu a,nav.main > .menu > .menu-sub > span{font-size:var(--font-xl);font-weight:400;color:var(--light);text-transform:uppercase}nav.main > .menu > a,nav.main > .menu > .menu-legals > a,nav.main > .menu > .menu-sub > span,nav.main > .menu > .menu-sub a{position:relative;font-style:italic;&::after{content:'';position:absolute;bottom:0;left:0;width:0;height:calc(var(--s1) / 2);background:var(--light);transition:var(--transition)}&:hover::after{width:100%}}@media (max-width:1200px){nav.main > .menu > a,nav.main > .menu > .menu-sub > span{font-size:var(--font-lg)}nav.main > .menu > .menu-sub a{font-size:var(--font-sm)}}body:not(.theme-darkmode) .lightmode,body.theme-lightmode .lightmode,body.theme-darkmode .darkmode{display:none}