header{position:fixed;top:0;right:0;left:0;z-index:1000;height:var(--s3);background:var(--texture) fixed repeat}header::before{position:fixed;top:0;bottom:0;left:0;z-index:995;content:'';width:var(--s3);background:var(--texture) fixed repeat}header::after{position:fixed;top:var(--s3);right:0;bottom:0;left:var(--s3);z-index:-1;content:'';backdrop-filter:var(--backdrop);-webkit-backdrop-filter:var(--backdrop);background:var(--backdrop-color);opacity:0;pointer-events:none;transition:var(--transition) 0.2s}header:has(nav.main.show)::after{opacity:1;pointer-events:all;transition:var(--transition)}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)}button.nav-toggler > span{width:var(--s3);height:2px;background:var(--light);transition:var(--transition)}button.nav-toggler.open > span:first-child{transform:rotate(-45deg);margin-bottom:-7px}button.nav-toggler.open > span:nth-child(2){transform:rotate(-45deg);opacity:0}button.nav-toggler.open > 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)}header:has( .status-unread) button.nav-toggler:not(.open) > span:first-child{margin-left:-16px}header:has( .status-unread) button.nav-toggler:not(.open) > span:nth-child(2){margin-top:-7px}header:has( .status-unread) button.nav-toggler:not(.open) > span:last-child{margin-top:-7px;margin-right:-16px}@media (min-width:1930px){button.nav-toggler.open > span:first-child{margin-bottom:-10px}button.nav-toggler.open > span:last-child{margin-top:-10px}header:has( .status-unread) button.nav-toggler:not(.open) > span:first-child{margin-left:-20px}header:has( .status-unread) button.nav-toggler:not(.open) > span:nth-child(2){margin-top:-10px}header:has( .status-unread) button.nav-toggler:not(.open) > span:last-child{margin-top:-10px;margin-right:-20px}}@media (max-width:992px){button.nav-toggler{width:var(--s3);height:var(--s3);gap:var(--s0)}button.nav-toggler > span{width:var(--s2);height:1px}button.nav-toggler.open > span:first-child{margin-bottom:-3px}button.nav-toggler.open > span:last-child{margin-top:-3px}header:has( .status-unread) button.nav-toggler:not(.open) > span{margin-top:-3px !important}header:has( .status-unread) button.nav-toggler:not(.open) > span:first-child{margin-left:-10px}header:has( .status-unread) button.nav-toggler:not(.open) > span: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}nav.main.show{width:70vw;height:calc(100vh - (var(--s2) * 2))}@media (max-width:1200px){nav.main.show{width:calc(100vw - (var(--s2) * 2))}}@media (max-width:992px){nav.main{width:var(--s3);height:var(--s3);flex-direction:column}}nav.main > .profile{list-style-type:none;width:30%;height:100%;color:var(--dark);padding:var(--s4);display:flex;flex-direction:column;align-items:flex-end;gap:var(--s1);overflow:hidden}@media (max-width:992px){nav.main > .profile{width:100%;height:30%;order:2;flex-direction:row}}nav.main > .profile > .profile-menu{position:relative;width:100%;max-width:200px;aspect-ratio:1;border-radius:50%;background:repeating-linear-gradient(-55deg,var(--light),var(--light) 10px,transparent 10px,transparent 25px);padding:var(--s3)}@media (min-width:1930px){nav.main > .profile > .profile-menu{max-width:300px}}@media (max-width:992px){nav.main > .profile > .profile-menu{max-width:120px}}nav.main > .profile > .profile-menu > img{width:100%;height:100%;object-fit:cover;border-radius:50%;background:var(--backdrop-color);padding:var(--s3)}nav.main > .profile > .profile-menu > a{position:absolute;transform:translate3d(-50%,50%,0)}nav.main > .profile > .profile-menu > a:first-of-type{bottom:0;left:50%}nav.main > .profile > .profile-menu > a:nth-of-type(2){bottom:7%;left:22%}nav.main > .profile > .profile-menu > a:nth-of-type(3){bottom:26%;left:5%}nav.main > .profile > .profile-menu > a:last-of-type{bottom:50%;left:0}nav.main > .profile > .messages{margin-top:auto;display:flex;flex-direction:column;align-items:flex-end;gap:var(--s1)}nav.main > .profile > .messages > div{background:var(--gradient-transparent);font-size:var(--font-xs);color:var(--dark);text-align:right;padding:var(--s2) calc(var(--s2) + var(--s1))}nav.main > .profile > form{width:100%;margin-top:var(--s3);display:flex;flex-direction:column;gap:var(--s1)}nav.main > .profile > form > div{display:flex;gap:var(--s1)}nav.main > .profile > form > div > input{width:100%}nav.main > .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}@media (max-width:992px){nav.main > .menu{width:100%;height:70%;padding:var(--s4);order:1}}nav.main > .menu a,nav.main > .menu > .menu-sub > span{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}nav.main > .menu > a,nav.main > .menu > .menu-sub > span{font-size:var(--font-xl);font-weight:400}@media (max-width:1200px){nav.main > .menu > a,nav.main > .menu > .menu-sub > span{font-size:var(--font-lg)}}nav.main > .menu > a::after,nav.main > .menu > .menu-legals > a::after,nav.main > .menu > .menu-sub > span::after,nav.main > .menu > .menu-sub a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:calc(var(--s1) / 2);background:var(--light);transition:var(--transition)}nav.main > .menu > a:hover::after,nav.main > .menu > .menu-legals > a:hover::after,nav.main > .menu > .menu-sub > span:hover::after,nav.main > .menu > .menu-sub.open > span::after,nav.main > .menu > .menu-sub a:hover::after{width:100%}nav.main > .menu > .menu-sub > span{cursor:pointer}nav.main > .menu > .menu-sub a{font-size:var(--font-lg);font-weight:500;line-height:2}@media (max-width:1200px){nav.main > .menu > .menu-sub a{font-size:var(--font-sm)}}nav.main > .menu > .menu-sub a::after{height:var(--s0)}nav.main > .menu > .menu-sub > div{display:flex;flex-direction:column;gap:var(--s1);align-items:flex-start;height:100%;max-height:0;overflow:hidden;transition:var(--transition)}nav.main > .menu > .menu-sub.open > div{max-height:50vh;padding-top:var(--s2)}nav.main > .menu > .menu-legals{margin-top:var(--s3);display:flex;flex-direction:column;align-items:flex-start;gap:var(--s1);opacity:0.5}nav.main > .menu > .menu-legals > a{font-size:var(--font-sm);font-weight:600;line-height:2;letter-spacing:0.05em}@media (max-width:992px){nav.main > .menu > .menu-legals > a{font-size:var(--font-xs)}}nav.main > .menu > .menu-legals > a::after{height:var(--s0)}nav.main > .menu > .menu-options{margin-top:auto;width:100%;opacity:0.5;display:flex;align-items:center;gap:var(--s2)}nav.main > .menu > .menu-options > .theme button{background:transparent;color:var(--light)}nav.main > .menu > .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}header:has(+ main.theme-sanaphag) .lightmode,header:has( + main.theme-sanaphag-dark) .darkmode{display:none}