.community-challenge>.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:linear-gradient(160deg,#fff 55%,#f8f3ff);border-right:1px solid #eee9f4;padding:34px 20px;display:flex;flex-direction:column;z-index:5}.sidebar .logo{font-size:42px;font-weight:800;letter-spacing:-3px;padding:0 18px;line-height:1}.sidebar .logo span{color:#ac37df}.sidebar nav{margin-top:62px;display:grid;gap:10px}.sidebar svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sidebar .nav-item{display:flex;align-items:center;gap:14px;padding:15px 17px;color:#777180;border:1px solid transparent;border-radius:14px;font-size:15px;font-weight:600;position:relative}.sidebar .nav-item.active{color:#8b25c4;background:linear-gradient(110deg,#f0e2fe,#f8f0ff);border-color:#e7d5f5;box-shadow:0 5px 16px #8b25c408}.sidebar .nav-item.active:before{content:'';position:absolute;left:-1px;width:3px;height:23px;border-radius:3px;background:#a03ddb}.sidebar .nav-item:hover{background:#f6effb}.sidebar-bottom{margin-top:auto;padding:20px 17px 0;color:#97909f;font-size:13px}.sidebar-bottom a{display:flex;gap:12px;align-items:center;font-size:14px;color:#706578}.sidebar-line{height:1px;background:#eee9f4;margin:22px 0}.sidebar-bottom small{display:block;margin-top:6px;font-size:12px}.community-challenge>.topbar,.community-challenge>.reviewbar,.community-challenge main>.breadcrumbs,.community-challenge main>footer{display:none}.community-challenge>main.wrap{margin-left:244px;max-width:1660px;padding:30px 36px 55px;width:calc(100% - 244px)}.challenge-back{display:grid;place-items:center;width:38px;height:38px;border:1px solid #ddc1ee;color:#9e3ad0;border-radius:50%;margin-bottom:20px;background:white}.challenge-back svg{width:22px;height:22px}.community-challenge .challenge-header{margin-top:0}.community-challenge .challenge-header h1{font-size:clamp(27px,3vw,40px)}@media(max-width:1150px){.community-challenge>.sidebar{width:210px;padding-inline:12px}.community-challenge>main.wrap{margin-left:210px;width:calc(100% - 210px);padding-inline:25px}}@media(max-width:800px){.community-challenge>.sidebar{position:relative;width:auto;padding:20px;border-right:0;border-bottom:1px solid #eee9f4}.sidebar .logo{padding:0;font-size:34px}.sidebar nav{display:flex;flex-wrap:wrap;margin-top:20px;gap:6px}.sidebar .nav-item{padding:11px 13px;gap:7px;font-size:13px}.sidebar .nav-item svg{width:18px}.sidebar-bottom{display:none}.community-challenge>main.wrap{margin:0;width:100%;padding:25px 20px}.community-challenge .challenge-header{grid-template-columns:1fr}}
.challenge-navigation{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.challenge-navigation .challenge-back{margin:0}.challenge-navigation .header-user{font-size:13px}.comment-attach svg{width:22px;height:22px}