.burger-drawer-backdrop{z-index:999998;background:var(--ts-bg-overlay);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;overscroll-behavior:contain;transition:opacity .3s,visibility .3s;position:fixed;top:0;bottom:0;left:0;right:0}.burger-drawer-backdrop.open{opacity:1;visibility:visible}.burger-drawer{z-index:999999;background:var(--ts-bg-elevated);border-right:1px solid var(--ts-divider);width:280px;max-width:82vw;box-shadow:8px 0 32px var(--ts-shadow-color);pointer-events:auto;-webkit-overflow-scrolling:touch;flex-direction:column;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;transform:translate(-100%)}.burger-drawer-backdrop.open .burger-drawer{transform:translate(0)}.burger-drawer:before{content:"";background:linear-gradient(90deg, var(--ts-accent-primary) 0%, var(--ts-accent-secondary) 50%, var(--ts-accent-primary) 100%);z-index:1;background-size:200% 100%;height:2px;animation:3s infinite accentShimmer;position:absolute;top:0;left:0;right:0}@keyframes accentShimmer{0%,to{background-position:0%}50%{background-position:100%}}.burger-drawer-header{padding:14px 16px 10px;padding-top:calc(14px + env(safe-area-inset-top,0px));flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.burger-drawer-brand{align-items:center;gap:8px;display:flex}.burger-drawer-logo{border-radius:6px;width:26px;height:26px}.burger-drawer-appname{color:var(--ts-text-muted);letter-spacing:.02em;text-transform:uppercase;font-size:.82rem;font-weight:600}.burger-drawer-close{background:var(--ts-divider);width:44px;height:44px;color:var(--ts-text-faint);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex}.burger-drawer-close:hover{background:var(--ts-highlight);color:var(--ts-text-secondary)}.burger-drawer-profile{border:1px solid var(--ts-accent-subtle);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#667eea1f 0%,#764ba21a 100%);border-radius:14px;flex-shrink:0;align-items:center;gap:14px;margin:0 12px 4px;padding:16px 20px 20px;text-decoration:none;transition:all .25s;display:flex}.burger-drawer-profile:hover{border-color:var(--ts-border-accent);background:linear-gradient(135deg,#667eea2e 0%,#764ba229 100%);transform:translateY(-1px)}.burger-drawer-avatar{background:var(--ts-gradient-primary);width:48px;height:48px;box-shadow:0 2px 12px var(--ts-border-accent);border:2px solid #667eea59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.burger-drawer-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.burger-drawer-avatar svg{width:26px;height:26px}.burger-drawer-avatar-initials{color:var(--ts-text-primary);letter-spacing:.02em;font-size:1rem;font-weight:700}.burger-drawer-profile-info{flex-direction:column;gap:2px;min-width:0;display:flex}.burger-drawer-profile-name{color:var(--ts-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.burger-drawer-profile-username{color:var(--ts-text-faint);white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;font-weight:400;overflow:hidden}.burger-drawer-body{scrollbar-width:thin;scrollbar-color:var(--ts-border-default) transparent;overscroll-behavior:contain;flex:1;padding:8px 0;overflow:hidden auto}.burger-drawer-body::-webkit-scrollbar{width:3px}.burger-drawer-body::-webkit-scrollbar-thumb{background:var(--ts-border-default);border-radius:3px}.burger-drawer-section{padding:4px 0}.burger-drawer-section+.burger-drawer-section{border-top:1px solid var(--ts-divider)}.burger-drawer-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ts-text-faint);padding:12px 20px 6px;font-size:.65rem;font-weight:600}.burger-drawer-item{color:var(--ts-text-secondary);cursor:pointer;box-sizing:border-box;text-align:left;touch-action:manipulation;-webkit-tap-highlight-color:transparent;pointer-events:auto;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:calc(100% - 16px);margin:1px 8px;padding:11px 20px;font-family:inherit;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.burger-drawer-item:hover{background:var(--ts-bg-input);color:var(--ts-text-primary)}.burger-drawer-item:active{background:var(--ts-border-default);transition:all .1s;transform:scale(.97)}.burger-drawer-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.95rem;display:flex}.burger-drawer-item-icon svg{width:18px;height:18px;display:block}.burger-drawer-item-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.burger-drawer-item--logout{color:#ff6464b3}.burger-drawer-item--logout:hover{color:#ff6464f2;background:#ff646414}.burger-drawer-footer{border-top:1px solid var(--ts-divider);padding:6px 0 8px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));flex-shrink:0}.burger-drawer-footer.hidden{display:none}.burger-drawer-backdrop.open .burger-drawer-header{animation:.35s cubic-bezier(.16,1,.3,1) backwards drawerHeaderIn}.burger-drawer-backdrop.open .burger-drawer-profile{animation:.45s cubic-bezier(.34,1.56,.64,1) 60ms backwards drawerProfileIn}.burger-drawer-backdrop.open .burger-drawer-section-label{animation:.35s cubic-bezier(.16,1,.3,1) backwards drawerLabelIn}.burger-drawer-backdrop.open .burger-drawer-item{animation:.4s cubic-bezier(.16,1,.3,1) backwards drawerItemIn}.burger-drawer-backdrop.open .burger-drawer-footer{animation:.35s cubic-bezier(.16,1,.3,1) .2s backwards drawerFooterIn}@keyframes drawerHeaderIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes drawerProfileIn{0%{opacity:0;transform:translateY(-8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes drawerLabelIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes drawerItemIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes drawerFooterIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.burger-drawer-section:first-child .burger-drawer-section-label{animation-delay:80ms}.burger-drawer-section:nth-child(2) .burger-drawer-section-label{animation-delay:.16s}.burger-drawer-section:first-child .burger-drawer-item:nth-child(2){animation-delay:40ms}.burger-drawer-section:first-child .burger-drawer-item:nth-child(3){animation-delay:70ms}.burger-drawer-section:first-child .burger-drawer-item:nth-child(4){animation-delay:.1s}.burger-drawer-section:first-child .burger-drawer-item:nth-child(5){animation-delay:.13s}.burger-drawer-section:first-child .burger-drawer-item:nth-child(6){animation-delay:.16s}.burger-drawer-section:first-child .burger-drawer-item:nth-child(7){animation-delay:.19s}.burger-drawer-section:nth-child(2) .burger-drawer-item:nth-child(2){animation-delay:.14s}.burger-drawer-section:nth-child(2) .burger-drawer-item:nth-child(3){animation-delay:.17s}.burger-drawer-section:nth-child(2) .burger-drawer-item:nth-child(4){animation-delay:.2s}.burger-drawer-section:nth-child(2) .burger-drawer-item:nth-child(5){animation-delay:.23s}.burger-drawer-section:nth-child(2) .burger-drawer-item:nth-child(6){animation-delay:.26s}.burger-menu-btn{cursor:pointer;z-index:10;-webkit-tap-highlight-color:transparent;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:44px;min-width:44px;height:44px;transition:transform .2s;display:none;position:relative;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important;padding:0!important}@media (max-width:768px){.burger-menu-btn{display:flex!important}}.burger-menu-btn .burger-line{display:block;background:var(--ts-text-secondary)!important;transform-origin:50%!important;border-radius:2px!important;width:20px!important;height:2px!important;transition:transform .4s cubic-bezier(.23,1,.32,1),opacity .25s,width .3s cubic-bezier(.23,1,.32,1)!important}.burger-menu-btn .burger-line:nth-child(2){width:14px!important;transition:transform .4s cubic-bezier(.23,1,.32,1),opacity .2s .1s,width .3s cubic-bezier(.23,1,.32,1)!important}.burger-menu-btn:hover{box-shadow:none!important;background:0 0!important;border:none!important}.burger-menu-btn:active{transform:scale(.9)!important}.burger-menu-btn.active{border:none!important;animation:.45s cubic-bezier(.34,1.56,.64,1) burgerBtnPop!important}.burger-menu-btn.active .burger-line:first-child{transform:translateY(7px)rotate(45deg)!important}.burger-menu-btn.active .burger-line:nth-child(2){opacity:0!important;width:0!important;transform:scaleX(0)rotate(15deg)!important}.burger-menu-btn.active .burger-line:nth-child(3){transform:translateY(-7px)rotate(-45deg)!important}@keyframes burgerBtnPop{0%{transform:scale(1)}40%{transform:scale(.82)}70%{transform:scale(1.08)}to{transform:scale(1)}}.stats-burger-btn .burger-line{display:block;background:var(--ts-text-secondary)!important;transform-origin:50%!important;border-radius:2px!important;width:20px!important;height:2px!important;transition:transform .4s cubic-bezier(.23,1,.32,1),opacity .25s,width .3s cubic-bezier(.23,1,.32,1)!important}.stats-burger-btn .burger-line:nth-child(2){width:14px!important}.stats-burger-btn.active{animation:.45s cubic-bezier(.34,1.56,.64,1) burgerBtnPop!important}.stats-burger-btn.active .burger-line:first-child{transform:translateY(7px)rotate(45deg)!important}.stats-burger-btn.active .burger-line:nth-child(2){opacity:0!important;width:0!important;transform:scaleX(0)rotate(15deg)!important}.stats-burger-btn.active .burger-line:nth-child(3){transform:translateY(-7px)rotate(-45deg)!important}@media (min-width:769px){.burger-drawer{width:300px}}
