.sidebar{width:240px;height:100vh;height:100dvh;background-color:var(--surface-dark, #141414);border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;padding:32px 16px;position:sticky;top:0;z-index:50;transition:width var(--transition-normal, .3s ease),padding var(--transition-normal, .3s ease);overflow-y:auto;overflow-x:hidden}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;backdrop-filter:blur(4px);z-index:45;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar.collapsed{width:68px;padding:32px 10px}.sidebar__nav{display:flex;flex-direction:column;gap:8px}.sidebar__section-label{font-size:.6rem;font-weight:600;color:#ffffff4d;text-transform:uppercase;letter-spacing:.1em;padding:16px 12px 4px;margin-top:8px}.sidebar__item{display:flex;align-items:center;padding:10px 12px;color:#ffffff80;text-decoration:none;font-family:var(--font-display, "Inter", sans-serif);font-size:.55rem;letter-spacing:.05em;border-radius:6px;transition:all var(--transition-normal, .3s ease);cursor:pointer;border:1px solid transparent;text-transform:uppercase;position:relative;white-space:nowrap;overflow:hidden;box-sizing:border-box}.sidebar.collapsed .sidebar__item{padding:10px 0;justify-content:center}.sidebar__item:hover{color:var(--white, #FFFFFF);background-color:#ffffff08}.sidebar__item.active{color:var(--white, #FFFFFF);background:linear-gradient(90deg,rgba(241,224,182,.08) 0%,transparent 100%);border-color:transparent}.sidebar__item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:16px;width:2px;background-color:var(--primary, #F1E0B6);box-shadow:0 0 8px #f1e0b666;border-radius:0 2px 2px 0}.sidebar__item.active .sidebar__icon{color:var(--primary, #F1E0B6)}.sidebar__item--special{background:#f1e0b60d;border:1px solid rgba(241,224,182,.15);color:var(--primary, #F1E0B6);margin-bottom:4px}.sidebar__item--special.active{border-color:var(--primary, #F1E0B6);background:#f1e0b61a}.sidebar__item--special.active:before{display:none}.sidebar__item--special:hover{background:#f1e0b61a;color:var(--primary, #F1E0B6)}.sidebar__item--special .sidebar__icon{color:var(--primary, #F1E0B6)}.sidebar__icon{margin-right:10px;font-size:16px;flex-shrink:0;transition:margin var(--transition-normal, .3s ease)}.sidebar.collapsed .sidebar__icon{margin-right:0}.sidebar__label{opacity:1;transition:opacity var(--transition-normal, .2s ease)}.sidebar.collapsed .sidebar__label{opacity:0;width:0;display:none}.thin-icon{font-variation-settings:"FILL" 0,"wght" 100,"GRAD" 0,"opsz" 24;font-weight:100}.sidebar__header{margin-bottom:32px;padding-left:12px;min-height:32px;display:flex;align-items:center;justify-content:space-between;width:100%}.sidebar.collapsed .sidebar__header{padding-left:0;justify-content:center;margin-bottom:32px}.sidebar__logo{font-family:var(--font-serif, "Cormorant Garamond", serif);font-size:1.5rem;color:var(--white, #FFFFFF);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;text-decoration:none;transition:color .3s ease}.sidebar__logo:hover{color:var(--primary, #F1E0B6)}.sidebar__toggle{background:transparent;border:none;color:#ffffff4d;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;transition:color var(--transition-normal, .3s ease);margin:0;z-index:10;opacity:1}.sidebar__close-mobile{display:none;background:transparent;border:none;color:#ffffff80;cursor:pointer;padding:8px;align-items:center;justify-content:center}.sidebar.collapsed .sidebar__toggle{justify-content:center;padding:0}.sidebar__toggle:hover{color:var(--white, #FFFFFF)}.sidebar__credits{display:flex;align-items:center;gap:12px;padding:10px 14px;margin-bottom:16px;background:linear-gradient(135deg,#f1e0b61a,#f1e0b60d);border:1px solid rgba(241,224,182,.2);border-radius:8px;transition:all var(--transition-normal, .3s ease)}.sidebar__credits.collapsed{justify-content:center;padding:12px 8px}.sidebar__credits-icon{display:flex;align-items:center;justify-content:center;color:var(--primary, #F1E0B6)}.sidebar__credits-icon .material-symbols-outlined{font-size:20px}.sidebar__credits-info{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1}.sidebar__credits-row{display:flex;align-items:center;justify-content:space-between;width:100%}.sidebar__credits-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80}.sidebar__credits-value{font-size:1rem;font-weight:600;color:var(--primary, #F1E0B6);font-family:var(--font-display, "Inter", sans-serif)}.sidebar__credits-topup{display:flex;align-items:center;gap:4px;padding:2px 6px;background:#f1e0b626;border-radius:4px;color:var(--primary, #F1E0B6);text-decoration:none;font-size:.65rem;font-weight:600;text-transform:uppercase;transition:all .2s ease}.sidebar__credits-topup:hover{background:var(--primary, #F1E0B6);color:#000}.sidebar__credits-topup .material-symbols-outlined{font-size:14px}.sidebar__separator{height:1px;background:#ffffff1a;margin:12px 0}.sidebar__user{margin-top:auto;padding:16px 12px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar__user-anonymous,.sidebar__user-info{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#ffffff80;overflow:hidden}.sidebar__user-anonymous .material-symbols-outlined,.sidebar__user-info .material-symbols-outlined{font-size:18px;flex-shrink:0}.sidebar__user-anonymous span:last-child,.sidebar__user-info span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__signout{background:transparent;border:none;color:#ffffff4d;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-normal, .3s ease);flex-shrink:0}.sidebar__signout:hover{color:#ef4444}.sidebar__signout .material-symbols-outlined{font-size:18px}.sidebar__signup{background:transparent;border:none;color:var(--primary, #F1E0B6);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-normal, .3s ease);flex-shrink:0}.sidebar__signup:hover{color:#e5d4a8}.sidebar__signup-full{width:100%;background:linear-gradient(135deg,#f1e0b626,#f1e0b614);border:1px solid rgba(241,224,182,.3);color:var(--primary, #F1E0B6);cursor:pointer;padding:10px 16px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-normal, .3s ease)}.sidebar__signup-full:hover{background:linear-gradient(135deg,#f1e0b633,#f1e0b61f);border-color:#f1e0b680;color:#e5d4a8}.sidebar__signup-full .material-symbols-outlined{font-size:18px}@media(max-width:768px){.sidebar{position:fixed;left:0;top:0;transform:translate(-100%);width:280px;z-index:100;transition:transform .4s cubic-bezier(.16,1,.3,1);padding:24px 20px;background-color:#0f0f0f;border-right:1px solid rgba(255,255,255,.05)}.sidebar.mobile-open{transform:translate(0);box-shadow:20px 0 60px #000c}.sidebar__toggle{display:none}.sidebar__close-mobile{display:flex}.sidebar.collapsed{width:280px}.sidebar.collapsed .sidebar__label{opacity:1;width:auto;display:inline}.sidebar.collapsed .sidebar__item{justify-content:flex-start;padding:10px 12px}.sidebar.collapsed .sidebar__icon{margin-right:10px}.sidebar__header{margin-bottom:32px}}