.sidebar{display:flex;flex-direction:column;justify-content:flex-start;width:260px;height:100vh;background:linear-gradient(135deg,#a067c2,#c7b0e9 48%,#89dbd7);box-shadow:0 10px 36px #502e8c2e;margin:0;border-radius:0!important;padding:16px 18px 12px;color:#2f2058;font-family:Lora,Inter,Segoe UI,Arial,sans-serif;overflow-y:auto;position:fixed;left:0;top:0;transition:width .3s ease;z-index:1000}.sidebar.collapsed{width:60px;padding:16px 6px 10px!important}.sidebar.collapsed .sidebar-logo{justify-content:center;padding:10px 0}.sidebar.collapsed .sidebar-logo img{width:38px}.sidebar.collapsed .sidebar-section-label,.sidebar.collapsed span:not(.icon),.sidebar.collapsed .sidebar-badge{display:none!important}.sidebar.collapsed .sidebar-item,.sidebar.collapsed .sidebar-play-item{justify-content:center;padding:8px 0}.sidebar.collapsed .icon{font-size:1.2rem;margin:0 auto}.sidebar-toggle{position:absolute;top:76px;right:10px;width:30px;height:30px;background:#fff3;color:#fff;font-size:1.2rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;border:none;z-index:10;box-shadow:0 2px 4px #0003}.sidebar-toggle:hover{background:#fff5}.sidebar-logo{display:flex;justify-content:center;align-items:center;padding:1rem 0 .8rem}.sidebar-logo img{width:170px;max-width:96%;filter:drop-shadow(0 6px 42px #b4accb60) drop-shadow(0 .5px 2.5px #fff)}.sidebar-nav,.sidebar-powerplay-list{display:flex;flex-direction:column;gap:4px;margin-top:4px}.sidebar-item,.sidebar-play-item{display:flex;align-items:center;gap:12px;padding:8px 12px;font-size:1.05rem;border-radius:10px;cursor:pointer;transition:background .2s ease,transform .2s ease;color:#2f2058;font-weight:500;position:relative}.sidebar-item:hover,.sidebar-play-item:hover{background:#ffffff2e;color:#3b1d77;transform:translate(4px)}.sidebar-item.active,.sidebar-play-item.active{background:linear-gradient(90deg,#ab74e8,#57d4ce 98%);color:#fff8ea;font-weight:700;box-shadow:0 4px 16px #ab74e818}.sidebar-item.locked,.sidebar-play-item.locked{opacity:.5;cursor:not-allowed;background:#ffffff14;color:#9c86b4}.sidebar-item.locked .icon,.sidebar-play-item.locked .icon{filter:grayscale(75%)}.sidebar-item.pro-upgrade{background:linear-gradient(90deg,#fbf4ff,#f3ecfc);border:1.2px solid #dfc8f7;color:#a352d1;font-weight:600;box-shadow:inset 0 0 0 1px #fff4;opacity:.95;pointer-events:auto}.sidebar-item.pro-upgrade:hover{transform:translate(6px);background:linear-gradient(90deg,#ebc3ff,#d9f1f0);box-shadow:0 4px 14px #9e5cce33}.sidebar-item.pro-upgrade .icon{font-size:1.3rem;filter:grayscale(0%);color:#a352d1;animation:lockBounce 2.5s infinite}.sidebar-item.pro-upgrade:hover:before{content:"Upgrade to Pro to unlock this";position:absolute;top:50%;left:105%;transform:translateY(-50%);background:#2f2058;color:#fff;padding:6px 10px;border-radius:6px;font-size:.75rem;white-space:nowrap;z-index:1001;box-shadow:0 2px 8px #00000026}.sidebar-item.pro-upgrade .sidebar-badge:before{content:"👑 "}@keyframes lockBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.sidebar-badge{background:gold;color:#5b2d84;font-size:.74rem;margin-left:8px;padding:2px 7px;border-radius:8px;font-weight:700}.crisis-btn{background:linear-gradient(90deg,#fed7f2,#c6d0f7)!important;color:#ad107f!important;font-weight:700!important;font-size:1.07rem}.crisis-btn:hover{background:linear-gradient(90deg,#f971b7 10%,#4078c0)!important;color:#fff7e8!important}.sidebar-item.share-btn{background:linear-gradient(90deg,#ffcfdf,#fef3c7);color:#6a2b7d;font-weight:700;position:relative;overflow:hidden;transition:all .3s ease}.sidebar-item.share-btn:after{content:"✨";position:absolute;top:-6px;right:12px;animation:sparkle 2.5s infinite;font-size:1.3rem}@keyframes sparkle{0%,to{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.sidebar-item.share-btn:hover{background:linear-gradient(90deg,#ff9ecb,#ffd6e1);color:#2c004d;box-shadow:0 3px 10px #7e338b4d}.sidebar-section-label{font-size:1.05em;font-weight:600;color:#7848b3;letter-spacing:.05em;margin:21px 0 10px}.divider{border-bottom:1.2px solid #e6dbf6a0;margin:13px 0 5px}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:0;height:100vh;box-shadow:0 2px 18px #0003;z-index:2000}}.sidebar{scrollbar-width:thin;scrollbar-color:#cb73f7 transparent}.sidebar::-webkit-scrollbar{width:3px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background-color:#b79adf;border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background-color:#9e6bd2}