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