.sidebar{position:fixed;top:64px;right:-320px;width:320px;height:calc(100vh - 64px);max-height:calc(100vh - 64px);background:var(--brand-dark);color:var(--brand-cream);box-shadow:-2px 0 24px rgba(26,10,18,.18);transition:right .35s var(--ease-out-quint);z-index:1003;display:flex;flex-direction:column;overflow:hidden;visibility:hidden;opacity:0}.sidebar,.sidebar *{font-family:inherit}.sidebar.open{right:0;visibility:visible;opacity:1}.sidebar-header{padding:28px 22px 24px;background:var(--brand-gradient-fuchsia);color:var(--brand-white);position:relative}.sidebar-header:after{content:"";position:absolute;inset-inline:22px;bottom:0;height:2px;background:linear-gradient(90deg,transparent 0,var(--brand-gold) 50%,transparent 100%);opacity:.7}.user-avatar{width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;margin-bottom:14px;color:var(--brand-white);position:relative;overflow:hidden;border:2px solid rgba(232,201,122,.6);transition:transform .3s var(--ease-out-quint),box-shadow .3s var(--ease-out-quint)}.user-avatar:hover{transform:scale(1.04);box-shadow:var(--brand-glow-gold)}.avatar-edit-overlay{position:absolute;inset:0;background:rgba(26,10,18,.55);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s var(--ease-out-quint);border-radius:50%}.user-avatar:hover .avatar-edit-overlay{opacity:1}.avatar-edit-overlay span{font-size:20px;color:var(--brand-white)}.user-info{text-align:right}.user-name{font-family:inherit;font-size:18px;font-weight:800;margin:0 0 8px;color:var(--brand-white);letter-spacing:.005em}.user-tokens{display:flex;align-items:center;gap:6px;font-size:14px;color:rgba(255,255,255,.9);justify-content:flex-end;position:relative}.token-icon{transition:transform .3s var(--ease-out-quint),opacity .3s var(--ease-out-quint)}.token-count,.token-icon{font-size:16px;color:var(--brand-gold-light)}.token-count{font-weight:800;transition:transform .3s var(--ease-out-quint),color .3s var(--ease-out-quint);display:inline-block}.token-label{opacity:.85;font-size:12px;letter-spacing:.02em;text-transform:uppercase;font-weight:700}.user-tokens.token-decrease{animation:tokenDecrease .6s var(--ease-out-quint)}.user-tokens.token-decrease .token-count{animation:tokenCountPulse .6s var(--ease-out-quint)}.user-tokens.token-decrease .token-icon{animation:tokenIconGlow .6s var(--ease-out-quint)}@keyframes tokenDecrease{0%{transform:scale(1);opacity:1}30%{transform:scale(.96);opacity:.9}60%{transform:scale(1.02);opacity:1}to{transform:scale(1);opacity:1}}@keyframes tokenCountPulse{0%{color:var(--brand-gold-light);transform:scale(1)}50%{color:#FFF6E0;transform:scale(1.12)}to{color:var(--brand-gold-light);transform:scale(1)}}@keyframes tokenIconGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.sidebar-close{position:absolute;top:16px;left:16px;background:rgba(255,255,255,.18);border:none;color:var(--brand-white);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:20px;display:none;align-items:center;justify-content:center;transition:background .3s var(--ease-out-quint)}.sidebar-close:hover{background:rgba(255,255,255,.32)}.sidebar-nav{flex:1 1;padding:12px 0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(232,201,122,.25) transparent}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(232,201,122,.25);border-radius:3px}.sidebar-item{display:flex;align-items:center;gap:14px;padding:14px 22px;text-decoration:none;color:var(--brand-cream);transition:background .25s var(--ease-out-quint),color .25s var(--ease-out-quint),border-color .25s var(--ease-out-quint);border-right:3px solid transparent}.sidebar-item:hover{background:rgba(212,22,122,.1);border-right-color:var(--brand-fuchsia);color:var(--brand-white)}.sidebar-item.active{background:rgba(212,22,122,.18);border-right-color:var(--brand-gold);color:var(--brand-white)}.sidebar-item.active .sidebar-label{color:var(--brand-gold-light);font-weight:800}.sidebar-icon{font-size:22px;width:32px;text-align:center;color:var(--brand-gold-light);opacity:.85}.sidebar-item.active .sidebar-icon,.sidebar-item:hover .sidebar-icon{opacity:1}.sidebar-content{display:flex;flex-direction:column;gap:2px;text-align:right;flex:1 1}.sidebar-label{font-family:inherit;font-size:15px;font-weight:600;color:var(--brand-cream);letter-spacing:.005em}.sidebar-description{font-size:12px;color:var(--brand-warm-gray);opacity:.85}.sidebar-footer{padding:18px 20px;border-top:1px solid rgba(232,201,122,.15)}.back-to-site{display:block;text-align:center;padding:12px;background:rgba(232,201,122,.1);border:1px solid rgba(232,201,122,.25);border-radius:10px;color:var(--brand-gold-light);text-decoration:none;font-weight:700;letter-spacing:.01em;transition:background .3s var(--ease-out-quint),color .3s var(--ease-out-quint),border-color .3s var(--ease-out-quint)}.back-to-site:hover{background:var(--brand-gradient-fuchsia);color:var(--brand-white);border-color:transparent}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(26,10,18,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1002;display:none}@media (min-width:1050px){.sidebar{right:0}.sidebar-close,.sidebar-overlay{display:none!important}}@media (max-width:1049px){.sidebar{top:60px;height:calc(100vh - 60px);max-height:calc(100vh - 60px);right:-100%;width:320px}.sidebar.open{right:0}.sidebar-overlay{display:block;top:60px;height:calc(100vh - 60px)}.sidebar-close{display:flex}}@media (max-width:480px){.sidebar{width:100%;max-width:100%;right:-100%}}.sidebar-dropdown{margin-top:4px}.sidebar-dropdown-toggle{cursor:pointer;border:none;background:transparent;width:100%;font-family:inherit;position:relative;color:var(--brand-cream)}.sidebar-dropdown-toggle.active{background:rgba(212,22,122,.18);border-right-color:var(--brand-gold)}.sidebar-dropdown-toggle.active .sidebar-label{color:var(--brand-gold-light);font-weight:800}.sidebar-dropdown-toggle .dropdown-arrow{position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--brand-warm-gray);transition:transform .3s var(--ease-out-quint),color .3s var(--ease-out-quint)}.sidebar-dropdown-toggle .dropdown-arrow.open{transform:translateY(-50%) rotate(180deg)}.sidebar-dropdown-toggle:hover .dropdown-arrow{color:var(--brand-fuchsia)}.sidebar-dropdown-menu{background:rgba(212,22,122,.08);padding:8px 0;margin-top:2px;animation:slideDown .3s var(--ease-out-quint);max-height:500px;overflow-y:auto;scroll-behavior:smooth}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.sidebar-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 22px 12px 40px;text-decoration:none;color:var(--brand-cream);transition:background .25s var(--ease-out-quint),border-color .25s var(--ease-out-quint);border-right:3px solid transparent;font-size:14px}.sidebar-dropdown-item:hover{background:rgba(212,22,122,.14);border-right-color:var(--brand-fuchsia)}.sidebar-dropdown-item.active{background:rgba(212,22,122,.18);border-right-color:var(--brand-gold)}.sidebar-dropdown-item.active .sidebar-label{color:var(--brand-gold-light);font-weight:800}.sidebar-dropdown-item .sidebar-icon{font-size:18px;width:24px}.sidebar-dropdown-item .sidebar-label{font-size:14px;font-weight:500;color:var(--brand-cream)}.sidebar-image-modal-overlay{position:fixed;inset:0;background:rgba(26,10,18,.6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1004;animation:fadeIn .3s var(--ease-out-quint)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar-image-modal{background:var(--brand-cream);border-radius:18px;padding:28px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--brand-shadow-luxe);border:1px solid rgba(140,120,130,.12);border-top:3px solid var(--brand-fuchsia);animation:slideUp .35s var(--ease-out-quint)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sidebar-image-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(140,120,130,.15)}.sidebar-image-modal-header h3{font-family:inherit;font-size:20px;font-weight:900;color:var(--brand-black);margin:0}.sidebar-image-modal-close{background:none;border:none;font-size:28px;cursor:pointer;color:var(--brand-warm-gray);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s var(--ease-out-quint),color .3s var(--ease-out-quint)}.sidebar-image-modal-close:hover{background:rgba(140,120,130,.12);color:var(--brand-black)}.sidebar-image-modal-content{display:flex;flex-direction:column;align-items:center;gap:24px}.sidebar-image-preview{width:150px;height:150px;border-radius:50%;overflow:hidden;border:3px solid var(--brand-fuchsia);box-shadow:0 8px 24px rgba(212,22,122,.2)}.sidebar-image-preview img{width:100%;height:100%;object-fit:cover}.sidebar-image-placeholder{width:100%;height:100%;background:var(--brand-gradient-fuchsia);display:flex;align-items:center;justify-content:center;font-size:64px}.sidebar-image-actions{display:flex;flex-direction:column;gap:12px;width:100%;align-items:center}.sidebar-upload-button{padding:13px 28px;background:var(--brand-gradient-fuchsia);color:var(--brand-white);border:none;border-radius:32px;font-size:15px;font-weight:800;cursor:pointer;transition:transform .3s var(--ease-out-quint),box-shadow .3s var(--ease-out-quint);font-family:inherit;display:inline-block;text-align:center;letter-spacing:.02em;box-shadow:0 4px 14px rgba(212,22,122,.25)}.sidebar-upload-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 22px rgba(212,22,122,.35),var(--brand-glow-gold)}.sidebar-upload-button:disabled{opacity:.6;cursor:not-allowed}.sidebar-delete-button{padding:13px 28px;background:transparent;color:var(--color-error);border:1.5px solid var(--color-error);border-radius:32px;font-size:15px;font-weight:700;cursor:pointer;transition:background .3s var(--ease-out-quint),transform .3s var(--ease-out-quint);font-family:inherit}.sidebar-delete-button:hover:not(:disabled){background:rgba(239,68,68,.08);transform:translateY(-2px)}.sidebar-delete-button:disabled{opacity:.6;cursor:not-allowed}.sidebar-profile-link{padding:8px 16px;color:var(--brand-fuchsia);text-decoration:none;font-size:14px;font-weight:700;transition:border-color .3s var(--ease-out-quint);border-bottom:2px solid transparent}.sidebar-profile-link:hover{border-bottom-color:var(--brand-fuchsia)}@media (prefers-reduced-motion:reduce){.sidebar,.sidebar-dropdown-menu,.sidebar-icon,.sidebar-image-modal,.sidebar-item,.user-avatar{transition:none!important;animation:none!important}}