.sidebar-float{
    position:fixed;left:22px;top:50%;transform:translateY(-50%);
    z-index:1000;display:flex;flex-direction:column;align-items:center;gap:11px
}
.sidebar-main-btn{
    width:45px;height:45px;border-radius:50%;
    background:linear-gradient(135deg,var(--b1),var(--b2));
    border:none;color:#fff;font-size:1.1rem;cursor:pointer;
    box-shadow:0 3px 11px rgba(161,196,253,0.4);
    transition:all .3s cubic-bezier(0.68,-0.55,0.265,1.55);
    display:flex;align-items:center;justify-content:center;
    position:relative;z-index:1002
}
.sidebar-main-btn:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 6px 20px rgba(161,196,253,0.6)}
.sidebar-main-btn.active{transform:rotate(45deg)}
.sidebar-menu-wrapper{
    position:absolute;left:52px;top:50%;transform:translateY(-50%) scale(0);
    opacity:0;visibility:hidden;display:flex;flex-direction:column;gap:11px;
    transition:all .4s cubic-bezier(0.68,-0.55,0.265,1.55);z-index:1020
}
.sidebar-float:hover .sidebar-menu-wrapper,
.sidebar-float.active .sidebar-menu-wrapper{
    transform:translateY(-50%) scale(1);opacity:1;visibility:visible
}
.sidebar-menu-items{
    display:flex;flex-direction:column;gap:8px;position:relative;z-index:1025
}
.sidebar-menu-items.section-navigation{flex-direction:row}
.sidebar-item{
    width:38px;height:38px;border-radius:50%;
    background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);
    display:flex;align-items:center;justify-content:center;
    color:var(--ink-soft);text-decoration:none;
    box-shadow:0 2px 8px rgba(0,0,0,0.15);
    transition:all .3s ease;position:relative;font-size:.9rem
}
.sidebar-item:hover{
    background:linear-gradient(135deg,var(--b1),var(--b2));
    color:#fff;transform:scale(1.15);
    box-shadow:0 5px 15px rgba(161,196,253,0.4)
}
.sidebar-item.active{
    background:linear-gradient(135deg,var(--b1),var(--b2));
    color:#fff;box-shadow:0 4px 12px rgba(161,196,253,0.5)
}
.sidebar-item .item-label{
    position:fixed;background:rgba(0,0,0,0.85);color:#fff;
    padding:5px 9px;border-radius:5px;font-size:.64rem;
    white-space:nowrap;opacity:0;visibility:hidden;
    transition:all .3s ease;pointer-events:none;z-index:99999
}
.sidebar-item .item-label::after{
    content:'';position:absolute;left:-5px;top:50%;
    transform:translateY(-50%);border-width:5px 5px 5px 0;
    border-style:solid;border-color:transparent rgba(0,0,0,0.85) transparent transparent
}
.sidebar-item:hover .item-label{opacity:1;visibility:visible}
.sidebar-gif-container{
    width:150px;height:150px;border-radius:12px;
    overflow:hidden;box-shadow:0 6px 19px rgba(0,0,0,0.2);
    background:var(--surface);pointer-events:none
}
.sidebar-gif-container img{width:100%;height:100%;object-fit:cover}
.sidebar-back-top{
    width:34px;height:34px;border-radius:50%;
    background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);
    border:none;color:var(--ink-soft);font-size:.9rem;cursor:pointer;
    box-shadow:0 2px 8px rgba(0,0,0,0.15);
    transition:all .3s ease;opacity:0;visibility:hidden;
    display:flex;align-items:center;justify-content:center
}
.sidebar-back-top.show{opacity:1;visibility:visible}
.sidebar-back-top:hover{
    background:linear-gradient(135deg,var(--b1),var(--b2));
    color:#fff;transform:translateY(-3px);
    box-shadow:0 5px 15px rgba(161,196,253,0.4)
}

@media(max-width:768px){
    .sidebar-float{left:15px}
    .sidebar-main-btn{width:50px;height:50px;font-size:1.3rem}
    .sidebar-item{width:45px;height:45px;font-size:1.1rem}
    .sidebar-menu-wrapper{left:60px}
    .sidebar-gif-container{width:150px;height:150px}
    .sidebar-item .item-label{display:none!important}
    .sidebar-back-top{width:40px;height:40px;font-size:1.1rem}
    .sidebar-item:active,.sidebar-main-btn:active{transform:scale(.9)}
}