.sidebar-container[data-v-76f9fb74]{position:fixed;top:0;left:0;bottom:0;width:246px;background-color:#312e2b;border-right:1px solid rgba(74,72,69,.4);display:flex;flex-direction:column;z-index:40;transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden}.sidebar-logo[data-v-76f9fb74]{display:flex;align-items:center;gap:10px;padding:24px 20px 20px}.logo-icon[data-v-76f9fb74]{flex-shrink:0}.sidebar-nav[data-v-76f9fb74]{display:flex;flex-direction:column;gap:2px;padding:0 12px;flex:1}.sidebar-auth[data-v-76f9fb74]{padding:16px 16px 12px;display:flex;flex-direction:column;gap:8px}.sidebar-signup-btn[data-v-76f9fb74]{display:block;width:100%;text-align:center;padding:10px 16px;background-color:#81b64c;color:#fff;font-size:15px;font-weight:600;border-radius:8px;transition:all .2s ease}.sidebar-signup-btn[data-v-76f9fb74]:hover{background-color:#a4d66e}.sidebar-login-btn[data-v-76f9fb74]{display:block;width:100%;text-align:center;padding:10px 16px;color:#b7b5b2;font-size:15px;font-weight:500;border-radius:8px;border:1px solid rgba(74,72,69,.5);transition:all .15s ease}.sidebar-login-btn[data-v-76f9fb74]:hover{color:#f0d9b5;background-color:#3c3935;border-color:#4a4845cc}.sidebar-user-section[data-v-76f9fb74]{display:flex;flex-direction:column;gap:10px;padding:14px 14px 16px;border-top:1px solid rgba(74,72,69,.3);margin-top:auto}.sidebar-user-card[data-v-76f9fb74]{display:flex;align-items:center;gap:10px;width:100%;padding:6px 8px;border-radius:8px;transition:background .15s;text-decoration:none}.sidebar-user-card[data-v-76f9fb74]:hover{background:#3c3935}.sidebar-user-avatar[data-v-76f9fb74]{width:34px;height:34px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #4A4845;flex-shrink:0}.sidebar-user-info[data-v-76f9fb74]{display:flex;flex-direction:column;min-width:0}.sidebar-user-name[data-v-76f9fb74]{font-size:.85rem;font-weight:600;color:#f0d9b5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-plan[data-v-76f9fb74]{font-size:.7rem;color:#81b64c;font-weight:500}.sidebar-user-actions[data-v-76f9fb74]{display:flex;align-items:stretch;gap:8px}.sidebar-action-btn[data-v-76f9fb74]{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 8px;border-radius:8px;background:#3c3935;border:1px solid rgba(74,72,69,.5);color:#b7b5b2;cursor:pointer;transition:all .15s;font-size:.78rem;font-weight:600}.sidebar-action-btn[data-v-76f9fb74]:hover{color:#f0d9b5;background:#4a4845;border-color:#4a4845e6}.sidebar-action-label[data-v-76f9fb74]{white-space:nowrap}.sidebar-logout-btn[data-v-76f9fb74]:hover{color:#e57373;background:#e573731f;border-color:#e573734d}.sidebar-footer[data-v-76f9fb74]{padding:12px 20px 20px;border-top:1px solid rgba(74,72,69,.3)}@media (min-width: 1024px){.sidebar-container[data-v-76f9fb74]{position:sticky;top:0;height:100vh;width:206px;flex-shrink:0}}@media (max-width: 1023px){.sidebar-container[data-v-76f9fb74]{display:none!important}}.mobile-bottom-nav[data-v-76f9fb74]{position:fixed;bottom:0;left:0;right:0;height:64px;background:#1e1c1a;border-top:1px solid rgba(74,72,69,.5);display:flex;align-items:stretch;z-index:50;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 20px #0000004d}@media (min-width: 1024px){.mobile-bottom-nav[data-v-76f9fb74]{display:none!important}}.bottom-nav-item[data-v-76f9fb74]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#5a5855;text-decoration:none;transition:color .15s ease;padding:8px 4px;position:relative}.bottom-nav-item--active[data-v-76f9fb74]{color:#81b64c}.bottom-nav-item--active[data-v-76f9fb74]:before{content:"";position:absolute;top:0;left:20%;right:20%;height:2px;background:#81b64c;border-radius:0 0 2px 2px}.bottom-nav-label[data-v-76f9fb74]{font-size:.62rem;font-weight:600;letter-spacing:.02em;line-height:1}.sidebar-link-label[data-v-76f9fb74]{flex:1}.sidebar-soon-badge[data-v-76f9fb74]{font-size:.58rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#ffb74d;background:#ffb74d26;border:1px solid rgba(255,183,77,.35);border-radius:4px;padding:2px 5px;line-height:1.2;flex-shrink:0}.mobile-top-nav[data-v-76f9fb74]{position:fixed;top:0;left:0;right:0;height:56px;background:#262421f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(74,72,69,.5);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:50}@media (min-width: 1024px){.mobile-top-nav[data-v-76f9fb74]{display:none!important}}.hamburger-btn[data-v-76f9fb74]{background:none;border:none;color:#f0d9b5;padding:8px;cursor:pointer}.slant-hamburger line[data-v-76f9fb74]{transition:all .2s}.mobile-menu-overlay[data-v-76f9fb74]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.mobile-menu-popup[data-v-76f9fb74]{position:absolute;top:50px;right:0;background:#312e2b;border:1px solid rgba(74,72,69,.5);border-radius:8px;box-shadow:0 4px 20px #00000080;padding:8px 0;min-width:160px;display:flex;flex-direction:column;z-index:50;overflow:hidden}.menu-item[data-v-76f9fb74]{padding:12px 20px;text-align:left;color:#f0d9b5;font-size:.95rem;font-weight:500;background:none;border:none;text-decoration:none;transition:background .2s;cursor:pointer}.menu-item[data-v-76f9fb74]:hover{background:#3c3935}.text-logout[data-v-76f9fb74]{color:#e57373}.text-login[data-v-76f9fb74]{color:#b7b5b2}.text-signup[data-v-76f9fb74]{color:#81b64c;font-weight:700}.is-play-btn[data-v-76f9fb74]{transform:translateY(-20px);flex-shrink:0}.bottom-play-circle[data-v-76f9fb74]{width:68px;height:68px;flex-shrink:0;background-color:#81b64c;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 16px #81b64c66;border:5px solid #1E1C1A;transition:transform .2s,box-shadow .2s}.is-play-btn:active .bottom-play-circle[data-v-76f9fb74]{transform:scale(.95);box-shadow:0 2px 8px #81b64c66}.notification-btn[data-v-76f9fb74]{background:none;border:none;outline:none;cursor:pointer;transition:transform .2s}.notification-btn[data-v-76f9fb74]:active{transform:scale(.9)}.notification-badge[data-v-76f9fb74]{position:absolute;top:0;right:0;background-color:#81b64c;color:#fff;font-size:.65rem;font-weight:700;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:2px}.sidebar-notify-btn[data-v-76f9fb74]:hover{color:#f0d9b5;background:#4a4845;border-color:#4a4845e6}.sidebar-notify-badge[data-v-76f9fb74]{position:absolute;top:2px;right:2px;background-color:#81b64c;color:#fff;font-size:.6rem;font-weight:700;min-width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center}.invites-dropdown-backdrop[data-v-76f9fb74]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:transparent}.invites-dropdown-card[data-v-76f9fb74]{position:fixed;z-index:90;background:#312e2b;border:1px solid rgba(74,72,69,.8);border-radius:12px;box-shadow:0 16px 40px #0009;display:flex;flex-direction:column;overflow:hidden}@media (max-width: 1023px){.invites-dropdown-card[data-v-76f9fb74]{top:64px;right:16px;width:calc(100vw - 32px);max-width:320px}}@media (min-width: 1024px){.invites-dropdown-card[data-v-76f9fb74]{bottom:70px;left:20px;width:280px}}.invites-dropdown-header[data-v-76f9fb74]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#3c3935;border-bottom:1px solid rgba(74,72,69,.5)}.invites-dropdown-header h3[data-v-76f9fb74]{margin:0;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#f0d9b5}.close-invites-btn[data-v-76f9fb74]{background:none;border:none;color:#8a8885;font-size:1.4rem;cursor:pointer;line-height:1}.close-invites-btn[data-v-76f9fb74]:hover{color:#f0d9b5}.invites-dropdown-body[data-v-76f9fb74]{padding:12px;max-height:250px;overflow-y:auto;background:#262421}.no-invites-text[data-v-76f9fb74]{padding:16px;text-align:center;color:#8a8885;font-size:.8rem;font-style:italic}.invite-items[data-v-76f9fb74]{display:flex;flex-direction:column;gap:8px}.invite-item[data-v-76f9fb74]{display:flex;align-items:center;gap:10px;background:#312e2b;border:1px solid rgba(74,72,69,.4);border-radius:8px;padding:10px}.invite-avatar[data-v-76f9fb74]{width:32px;height:32px;border-radius:6px;-o-object-fit:cover;object-fit:cover;border:1px solid #4A4845}.invite-info[data-v-76f9fb74]{display:flex;flex-direction:column;flex:1;min-width:0}.invite-sender[data-v-76f9fb74]{font-size:.8rem;font-weight:700;color:#f0d9b5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-desc[data-v-76f9fb74]{font-size:.7rem;color:#8a8885}.invite-actions[data-v-76f9fb74]{display:flex;align-items:center;gap:6px}.invite-accept-btn[data-v-76f9fb74]{background:#81b64c;color:#fff;border:none;font-size:.75rem;font-weight:700;padding:5px 12px;border-radius:6px;cursor:pointer;transition:background .15s}.invite-accept-btn[data-v-76f9fb74]:hover{background:#a4d66e}.invite-decline-btn[data-v-76f9fb74]{background:#e573731a;border:1px solid rgba(229,115,115,.3);color:#e57373;font-size:1.1rem;line-height:1;padding:1px 8px;border-radius:6px;cursor:pointer;transition:all .15s}.invite-decline-btn[data-v-76f9fb74]:hover{background:#e5737333;border-color:#e57373}