.sidebar::before,.sidebar__activity-btn::before,.sidebar__vip-block::before{inset:0;padding:1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)}#sidebar{display:flex}.sidebar{position:fixed;top:0;right:-100%;width:360px;max-height:100svh;display:flex;flex-direction:column;background:linear-gradient(180deg,#382e30 0,#433739 100%);border-radius:12px;box-shadow:4px 4px 8px 0 #161213;overflow-y:auto;overflow-x:hidden;transition:right .3s;z-index:1000;-ms-overflow-style:none;scrollbar-width:none}.sidebar__activities-col{display:flex;flex-direction:column;width:100%;gap:4px;position:relative}.sidebar__activities-row .sidebar__activity-label{color:#fffFFFA3}.sidebar__activities-row--large .sidebar__activity-label{text-align:left}.sidebar__activities-row--large .sidebar__activity-btn{height:96px;border-radius:8px;overflow:hidden}.sidebar__activities-row--small .sidebar__activity-btn{height:80px;border-radius:8px;overflow:hidden}.sidebar__vip-header::after,.sidebar__vip-item::after{position:absolute;bottom:0;height:1px;left:0;content:'';background:linear-gradient(180deg,rgba(212,199,196,.32) 0,rgba(212,199,196,.16) 100%);pointer-events:none;right:0}.sidebar::before{content:'';position:absolute;border-radius:12px;background:linear-gradient(180deg,rgba(212,199,196,.32) 0,rgba(212,199,196,.16) 100%);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.sidebar.is-open{right:0}.sidebar::-webkit-scrollbar{width:0;display:none}.sidebar__header{display:flex;align-items:center;gap:8px;padding:24px 24px 16px}.sidebar__title{flex:1;margin:0;font-weight:500;font-size:24px;line-height:1.33;letter-spacing:-.5%;color:#fff}.sidebar__close{display:flex;justify-content:center;align-items:center;padding:4px;background:0 0;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:opacity .3s}.sidebar__close:hover{opacity:.7}.sidebar__close-icon,.sidebar__vip-icon{width:20px;height:20px}.sidebar__content{display:flex;flex-direction:column;gap:24px;padding:0 16px 16px}.sidebar__vip-block{display:flex;flex-direction:column;position:relative;background:linear-gradient(180deg,#4f4043 0,#5a494c 100%);border-radius:12px}.sidebar__vip-block::before{content:'';position:absolute;border-radius:12px;background:linear-gradient(180deg,rgba(212,199,196,.32) 0,rgba(212,199,196,.16) 100%);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.sidebar__vip-header{display:flex;align-items:center;gap:8px;padding:16px;position:relative}.sidebar__vip-title{flex:1;height:20px;margin:0;font-weight:600;font-size:16px;line-height:1.25;color:#fff}.sidebar__vip-item{display:flex;align-items:center;gap:4px;padding:12px;position:relative}.sidebar__vip-item:last-child::after{display:none}.sidebar__vip-image{width:42px;height:42px;flex-shrink:0;object-fit:cover}.sidebar__vip-content{display:flex;flex-direction:column;gap:12px;padding-right:8px;flex:1}.sidebar__vip-text{display:flex;flex-direction:column;gap:2px}.sidebar__vip-name{margin:0;font-weight:600;font-size:14px;line-height:1.43;color:#fff}.sidebar__vip-description{margin:0;font-weight:500;font-size:12px;line-height:1.33;color:rgba(255,255,255,.64)}.sidebar__vip-progress{position:relative;width:100%;height:3px}.sidebar__vip-progress-bg{position:absolute;top:1.5px;left:0;width:100%;height:0;border-top:1px solid rgba(255,255,255,.1)}.sidebar__vip-progress-bar{position:absolute;top:0;left:0;height:3px;background:linear-gradient(11deg,#fff 0,#fff 99%,rgba(255,255,255,0) 100%);box-shadow:1.72px -.82px 5.31px 0 rgba(255,255,255,.24),7.56px -3.63px 10.99px 0 rgba(255,255,255,.39),18.56px -8.9px 21.92px 0 rgba(255,255,255,.5),35.75px -17.15px 42.96px 0 rgba(255,255,255,.6),60.15px -28.86px 78.99px 0 rgba(255,255,255,.75),92.8px -44.52px 134.87px 0 rgba(255,255,255,.99);transition:width .3s,box-shadow .3s}.sidebar__vip-progress-point{position:absolute;top:-2.5px;left:calc(var(--progress,0%) - 4px);width:8px;height:8px;border-radius:50%;background:#fff;transition:left .3s}.sidebar__activity-btn,.sidebar__other-item{cursor:pointer;transition:background .3s;text-decoration:none;display:flex}.sidebar__vip-item:hover .sidebar__vip-progress-bar{box-shadow:1.72px -.82px 5.31px 0 rgba(255,255,255,.3),7.56px -3.63px 10.99px 0 rgba(255,255,255,.45),18.56px -8.9px 21.92px 0 rgba(255,255,255,.6),35.75px -17.15px 42.96px 0 rgba(255,255,255,.7),60.15px -28.86px 78.99px 0 rgba(255,255,255,.85),92.8px -44.52px 134.87px 0 #fff}.sidebar__section{display:flex;flex-direction:column;gap:8px}.sidebar__section-title{margin:0;font-weight:600;font-size:16px;line-height:1.25;color:#fff}.sidebar__activities{display:flex;flex-direction:column;gap:12px}.sidebar__activities-row{display:flex;gap:10px}.sidebar__activities-row--small{gap:8px}.sidebar__activity-btn{flex-direction:column;align-items:center;gap:8px;padding:12px 8px;position:relative;background:linear-gradient(180deg,#4f4043 0,#5a494c 100%);border-radius:12px}.sidebar__activity-btn::before{content:'';position:absolute;border-radius:12px;background:linear-gradient(180deg,rgba(212,199,196,.32) 0,rgba(212,199,196,.16) 100%);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.sidebar__activity-btn:hover{background:linear-gradient(180deg,#5a494c 0,#645356 100%)}.sidebar__activity-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sidebar__activity-label{margin:0;font-weight:600;font-size:14px;line-height:1.43;text-align:center;color:#fff}.sidebar__activity-btn--small .sidebar__activity-label{font-size:12px;line-height:1.33}.sidebar__activity-counter{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-weight:700;font-size:12px;line-height:1;color:#fff;background:linear-gradient(135deg,#f75274 0,#d53692 100%);border-radius:4px}.sidebar__other-list{display:flex;flex-direction:column;gap:0}.sidebar__other-item{justify-content:stretch;align-items:stretch;padding:0 8px;background:0 0;border:none;border-radius:12px}.sidebar__other-item:hover{background:rgba(255,255,255,.08)}.sidebar__other-link{display:flex;justify-content:center;align-items:center;gap:2px;width:100%;height:48px;text-decoration:none;color:inherit}.sidebar__other-content{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 4px;flex:1}.sidebar__other-text{margin:0;font-weight:600;font-size:16px;line-height:1.25;text-align:center;color:#fff}.sidebar__other-icon{width:24px;height:24px;flex-shrink:0}.sidebar__apps{display:flex;gap:12px}.sidebar__apps .app-btn{flex:1}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100svh;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;z-index:999}.sidebar-overlay.is-active{opacity:1;visibility:visible}@media (max-width:599px){.sidebar{width:100svw;height:100svh;max-height:100svh;border-radius:0;right:-100%;left:auto}.sidebar::before{display:none}.sidebar.is-open{right:0}.sidebar__header{padding:20px 16px 12px}.sidebar__title{font-size:20px}.sidebar__content{padding:0 12px 12px}.sidebar__apps{flex-direction:column}.sidebar__apps .app-btn{width:100%}}