.toggle-mode .icon-on-dark,[data-theme=dark] .toggle-mode .icon-on-light{display:none}[data-theme=dark] .toggle-mode .icon-on-dark{display:block}
#right-menu{background:var(--mbg);z-index:10001;width:30rem;height:100vh;transition:right .3s;position:fixed;top:0;right:-30rem;overflow-y:auto}#right-menu.open{right:0}.rm-inner{padding:2rem}.rm-top{justify-content:flex-end;margin-bottom:2rem;display:flex}.rm-top .close_btn{color:var(--mf);line-height:1;display:flex}.rm-user{background:var(--mbg2);border-radius:1.2rem;align-items:center;gap:1.2rem;margin-bottom:2rem;padding:1.5rem;display:flex}.rm-user--avatar{background:var(--mbg);width:4rem;height:4rem;color:var(--mf3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.rm-user strong{color:var(--mf);font-family:Pretendard;font-size:1.5rem;font-weight:700;display:block}.rm-user em{color:var(--mf3);word-break:break-all;font-family:Pretendard;font-size:1.2rem;font-style:normal;display:block}.rm-menus>li{margin-bottom:1rem}.rm-menus>li>a{color:var(--mf2);padding:1.2rem 0;font-size:1.8rem;font-weight:700;display:block}.rm-menus>li>a.act{color:var(--mc)}.rm-bot{border-top:1px solid var(--filter-border);margin-top:3rem;padding-top:2rem}.rm-bot .btn{width:100%}.right-menu-bg{z-index:10000;background:#00000080;position:fixed;inset:0}
.brand-logo{background:url(/logo.svg) 50%/contain no-repeat;display:block}[data-theme=dark] .brand-logo{background-image:url(/logo-dark.svg)}