html#page-messenger #root{padding-bottom:0}.messenger-container{height:calc(100vh - var(--navbar-height) - var(--music-player-height,0px));margin-left:0;position:relative;overflow:hidden}.messenger-layout{height:100%;color:var(--text-base);background-color:var(--body-bg);display:flex;overflow:hidden}.messenger-sidebar{border-right:1px solid var(--separator);background-color:var(--card-bg);flex-direction:column;width:360px;height:100%;min-height:0;display:flex}.messenger-sidebar-header{border-bottom:1px solid var(--separator);padding:.75rem}.messenger-sidebar-header-content{justify-content:space-between;align-items:center;display:flex}.messenger-sidebar-title{color:var(--text-base);margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.messenger-sidebar-actions{gap:.5rem;display:flex}.messenger-sidebar-action-button{width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.messenger-sidebar-action-button:hover{background-color:var(--card-light-bg);color:var(--text-base)}.messenger-search-container{margin-top:.5rem;position:relative}.messenger-search-input{background-color:var(--input-bg);border:1px solid var(--input-border);color:var(--input-color);padding-left:2.5rem}.messenger-search-input::placeholder{color:var(--text-muted)}.messenger-search-icon{width:1.25rem;height:1.25rem;color:var(--text-muted);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.messenger-conversations-container{flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.messenger-conversations-list{flex-direction:column;gap:.25rem;display:flex}.messenger-conversation-item{cursor:pointer;border-radius:.5rem;align-items:center;gap:.75rem;padding:.5rem;transition:background-color .2s;display:flex}.messenger-conversation-item:hover{background-color:var(--card-light-bg)}.messenger-conversation-item.selected{background-color:var(--card-hover-bg)}.messenger-conversation-avatar{position:relative}.messenger-conversation-avatar-img{border-radius:50%;width:2.5rem;height:2.5rem}.messenger-conversation-avatar-fallback{background-color:var(--card-bg);width:2.5rem;height:2.5rem;color:var(--text-base);border-radius:50%;justify-content:center;align-items:center;font-weight:500;display:flex}.messenger-conversation-online-indicator{border:2px solid var(--card-bg);border-radius:50%;width:.75rem;height:.75rem;display:block;position:absolute;bottom:0;right:0}.messenger-conversation-online-indicator.online{background-color:#10b981}.messenger-conversation-online-indicator.ai{background-color:#3b82f6}.messenger-conversation-content{flex:1;overflow:hidden}.messenger-conversation-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text-base);font-weight:600;overflow:hidden}.messenger-conversation-message{white-space:nowrap;text-overflow:ellipsis;color:var(--text-muted);font-size:.875rem;overflow:hidden}.messenger-conversation-message.unread{color:var(--text-base);font-weight:700}.messenger-conversation-unread-badge{background-color:var(--button-brand-bg);color:var(--button-brand-color);border-radius:9999px;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.75rem;font-weight:700;display:flex}.messenger-ai-section{margin-top:.5rem}.messenger-ai-section-title{color:var(--text-muted);margin-bottom:.25rem;padding:0 .5rem;font-size:.75rem}.messenger-ai-item{cursor:pointer;border-radius:.5rem;align-items:center;gap:.75rem;padding:.5rem;transition:background-color .2s;display:flex}.messenger-ai-item:hover{background-color:var(--card-light-bg)}.messenger-ai-avatar{position:relative}.messenger-ai-avatar-img{border-radius:50%;width:2.5rem;height:2.5rem}.messenger-ai-avatar-fallback,.ai-avatar-fallback{background-color:var(--card-bg);width:2.5rem;height:2.5rem;color:var(--text-base);border-radius:50%;justify-content:center;align-items:center;font-weight:500;display:flex}.messenger-ai-content{flex:1;overflow:hidden}.messenger-ai-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text-base);font-weight:600;overflow:hidden}.messenger-ai-subtitle{white-space:nowrap;text-overflow:ellipsis;color:var(--text-muted);font-size:.875rem;overflow:hidden}.messenger-ai-action{color:var(--anchor);font-size:.75rem;font-weight:600}.messenger-new-chat-section{margin-top:.5rem}.messenger-new-chat-title{color:var(--text-muted);margin-bottom:.25rem;padding:0 .5rem;font-size:.75rem}.messenger-new-chat-item{cursor:pointer;border-radius:.5rem;align-items:center;gap:.75rem;padding:.5rem;transition:background-color .2s;display:flex}.messenger-new-chat-item:hover{background-color:var(--card-light-bg)}.messenger-new-chat-avatar{position:relative}.messenger-new-chat-avatar-img{border-radius:50%;width:2.5rem;height:2.5rem}.messenger-new-chat-avatar-fallback{background-color:var(--card-bg);width:2.5rem;height:2.5rem;color:var(--text-base);border-radius:50%;justify-content:center;align-items:center;font-weight:500;display:flex}.messenger-new-chat-content{flex:1;overflow:hidden}.messenger-new-chat-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text-base);font-weight:600;overflow:hidden}.messenger-new-chat-subtitle{white-space:nowrap;text-overflow:ellipsis;color:var(--text-muted);font-size:.875rem;overflow:hidden}.messenger-new-chat-action{color:var(--anchor);font-size:.75rem;font-weight:600}.messenger-no-results{text-align:center;color:var(--text-muted);padding:1rem 0}.messenger-no-results-title{margin-bottom:.5rem}.messenger-no-results-subtitle{margin-top:.5rem;font-size:.875rem}.messenger-chat-area{background-color:var(--body-bg);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.messenger-chat-header{border-bottom:1px solid var(--separator);background-color:var(--card-bg);flex-shrink:0;align-items:center;gap:1rem;padding:0 1rem;flex-direction:row!important}.messenger-chat-area>div{flex-direction:column;min-height:0;display:flex;overflow:hidden}.messenger-chat-content{flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.messenger-chat-header-avatar{border-radius:50%;flex-shrink:0;width:3rem;height:3rem;position:relative;overflow:hidden}.messenger-chat-header-avatar img{height:100%}.messenger-chat-header-avatar-fallback{background-color:var(--card-bg);width:2.5rem;height:2.5rem;color:var(--text-base);border-radius:50%;justify-content:center;align-items:center;font-weight:500;display:flex}.messenger-chat-header-online-indicator{border:2px solid var(--card-bg);background-color:#10b981;border-radius:50%;width:.75rem;height:.75rem;display:block;position:absolute;bottom:0;right:0}.messenger-chat-header-content{flex-direction:column;flex:1;justify-content:center;display:flex}.messenger-chat-header-name{color:var(--text-base);font-weight:600;line-height:1.2}.messenger-chat-header-status{color:var(--text-muted);font-size:.875rem;line-height:1.2}.messenger-chat-header-actions{flex-shrink:0;gap:.5rem;display:flex}.messenger-chat-header-button{background-color:var(--button-outline-bg);color:var(--button-outline-color);border:1px solid var(--button-outline-border);border-radius:.375rem;padding:.5rem;transition:background-color .2s}.messenger-chat-header-button:hover{background-color:var(--button-outline-hover-bg)}.messenger-chat-messages{background-color:var(--body-bg);flex:1;min-height:0;overflow:auto}.messenger-chat-messages-container{height:100%;overflow:visible}.messenger-message-container{align-items:flex-end;gap:.5rem;margin:.25rem 0;display:flex}.messenger-message-container.own{justify-content:flex-end}.messenger-message-sender{flex-direction:column;align-items:flex-start;margin-right:.5rem;display:flex}.messenger-message-sender-name{color:var(--text-muted);margin-bottom:.125rem;font-size:.75rem}.messenger-message-bubble{white-space:pre-wrap;border-radius:1rem;max-width:18rem;padding:.75rem 1rem}.messenger-message-bubble.own{background-color:var(--button-brand-bg);color:var(--button-brand-color);border-bottom-right-radius:.25rem}.messenger-message-bubble.other{background-color:var(--card-light-bg);color:var(--text-base);border-bottom-left-radius:.25rem}.messenger-message-link{color:#3b82f6;text-decoration:none}.messenger-message-link:hover{text-decoration:underline}.messenger-link-preview{background-color:var(--card-bg);border:1px solid var(--separator);border-radius:.5rem;max-width:100%;margin-top:.5rem;padding:.75rem;overflow:hidden}.messenger-link-preview-image{object-fit:cover;border-radius:.25rem;width:100%;height:8rem;margin-bottom:.5rem}.messenger-link-preview-title{color:var(--text-base);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.25rem;font-size:.875rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.messenger-link-preview-description{color:var(--text-muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:.75rem;line-height:1.4;display:-webkit-box;overflow:hidden}.messenger-link-preview-url{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-family:monospace;font-size:.75rem;overflow:hidden}.messenger-message-container.own .messenger-link-preview{background-color:var(--card-light-bg);border-color:var(--separator)}.messenger-message-container:not(.own) .messenger-link-preview{background-color:var(--card-bg);border-color:var(--separator)}.messenger-message-timestamp{opacity:.7;margin-top:.25rem;font-size:.75rem}.messenger-message-timestamp.own{color:var(--button-brand-color)}.messenger-message-timestamp.other{color:var(--text-muted)}.messenger-chat-input-container{border-top:1px solid var(--separator);background-color:var(--card-bg);z-index:10;flex-shrink:0;padding:.75rem}.messenger-chat-input-form{align-items:center;gap:.5rem;display:flex}.messenger-chat-input{background-color:var(--input-bg);border:1px solid var(--input-border);color:var(--input-color);flex-grow:1}.messenger-chat-input::placeholder{color:var(--text-muted)}.messenger-chat-send-button{background-color:var(--button-brand-bg);color:var(--button-brand-color);border:none;border-radius:.375rem;padding:.5rem;transition:background-color .2s}.messenger-chat-send-button:hover{background-color:var(--button-brand-hover-bg)}.messenger-chat-send-button:disabled{opacity:.5;cursor:not-allowed}.messenger-chat-loading-spinner{border:2px solid #0000;border-bottom-color:#fff;border-radius:50%;width:1rem;height:1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.messenger-contact-details{background-color:var(--card-bg);border-left:1px solid var(--separator);flex-direction:column;padding:1rem;display:flex;overflow:hidden}@media (min-width:1024px){.messenger-contact-details{display:flex}}.messenger-contact-details-content{text-align:center}.messenger-contact-details-avatar{width:6rem;height:6rem;margin:0 auto}.messenger-contact-details-avatar-img{border-radius:50%;width:6rem;height:6rem}.messenger-contact-details-avatar-fallback{background-color:var(--card-bg);width:6rem;height:6rem;color:var(--text-base);border-radius:50%;justify-content:center;align-items:center;font-size:2rem;font-weight:500;display:flex}.messenger-contact-details-name{color:var(--text-base);margin-top:1rem;font-size:1.25rem;font-weight:600}.messenger-contact-details-status{color:var(--text-muted);font-size:.875rem}.messenger-contact-details-button{border:1px solid var(--button-outline-border);color:var(--button-outline-color);background-color:var(--button-outline-bg);margin-top:1rem;transition:background-color .2s}.messenger-contact-details-button:hover{background-color:var(--button-outline-hover-bg)}.messenger-contact-details-empty,.messenger-empty-state{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.messenger-empty-state-icon{width:6rem;height:6rem;margin-bottom:1rem}.messenger-empty-state-title{color:var(--text-base);margin-top:1rem;font-size:1.5rem;font-weight:600}.messenger-empty-state-subtitle{margin-top:.5rem}.messenger-loading-container{height:calc(100vh - var(--navbar-height));width:100vw;overflow:hidden}.messenger-loading-layout{height:100%;color:var(--text-base);background-color:var(--body-bg);display:flex;overflow:hidden}.messenger-loading-sidebar{border-right:1px solid var(--separator);width:100%}@media (min-width:768px){.messenger-loading-sidebar{width:25%}}@media (min-width:1024px){.messenger-loading-sidebar{width:20%}}.messenger-loading-chat-area{flex-direction:column;flex:1;display:flex}.messenger-loading-header{border-bottom:1px solid var(--separator);height:4rem}.messenger-loading-messages{flex:1;padding:1rem}.messenger-loading-message{width:50%;height:3rem;margin-bottom:1rem}.messenger-loading-message.own{width:66.6667%;margin-left:auto}.messenger-loading-input{border-top:1px solid var(--separator);height:4rem}.messenger-loading-contact-details{border-left:1px solid var(--separator);width:25%;display:none}@media (min-width:1024px){.messenger-loading-contact-details{display:block}}.messenger-error-container{height:calc(100vh - var(--navbar-height));width:100vw;overflow:hidden}.messenger-error-layout{height:100%;color:var(--text-base);background-color:var(--body-bg);display:flex;overflow:hidden}.messenger-error-alert{margin:1rem}.messenger-conversations-container .simplebar{flex-direction:column;flex:1;min-height:0;display:flex;height:100%!important}.messenger-conversations-container .simplebar-content-wrapper{flex-direction:column;flex:1;min-height:0;display:flex;height:100%!important;max-height:100%!important}.messenger-conversations-container .simplebar-content{flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.messenger-conversations-container .simplebar-track.simplebar-vertical{width:8px;top:0;bottom:0;right:4px}.messenger-conversations-container .simplebar-track.simplebar-vertical .simplebar-scrollbar{background-color:var(--separator);opacity:0;border-radius:4px;width:8px;transition:opacity .2s;right:0}.messenger-conversations-container .simplebar-track.simplebar-vertical .simplebar-scrollbar:before{content:"";background-color:var(--text-muted);opacity:.3;border-radius:4px;position:absolute;inset:0}.messenger-conversations-container:hover .simplebar-track.simplebar-vertical .simplebar-scrollbar{opacity:1}.messenger-conversations-container .simplebar-track.simplebar-vertical .simplebar-scrollbar.simplebar-visible:before{opacity:.6}.messenger-chat-messages-container .simplebar,.messenger-chat-messages-container .simplebar-content-wrapper{height:100%!important}.messenger-chat-messages-container .simplebar-content{min-height:100%;padding:1rem!important}.messenger-chat-messages-container .simplebar-track.simplebar-vertical{width:8px;top:0;bottom:0;right:4px}.messenger-chat-messages-container .simplebar-track.simplebar-vertical .simplebar-scrollbar{background-color:var(--separator);opacity:0;border-radius:4px;width:8px;transition:opacity .2s;right:0}.messenger-chat-messages-container .simplebar-track.simplebar-vertical .simplebar-scrollbar:before{content:"";background-color:var(--text-muted);opacity:.3;border-radius:4px;position:absolute;inset:0}.messenger-chat-messages-container:hover .simplebar-track.simplebar-vertical .simplebar-scrollbar{opacity:1}.messenger-chat-messages-container .simplebar-track.simplebar-vertical .simplebar-scrollbar.simplebar-visible:before{opacity:.6}.messenger-live-link-preview{background-color:var(--card-bg);border:1px solid var(--separator);border-radius:.5rem;max-width:100%;margin-bottom:.75rem;padding:.75rem;overflow:hidden}.messenger-live-link-preview-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.messenger-live-link-preview-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.messenger-live-link-preview-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.25rem;padding:.25rem;transition:background-color .2s}.messenger-live-link-preview-close:hover{background-color:var(--card-light-bg)}.messenger-live-link-preview-content{align-items:flex-start;gap:.75rem;display:flex}.messenger-live-link-preview-image{object-fit:cover;border-radius:.25rem;flex-shrink:0;width:4rem;height:4rem}.messenger-live-link-preview-text{flex:1;min-width:0}.messenger-live-link-preview-title{color:var(--text-base);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.25rem;font-size:.875rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.messenger-live-link-preview-description{color:var(--text-muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.25rem;font-size:.75rem;line-height:1.4;display:-webkit-box;overflow:hidden}.messenger-live-link-preview-url{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-family:monospace;font-size:.75rem;overflow:hidden}.messenger-live-link-preview-loading{color:var(--text-muted);align-items:center;gap:8px;padding:12px;font-size:14px;display:flex}.messenger-live-link-preview-loading .animate-spin{animation:1s linear infinite spin}.messenger-homepage-sidebar{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.messenger-homepage-section{border-bottom:1px solid var(--separator);padding:1rem}.messenger-homepage-section:last-child{border-bottom:none}.messenger-homepage-section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.messenger-homepage-section-title{color:var(--text-base);margin:0;font-size:1rem;font-weight:600}.messenger-homepage-section-actions{gap:.5rem;display:flex}.messenger-homepage-action-button{width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.messenger-homepage-action-button:hover{background-color:var(--card-light-bg);color:var(--text-base)}.messenger-homepage-section-content{flex:1;overflow:hidden}.messenger-homepage-contact-list{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.messenger-homepage-contact-item{margin:0;padding:0}.messenger-homepage-contact-button{cursor:pointer;text-align:left;background-color:#0000;border:none;border-radius:.5rem;align-items:center;gap:.75rem;width:100%;padding:.75rem;transition:background-color .2s;display:flex}.messenger-homepage-contact-button:hover{background-color:var(--hover-overlay)}.messenger-homepage-contact-avatar{flex-shrink:0;position:relative}.messenger-homepage-contact-avatar-img{border-radius:50%;width:2.5rem;height:2.5rem;overflow:auto}.messenger-homepage-contact-avatar-fallback{background-color:var(--card-bg);width:2.5rem;height:2.5rem;color:var(--text-base);border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:500;display:flex}.messenger-homepage-contact-avatar-ai{position:relative}.messenger-homepage-contact-avatar-ring{z-index:-1;background:linear-gradient(45deg,#3b82f6,#8b5cf6,#06b6d4);border-radius:50%;position:absolute;inset:-2px}.messenger-homepage-contact-avatar-stack{width:2.5rem;height:2.5rem;position:relative}.messenger-homepage-contact-avatar-item{width:1.75rem;height:1.75rem;position:absolute}.messenger-homepage-contact-avatar-item:first-child{z-index:2;top:0;left:0}.messenger-homepage-contact-avatar-item:last-child{z-index:1;bottom:0;right:0}.messenger-homepage-contact-content{flex:1;justify-content:space-between;align-items:center;gap:.5rem;min-width:0;display:flex}.messenger-homepage-contact-info{flex:1;min-width:0}.messenger-homepage-contact-name{color:var(--text-base);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.25rem;margin:0 0 .25rem;font-size:.875rem;font-weight:600;display:flex;overflow:hidden}.messenger-homepage-contact-verified{color:#3b82f6;flex-shrink:0}.messenger-homepage-contact-message{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.75rem;overflow:hidden}.messenger-homepage-contact-badge{background-color:var(--button-brand-bg);color:var(--button-brand-color);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;min-width:1.25rem;height:1.25rem;padding:0 .25rem;display:flex}.messenger-homepage-contact-badge-count{font-size:.75rem;font-weight:600;line-height:1}.messenger-homepage-empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:2rem 1rem;display:flex}.messenger-homepage-empty-icon{opacity:.5;margin-bottom:1rem}.messenger-homepage-empty-text{color:var(--text-base);margin:0 0 .25rem;font-size:.875rem;font-weight:500}.messenger-homepage-empty-subtext{color:var(--text-muted);margin:0;font-size:.75rem}.messenger-homepage-sidebar-skeleton{flex-direction:column;gap:.75rem;padding:1rem;display:flex}.messenger-homepage-sidebar-skeleton-item{align-items:center;gap:.75rem;display:flex}.messenger-homepage-sidebar-skeleton-avatar{border-radius:50%;flex-shrink:0;width:2.5rem;height:2.5rem}.messenger-homepage-sidebar-skeleton-content{flex-direction:column;flex:1;gap:.25rem;display:flex}.messenger-homepage-sidebar-skeleton-name{border-radius:.25rem;width:60%;height:.875rem}.messenger-homepage-sidebar-skeleton-message{border-radius:.25rem;width:80%;height:.75rem}.messenger-homepage-sidebar-error{color:var(--text-danger);text-align:center;padding:1rem;font-size:.875rem}.messenger-homepage-settings-dropdown{z-index:1000;justify-content:flex-start;align-items:flex-start;display:flex;position:absolute;inset:0}.messenger-homepage-settings-overlay{background-color:var(--body-bg);position:absolute;inset:0}.messenger-homepage-settings-content{z-index:1;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.messenger-homepage-settings-header{justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.messenger-homepage-settings-header-content{flex:1}.messenger-homepage-settings-title{color:var(--text-base);margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.messenger-homepage-settings-subtitle{color:var(--text-muted);margin:0;font-size:.875rem}.messenger-homepage-settings-close-button{width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;background-color:#0000;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.messenger-homepage-settings-close-button:hover{background-color:var(--card-light-bg);color:var(--text-base)}.messenger-homepage-settings-separator{background-color:var(--separator);margin:0}.messenger-homepage-settings-section{flex:1;padding:.5rem 0;overflow-y:auto}.messenger-homepage-settings-item{cursor:pointer;color:inherit;text-align:left;background-color:#0000;border:none;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:1rem 1.3rem;text-decoration:none;transition:background-color .2s;display:flex}.messenger-homepage-settings-item:hover{background-color:var(--hover-overlay)}.messenger-homepage-settings-item-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.messenger-homepage-settings-item-content{flex:1;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.messenger-homepage-settings-item-main{flex-direction:column;flex:1;gap:.125rem;display:flex}.messenger-homepage-settings-item-label{color:var(--text-base);font-size:.875rem;font-weight:500}.messenger-homepage-settings-item-description{color:var(--text-muted);font-size:.75rem}.messenger-homepage-settings-item-control{color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.messenger-homepage-settings-link,.messenger-homepage-settings-link:hover{color:inherit;text-decoration:none}.mini-chat-window--full{border-radius:10px;margin:1rem}.mini-chat-window--full,.mini-chat-window--full .mini-chat-body{flex:1}.mini-chat-window--full .mini-chat-messages{border-bottom:0}.mini-chat-window--full .chat-input-root{border-radius:16px;align-items:flex-end;padding:1rem .75rem;display:flex;box-shadow:0 1px 4px #0000000a}
.mini-chat-minimized-column,.mini-chat-open-area{z-index:101;gap:8px;transition:bottom .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed}.mini-chat-minimized-column{bottom:calc(var(--music-player-height) + 1rem);pointer-events:none;z-index:101;flex-direction:column;align-items:center;gap:8px;width:50px;transition:bottom .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;right:1rem}.mini-chat-minimized-column>*{pointer-events:auto}.mini-chat-open-area{bottom:calc(var(--music-player-height,0px) + 1rem);pointer-events:none;flex-direction:row;align-items:flex-end;left:20px}.mini-chat-open-area>*{pointer-events:auto}.mini-chat-window.minimized{cursor:pointer;border-radius:50%;flex-shrink:0;width:48px;height:48px;margin-bottom:8px;position:relative;overflow:hidden}.mini-chat-window{background:var(--messenger-card-background);pointer-events:auto;border:1px solid var(--card-border);border-bottom:0;border-radius:10px 10px 0 0;flex-direction:column;flex-shrink:0;width:320px;max-width:90vw;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 2px 16px #00000026}.mini-chat-window--full{width:auto;height:calc(100% - 1rem)}.mini-chat-input-preview{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;margin:8px 12px;position:relative;overflow:hidden}.mini-chat-input-preview-remove{color:#fff;cursor:pointer;z-index:10;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:background-color .2s;display:flex;position:absolute;top:8px;right:8px}.mini-chat-input-preview-remove:hover{background:#000c}.mini-chat-input-preview-loading{color:var(--text-secondary);align-items:center;gap:8px;padding:12px;font-size:14px;display:flex}.mini-chat-input-preview-loading .animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.multi-mode-player-overlay{top:var(--navbar-height);left:0;right:0;bottom:var(--music-player-height);z-index:100000;opacity:0;visibility:hidden;background:var(--body-bg);transition:all .4s cubic-bezier(.4,0,.2,1);position:fixed;overflow:hidden}.multi-mode-player-overlay--open{opacity:1;visibility:visible;transform:translateY(0)}.multi-mode-player-overlay--hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(100%)}.multi-mode-player-overlay__backdrop{display:none}.multi-mode-player-overlay__content{padding:0;transition:all .4s cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset:0}.player-mode-container{pointer-events:none;width:100%;height:100%;transition:opacity .3s,visibility .3s;position:absolute;top:0;left:0}.player-mode-container--active{opacity:1;visibility:visible;z-index:2;pointer-events:auto}.player-mode-container--hidden{opacity:0;visibility:hidden;z-index:1;pointer-events:none}.player-mode-container--hidden-persistent{opacity:.001;visibility:visible;z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.player-mode{width:100%;max-width:none;height:100%;max-height:none;box-shadow:none;background:var(--body-bg);border:none;border-radius:0;flex-direction:column;transition:all .5s cubic-bezier(.34,1.56,.64,1);display:flex;overflow:hidden}.player-mode--queue,.player-mode--lyrics{overflow-y:auto}.player-mode--background{pointer-events:none;background:0 0!important}.player-mode--background .player-header,.player-mode--background .video-sidebar,.player-mode--background .video-actions,.player-mode--background .video-player-overlay{display:none!important}.player-mode--background .video-content,.player-mode--background .video-main,.player-mode--background .video-player{background:0 0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important}.player-header{border-bottom:1px solid var(--card-border);background:var(--card-background);justify-content:space-between;align-items:center;min-height:80px;padding:24px 32px;display:flex;position:relative}.player-header:after{content:"";background:linear-gradient(90deg, transparent, var(--card-border), transparent);height:1px;position:absolute;bottom:0;left:0;right:0}.player-header__title h2{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:2rem;font-weight:700}.player-header__subtitle{color:currentColor;margin-top:8px;font-size:1rem;font-weight:500;display:block}.player-header__actions{align-items:center;gap:12px;display:flex}.player-header__btn{color:currentColor;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.player-header__btn:hover{background:var(--card-border);color:var(--text-primary);transform:scale(1.05)}.player-header__btn--stop:hover{color:#fff;background:#ef4444}.player-header__close{display:none}.player-mode--queue{flex-direction:column;display:flex}.queue-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.queue-current-track{border-bottom:1px solid var(--card-border);background:linear-gradient(135deg, var(--card-background) 0%, #ffffff05 100%);justify-content:space-between;align-items:center;min-height:120px;padding:32px;display:flex;position:relative}.queue-current-track:after{content:"";background:linear-gradient(90deg, transparent, var(--card-border), transparent);height:1px;position:absolute;bottom:0;left:0;right:0}.queue-track-info{align-items:center;gap:24px;display:flex}.queue-track-cover{object-fit:cover;border-radius:16px;width:100px;height:100px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 12px 32px #00000026}.queue-track-cover:hover{transform:scale(1.05);box-shadow:0 16px 40px #0003}.queue-track-details h3{color:var(--text-primary);letter-spacing:-.01em;margin:0 0 8px;font-size:1.75rem;font-weight:700}.queue-track-details p{color:currentColor;margin:0;font-size:1.125rem;font-weight:500}.queue-track-actions{gap:12px;display:flex}.queue-action-btn{color:currentColor;cursor:pointer;background:0 0;border:none;border-radius:14px;padding:14px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.queue-action-btn:before{content:"";background:var(--card-border);border-radius:50%;width:0;height:0;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.queue-action-btn:hover{background:var(--card-border);color:var(--text-primary);transform:scale(1.1)}.queue-action-btn:hover:before{width:44px;height:44px}.queue-tracklist{scrollbar-width:thin;scrollbar-color:var(--card-border) transparent;flex:1;padding:0 32px;overflow-y:auto}.queue-tracklist::-webkit-scrollbar{width:8px}.queue-tracklist::-webkit-scrollbar-track{background:0 0}.queue-tracklist::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:4px}.queue-track-item{cursor:grab;border-bottom:1px solid #ffffff0d;align-items:center;gap:20px;margin:0 -32px;padding:20px 32px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.queue-track-item:active{cursor:grabbing}.queue-track-item:hover{background:var(--card-border);transform:translate(12px)}.queue-track-item--current{background:linear-gradient(135deg, var(--card-border) 0%, #ffffff0d 100%);border-left:6px solid var(--accent-color,#007aff)}.queue-track-item__cover{border-radius:12px;width:64px;height:64px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 6px 16px #0000001a}.queue-track-item__cover img{object-fit:cover;width:100%;height:100%;transition:all .3s}.queue-track-item:hover .queue-track-item__cover{transform:scale(1.1);box-shadow:0 10px 24px #00000026}.queue-track-item__play{color:#fff;cursor:pointer;opacity:0;background:#000000e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.queue-track-item:hover .queue-track-item__play{opacity:1;transform:translate(-50%,-50%)scale(1)}.queue-track-item__info{flex:1;min-width:0}.queue-track-item__title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;margin:0 0 6px;font-size:1.125rem;font-weight:600;overflow:hidden}.queue-track-item__artist{color:currentColor;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.875rem;font-weight:500;overflow:hidden}.queue-track-item__duration{color:currentColor;margin-right:24px;font-size:.875rem;font-weight:500}.queue-track-item__actions{opacity:0;gap:6px;transition:all .3s;display:flex}.queue-track-item:hover .queue-track-item__actions{opacity:1}.queue-track-item__action{color:currentColor;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.queue-track-item__action:hover{color:var(--text-primary);background:#ffffff1a;transform:scale(1.1)}.player-mode--lyrics{flex-direction:column;display:flex}.lyrics-content{scrollbar-width:thin;scrollbar-color:var(--card-border) transparent;flex:1;justify-content:center;align-items:center;padding:48px 32px;display:flex;overflow-y:auto}.lyrics-content::-webkit-scrollbar{width:8px}.lyrics-content::-webkit-scrollbar-track{background:0 0}.lyrics-content::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:4px}.lyrics-placeholder{text-align:center;color:currentColor;flex-direction:column;justify-content:center;align-items:center;max-width:600px;animation:.6s cubic-bezier(.4,0,.2,1) fadeInUp;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.lyrics-placeholder h3{color:var(--text-primary);letter-spacing:-.02em;margin:32px 0 16px;font-size:2.5rem;font-weight:700}.lyrics-placeholder p{max-width:500px;margin:12px 0;font-size:1.125rem;line-height:1.7}.player-mode--insight{background:var(--body-bg);flex-direction:column;display:flex}.insight-viewer-content{scrollbar-width:thin;flex:1;justify-content:center;padding:40px 20px;display:flex;overflow-y:auto}.insight-thread-card{background:var(--card-background);border-radius:24px;flex-direction:column;gap:24px;width:100%;max-width:800px;padding:40px;display:flex;box-shadow:0 10px 40px #0000001a}.insight-thread-header-main{flex-direction:column;gap:12px;display:flex}.insight-thread-title{color:var(--text-primary);margin:0;font-size:2.5rem;font-weight:800;line-height:1.2}.insight-thread-meta{color:var(--text-secondary);align-items:center;gap:16px;font-size:.95rem;display:flex}.insight-source{color:var(--anchor);font-weight:700}.insight-thread-hero{object-fit:cover;border-radius:16px;width:100%;max-height:400px}.insight-thread-video{aspect-ratio:16/9;background:#000;border-radius:16px;width:100%;overflow:hidden}.insight-video-player,.insight-video-iframe{border:none;width:100%;height:100%}.insight-thread-body{color:var(--text-primary);font-size:1.15rem;line-height:1.8}.insight-thread-body p{margin-bottom:20px}.insight-thread-sources{border-top:1px solid var(--card-border);margin-top:20px;padding-top:24px}.insight-thread-sources h4{margin:0 0 16px;font-size:1.1rem}.sources-list-mini{flex-wrap:wrap;gap:10px;display:flex}.source-tag-mini{background:var(--card-border);color:var(--text-primary);border-radius:100px;align-items:center;gap:8px;padding:6px 12px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.source-tag-mini:hover{background:var(--anchor);color:#fff}.source-tag-mini img{border-radius:4px;width:16px;height:16px}.insight-thread-actions-bar{border-top:1px solid var(--card-border);align-items:center;gap:12px;margin-top:20px;padding-top:24px;display:flex}.insight-thread-btn{background:var(--card-border);color:var(--text-primary);cursor:pointer;border:none;border-radius:100px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:flex}.insight-thread-btn:hover{background:var(--anchor);color:#fff}.player-mode--image{background:#000}.image-viewer-content{background:#000;flex:1;justify-content:center;align-items:center;display:flex}.fullscreen-image{object-contain:contain;max-width:100%;max-height:100%}.video-player-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.player-mode--video{flex-direction:column;width:100%;height:100%;display:flex}.video-content{flex:1;display:flex}.video-main{flex-direction:column;flex:1;padding:32px;display:flex}.video-player{aspect-ratio:16/9;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.video-player__youtube{width:100%;height:100%;overflow:hidden}.video-player__youtube iframe{border:none;width:100%;height:100%}.video-placeholder{text-align:center;flex-direction:row;justify-content:center;align-items:center;gap:1.5rem;animation:.6s cubic-bezier(.4,0,.2,1) fadeInUp;display:flex}.video-placeholder h3{font-size:22px;font-weight:500}.video-placeholder p{margin:12px 0;font-size:18px;line-height:1.7}.video-actions{background:var(--card);border:1px solid var(--card-border);border-radius:16px;flex-direction:column;gap:16px;padding:24px;display:flex}.video-actions__info{background:var(--card-border);color:currentColor;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.video-actions__info svg{color:currentColor;opacity:.7}.video-actions__buttons{justify-content:center;gap:12px;display:flex}.video-action-btn{color:currentColor;cursor:pointer;background:0 0;border:none;border-radius:16px;align-items:center;gap:10px;padding:16px 24px;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.video-action-btn:before{content:"";background:var(--card-border);border-radius:50%;width:0;height:0;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-action-btn:hover{background:var(--card-border);color:var(--text-primary);transform:translateY(-3px)}.video-action-btn:hover:before{width:60px;height:60px}.video-sidebar{scrollbar-width:thin;scrollbar-color:var(--card-border) transparent;width:35%;padding:32px;overflow-y:auto}.video-sidebar::-webkit-scrollbar{width:8px}.video-sidebar::-webkit-scrollbar-track{background:0 0}.video-sidebar::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:4px}.video-queue h3{color:var(--text-primary);letter-spacing:-.01em;margin:0 0 24px;font-size:1.5rem;font-weight:700}.video-queue-list{flex-direction:column;gap:.5rem;display:flex}.video-queue-item{cursor:grab;border-radius:16px;align-items:center;gap:16px;padding:1rem .5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.video-queue-item:active{cursor:grabbing}.video-queue-item:before{content:"";background:var(--card-border);opacity:0;transition:all .3s;position:absolute;inset:0}.video-queue-item:hover:before{opacity:1}.video-queue-item img{object-fit:cover;z-index:1;border-radius:12px;width:64px;height:64px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 6px 16px #0000001a}.video-queue-item:hover img{transform:scale(1.1);box-shadow:0 10px 24px #00000026}.video-queue-item__info{z-index:1;flex:1;min-width:0;position:relative}.video-queue-item__info h4{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;margin:0 0 6px;font-size:1.125rem;font-weight:600;overflow:hidden}@media (max-width:768px){.multi-mode-player-overlay{bottom:var(--music-player-height)}.multi-mode-player-overlay__content{padding:0}.player-mode{border-radius:0}.video-content{flex-direction:column}.video-sidebar{border-left:none;border-top:1px solid var(--card-border);width:100%;max-height:40vh}.queue-current-track{flex-direction:column;align-items:flex-start;gap:24px;padding:24px}.queue-track-actions{align-self:flex-end}.player-header{padding:20px 24px}.player-header__title h2{font-size:1.5rem}.queue-tracklist{padding:0 24px}.queue-track-item{margin:0 -24px;padding-left:24px;padding-right:24px}.video-main,.video-sidebar{padding:24px}.lyrics-content{padding:32px 24px}.lyrics-placeholder h3{font-size:2rem}.video-placeholder h3{font-size:1.5rem}.video-player-container>div{width:100%!important;height:100%!important}}.player-mode--queue{animation:.5s cubic-bezier(.34,1.56,.64,1) slideInUp}.video-player-container>div{width:100%!important;height:100%!important}.video-queue{flex-direction:column;height:100%;padding:0;display:flex;overflow:hidden}.video-queue-list{scrollbar-width:thin;scrollbar-color:var(--card-border) transparent;flex:1;padding:0;overflow-y:auto}.video-queue-list::-webkit-scrollbar{width:8px}.video-queue-list::-webkit-scrollbar-track{background:0 0}.video-queue-list::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:4px}.video-queue-item:hover{background:var(--hover-overlay)}.video-queue-item--current{background:linear-gradient(135deg, var(--card-border) 0%, #ffffff0d 100%);border-left:4px solid var(--accent-color,#007aff)}.video-queue-item__cover{border-radius:8px;flex-shrink:0;width:48px;height:48px;position:relative;overflow:hidden}.video-queue-item__cover img{object-fit:cover;width:100%;height:100%;transition:all .3s}.video-queue-item:hover .video-queue-item__cover img{transform:scale(1.1)}.video-queue-item__play{color:#fff;cursor:pointer;opacity:0;z-index:10;background:#000c;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-queue-item:hover .video-queue-item__play{opacity:1}.video-queue-item__play:hover{background:#000000e6;transform:translate(-50%,-50%)scale(1.1)}.video-queue-item__playing-indicator{z-index:20;background:#000000b3;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.equalizer{align-items:flex-end;gap:2px;height:20px;display:flex}.equalizer-bar{background:#fff;border-radius:2px;width:3px;animation:1.2s ease-in-out infinite equalizer}.equalizer-bar:first-child{height:8px;animation-delay:0s}.equalizer-bar:nth-child(2){height:16px;animation-delay:.2s}.equalizer-bar:nth-child(3){height:12px;animation-delay:.4s}@keyframes equalizer{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.5)}}.video-queue-item__info{flex:1;min-width:0}.video-queue-item__title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:14px;font-weight:600;overflow:hidden}.video-queue-item__artist{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.875rem;font-weight:500;overflow:hidden}.video-queue-item__artist a{color:currentColor}.video-queue-item__duration{color:currentColor;flex-shrink:0;margin-left:auto;font-size:12px}.video-queue-item__actions{opacity:0;align-items:center;gap:8px;transition:opacity .3s;display:flex}.video-queue-item:hover .video-queue-item__actions{opacity:1}.video-queue-item__menu-btn{color:currentColor;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.video-queue-item__menu-btn:hover{background:var(--card-border);transform:scale(1.1)}.lyrics-container{text-align:center;max-height:70vh;padding:20px;overflow-y:auto}.lyric-line{opacity:.6;border-radius:8px;margin:12px 0;padding:8px 16px;font-size:18px;line-height:1.6;transition:all .3s}.lyric-line--active{opacity:1;color:var(--accent-color);background:rgba(var(--accent-color-rgb), .1);font-weight:600;transform:scale(1.05)}.lyrics-placeholder{text-align:center;color:currentColor;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.lyrics-placeholder h3{margin:16px 0 8px;font-size:20px;font-weight:600}.lyrics-placeholder p{opacity:.8;margin:4px 0;font-size:14px}.lyrics-skeleton{flex-direction:column;align-items:center;gap:32px;width:100%;max-width:600px;display:flex}.lyrics-skeleton__icon{color:currentColor;opacity:.6}.lyrics-skeleton__content{flex-direction:column;gap:16px;width:100%;display:flex}.lyrics-skeleton__title{opacity:.3;background:linear-gradient(90deg,currentColor 25%,#0000 50%,currentColor 75%) 0 0/200% 100%;border-radius:4px;height:24px;animation:1.5s infinite shimmer}.lyrics-skeleton__line{opacity:.2;background:linear-gradient(90deg,currentColor 25%,#0000 50%,currentColor 75%) 0 0/200% 100%;border-radius:4px;height:16px;animation:1.5s infinite shimmer}.lyrics-skeleton__line:nth-child(2){width:80%}.lyrics-skeleton__line:nth-child(3){width:90%}.lyrics-skeleton__line:nth-child(4){width:70%}.lyrics-skeleton__line:nth-child(5){width:85%}.lyrics-skeleton__line:nth-child(6){width:75%}.lyrics-skeleton__line:nth-child(7){width:60%}
.music-context-menu{background:var(--nav-bar-background);z-index:1000;word-break:break-word;border-radius:12px;min-width:320px;max-width:320px;padding:6px 0;font-size:1em;box-shadow:0 4px 24px #0000002e}.music-context-menu .music-context-menu__item{color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 20px;font-size:1em;transition:background .15s,color .15s}.music-context-menu .music-context-menu__item:hover,.music-context-menu .music-context-menu__item:focus{background:var(--hover-overlay,#1db95422);color:var(--accent,#1db954);outline:none}.music-context-menu .music-context-menu__item[aria-disabled=true]{color:#888;cursor:not-allowed;background:0 0}.music-context-menu__separator{background:var(--border,#333);border:none;height:1px;margin:4px 0}.music-context-menu__header{border-bottom:1px solid var(--border,#333);align-items:center;gap:16px;min-width:0;max-width:320px;margin-bottom:4px;padding:16px 20px 12px;display:flex}.music-context-menu__cover{object-fit:cover;background:#23232a;border-radius:8px;flex-shrink:0;width:44px;height:44px;box-shadow:0 2px 8px #0000001f}.music-context-menu__meta{flex-direction:column;flex:1;gap:2px;min-width:0;max-width:220px;display:flex}.music-context-menu__title{color:var(--primary-text);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:1.08em;font-weight:600;display:block;overflow:hidden}.music-context-menu__artist{color:#1db954;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.98em;display:block;overflow:hidden}.music-context-menu__list{margin:0;padding:0}
.music-page{min-height:100vh;line-height:1.5}.music-container{margin:0 auto}.music-content{padding:32px 0}.music-header{background:var(--card-background);border:1px solid var(--card-border);box-shadow:var(--shadow-base);border-radius:12px;margin-bottom:32px;padding:32px}.music-header__content{align-items:flex-start;gap:24px;display:flex}.music-header__artwork{width:200px;height:200px;box-shadow:var(--shadow-emphasis);border-radius:8px;flex-shrink:0;transition:transform .3s;position:relative;overflow:hidden}.music-header__artwork:hover{transform:scale(1.02)}.music-header__artwork img{object-fit:cover;width:100%;height:100%}.music-header__info{flex-direction:column;flex:1;gap:16px;min-width:0;display:flex}.music-header__title{color:var(--text-base);margin:0;font-size:32px;font-weight:700;line-height:1.2}.music-header__subtitle{color:var(--text-muted);margin:0;font-size:18px;line-height:1.4}.music-header__artists{margin-top:4px}.music-header__meta{color:var(--text-muted);align-items:center;gap:16px;font-size:14px;display:flex}.music-header__rating{align-items:center;gap:4px;display:flex}.music-header__actions{align-items:center;gap:12px;margin-top:8px;display:flex}.music-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.music-btn--primary{background:var(--button-brand-bg);color:var(--button-brand-color)}.music-btn--primary:hover{background:var(--button-brand-hover-bg);box-shadow:var(--shadow-emphasis);transform:translateY(-1px)}.music-btn--secondary{background:var(--button-secondary-bg);color:var(--button-secondary-color);border:1px solid var(--button-secondary-border)}.music-btn--secondary:hover{background:var(--button-secondary-hover-bg);border-color:var(--button-secondary-hover-border)}.music-btn--icon{border-radius:50%;min-width:40px;height:40px;padding:8px}.music-table{border-collapse:separate;border-spacing:0;background:var(--card-bg);border:1px solid var(--card-border);width:100%;box-shadow:var(--shadow-base);border-radius:12px;overflow:hidden}.music-table thead{background:var(--table-header-bg)}.music-table th{text-align:left;color:var(--text-base);border-bottom:1px solid var(--card-border);z-index:10;padding:16px 20px;font-size:14px;font-weight:600;position:sticky;top:0}.music-table td{border-bottom:1px solid var(--card-border);vertical-align:middle;padding:16px 20px}.music-table tbody tr{transition:background-color .2s}.music-table tbody tr:hover{background:var(--table-item-hover-bg)}.music-table tbody tr:last-child td{border-bottom:none}.music-track{position:relative}.music-track__number{width:40px;color:var(--text-muted);text-align:center;font-weight:600}.music-track__info{flex-direction:column;gap:4px;min-width:0;display:flex}.music-track__title{color:var(--text-base);margin:0;font-weight:600;line-height:1.3}.music-track__title-btn{color:var(--text-base);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-weight:600;transition:color .2s}.music-track__title-btn:hover{color:var(--anchor)}.music-track__artists{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px;font-size:14px;display:flex}.music-track__artist-btn{color:var(--anchor);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;transition:color .2s}.music-track__artist-btn:hover{color:var(--anchor-hover);text-decoration:underline}.music-track__artists__joinphrase{color:var(--text-muted);font-size:14px}.music-track__duration{font-family:var(--font-family-code);color:var(--text-muted);text-align:right;font-size:14px}.music-track__actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.music-section{margin-bottom:32px}.music-section__title{color:var(--text-base);border-bottom:2px solid var(--separator);margin:0 0 16px;padding-bottom:8px;font-size:20px;font-weight:600}.music-section__content{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-base);border-radius:12px;overflow:hidden}.music-info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:24px;display:grid}.music-info-item{flex-direction:column;gap:8px;display:flex}.music-info-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.music-info-value{color:var(--text-base);font-size:14px;line-height:1.4}.music-info-value a{color:var(--anchor);text-decoration:none;transition:color .2s}.music-info-value a:hover{color:var(--anchor-hover);text-decoration:underline}.music-tags{flex-wrap:wrap;gap:8px;padding:24px;display:flex}.music-tag{background:var(--tag-bg);color:var(--tag-color);border:1px solid var(--tag-border);border-radius:20px;align-items:center;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.music-tag:hover{background:var(--tag-bg-hover);border-color:var(--tag-border-hover)}.music-context-menu{background:var(--popup-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-elevated);z-index:1000;border-radius:8px;min-width:200px;padding:8px}.music-context-menu__item{color:var(--popup-color);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;transition:background-color .2s;display:flex}.music-context-menu__item:hover{background:var(--popup-item-bg-hover);color:var(--popup-item-text-hover)}.music-context-menu__separator{background:var(--popup-separator);height:1px;margin:8px 0}.music-skeleton{background:linear-gradient(90deg, var(--card-bg) 25%, var(--card-hover-bg) 50%, var(--card-bg) 75%);background-size:200% 100%;border-radius:4px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.music-skeleton--header{border-radius:12px;height:200px}.music-skeleton--title{width:60%;height:32px;margin-bottom:16px}.music-skeleton--text{width:100%;height:16px;margin-bottom:8px}.music-skeleton--text:last-child{width:80%}.music-skeleton--row{width:100%;height:60px}@media (max-width:768px){.music-container{padding:0 16px}.music-content{padding:16px 0}.music-header{grid-template-columns:1fr;gap:16px;padding:20px}.music-header__artwork{width:150px;height:150px;margin:0 auto}.music-header__title{font-size:24px}.music-header__actions{flex-wrap:wrap}.music-table{font-size:14px}.music-table th,.music-table td{padding:12px 16px}.music-info-grid{grid-template-columns:1fr;gap:16px;padding:16px}}@media (max-width:480px){.music-header__title{font-size:20px}.music-header__subtitle{font-size:16px}.music-table{font-size:13px}.music-table th,.music-table td{padding:8px 12px}.music-track__actions{flex-direction:column;gap:4px}}.music-text-center{text-align:center}.music-mb-16{margin-bottom:16px}.music-mb-24{margin-bottom:24px}.music-mb-32{margin-bottom:32px}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.music-fade-in{animation:.3s ease-out fadeIn}.music-slide-in{animation:.3s ease-out slideIn}.music-btn:focus,.music-track__title-btn:focus,.music-track__artist-btn:focus,.music-header__artist-btn:focus{outline:2px solid var(--anchor);outline-offset:2px}.music-context-menu__item:focus{outline:2px solid var(--anchor);outline-offset:-2px}.music-content::-webkit-scrollbar{width:8px}.music-content::-webkit-scrollbar-track{background:var(--scrollbar-track-bg);border-radius:6px}.music-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-bg);border:1px solid var(--scrollbar-track-bg);border-radius:6px}.music-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-bg-hover)}
.playControl{background-color:#121212;background-color:var(--primary-color);align-self:center;padding:0}.mini-chat-miniplayer-toggle{background:var(--secondary-button-background-floating);cursor:pointer;width:48px;height:48px;box-shadow:0 2px 4px var(--shadow-1), 0 12px 28px var(--shadow-2);pointer-events:auto;border:none;border-radius:50%;justify-content:center;align-items:center;margin-top:8px;transition:all .2s;display:flex}.mini-chat-miniplayer-toggle:hover{background:var(--button-secondary-hover-border)}.music-player-overlay{top:var(--navbar-height,56px);left:var(--sidebar-width);width:calc(100vw - var(--sidebar-width));height:calc(100vh - var(--navbar-height,56px));z-index:9999;background:var(--card-bg);flex-direction:column;display:flex;position:fixed}.music-player-overlay-close{color:#fff;cursor:pointer;z-index:10001;background:0 0;border:none;font-size:24px;position:absolute;top:16px;right:24px}.mini-player-bar{z-index:10;background:#222;height:48px;position:fixed;bottom:0;left:0;right:0}.mini-music-player-bar{background:var(--nav-bar-background);flex-direction:row;justify-content:space-between;align-items:center;height:56px;transition:all .2s;display:flex;overflow:visible}.player-shadow{z-index:2;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAOBAMAAAD3WtBsAAAAFVBMVEUAAAAAAAAAAAAAAAAAAAAAAAD29va1cB7UAAAAB3RSTlMCCwQHGBAaZf6MKAAAABpJREFUCNdjSGNIY3BhCGUQBEJjIFQCQigAACyJAjLNW4w5AAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:1px 7px;width:100%;height:7px;position:absolute;top:0}.mini-music-player-bar__artwork-info{flex:none;align-items:center;min-width:0;display:flex}.mini-music-player-bar__meta{flex-direction:column;justify-content:center;min-width:0;display:flex}.mini-music-player-bar__artwork{object-fit:cover;border-radius:.25rem;width:40px;height:40px;margin-right:1rem}.mini-music-player-bar__info{flex:1;min-width:0}.mini-music-player-bar__title{color:currentColor;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.mini-music-player-bar__artist{color:currentColor;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.mini-music-player-bar__timeline{align-items:center;gap:8px;display:flex}.mini-music-player-bar__time{color:currentColor;font-size:12px}.mini-music-player-bar__progress{background:var(--hover-overlay);z-index:1;border-radius:4px;flex:1;min-width:35vw;height:4px;min-height:4px;transition:height .2s;position:relative;overflow:visible}.mini-music-player-bar__timeline:hover .mini-music-player-bar__progress{height:6px}.mini-music-player-bar__progress-inner{min-width:2px;height:100%;width:var(--progress,0%);z-index:2;background:linear-gradient(90deg,#1db954 0%,#1ed760 100%);border-radius:4px;transition:width .1s linear;position:absolute;top:0;left:0}.mini-music-player-bar__progress-inner:after{content:"";z-index:3;background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:50%;right:-6px;transform:translateY(-50%)scale(0);box-shadow:0 2px 4px #0003}.mini-music-player-bar__timeline:hover .mini-music-player-bar__progress-inner:after{transform:translateY(-50%)scale(1)}.mini-music-player-bar__btn--active{color:#1db954!important}.mini-music-player-bar__volume-slider{appearance:none;cursor:pointer;background:#333;border-radius:2px;outline:none;width:80px;height:4px;margin-left:12px;margin-right:8px;transition:all .2s}.mini-music-player-bar__volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#1db954;border:none;border-radius:50%;width:12px;height:12px;transition:all .2s}.mini-music-player-bar__volume-slider::-webkit-slider-thumb:hover{background:#1ed760;transform:scale(1.2)}.mini-music-player-bar__volume-slider::-moz-range-thumb{cursor:pointer;background:#1db954;border:none;border-radius:50%;width:12px;height:12px;transition:all .2s}.mini-music-player-bar__volume-slider::-moz-range-thumb:hover{background:#1ed760;transform:scale(1.2)}.mini-music-player-bar__volume-slider:hover{background:#444}.mini-music-player-bar__controls{flex:none;align-items:center;gap:8px;margin-left:16px;display:flex}.mini-music-player-bar__btn{color:#b3b3b3;cursor:pointer;background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:38px;height:38px;margin:0 4px;font-size:20px;transition:all .2s;display:flex;position:relative}.mini-music-player-bar__btn:hover,.mini-music-player-bar__btn:focus{color:#fff;transform:scale(1.05)}.mini-music-player-bar__btn--main{color:#000;background:#fff;width:44px;height:44px;font-size:24px}.mini-music-player-bar__btn--main:hover{color:#000;background:#f0f0f0;transform:scale(1.1)}.mini-music-player-bar__btn--main:disabled{background:var(--attachment-footer-background);cursor:not-allowed;opacity:.7}.mini-music-player-bar__loading{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mini-music-player-bar__artwork-link{display:inline-block}.mini-music-player-bar__title-link,.mini-music-player-bar__artist-link{color:inherit;cursor:pointer;text-decoration:none;transition:-webkit-text-decoration .15s,text-decoration .15s}.mini-music-player-bar__title-link:hover,.mini-music-player-bar__artist-link:hover{text-decoration:underline}.player-overlay-queue-list{margin:0;padding:0;list-style:none}.player-overlay-queue-item{color:#bbb;cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px 0;font-weight:400;transition:background .15s,color .15s;display:flex}.player-overlay-queue-item--active{color:#fff;background:#5050782e;font-weight:700}.player-overlay-queue-title{flex:1}.player-overlay-queue-artist{color:#888;font-weight:400}.player-overlay-queue-play-btn{color:#1db954;cursor:pointer;background:0 0;border:none;border-radius:4px;margin-right:4px;padding:2px 8px;font-size:12px;transition:background .15s}.player-overlay-queue-play-btn:hover{background:#1eb95414}.player-overlay-queue-remove-btn{color:#f55;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 8px;font-size:12px;transition:background .15s}.player-overlay-queue-remove-btn:hover{background:#ff555514}.mini-music-player-bar__center{flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;min-width:0;display:flex}.mini-music-player-bar__center-controls{justify-content:center;align-items:center;gap:8px;margin-bottom:4px;display:flex}.mini-music-player-bar__youtube-player{width:0;height:0;position:absolute;left:-9999px;overflow:hidden}.mini-music-player-bar__hidden{display:none}.mini-music-player-bar__timeline--clickable{cursor:pointer}
.discover-albums-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px;margin:24px 0;display:grid}.album-card{align-items:center}.album-card__art{background:#18181b;border-radius:8px;justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:12px;display:flex;position:relative;overflow:hidden}.album-card__art img{object-fit:cover;border-radius:8px;width:100%;height:100%}.album-card__art--placeholder{color:#888;font-size:1.1em}.album-card__play{color:#18181b;cursor:pointer;opacity:.92;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2em;transition:background .2s;display:flex;position:absolute;bottom:8px;right:8px;box-shadow:0 2px 8px #0000002e}.album-card__play:hover{background:#e2e2e2}.album-card__title{font-size:1.05em;font-weight:600}.album-card__artist{color:#bbb;font-size:.95em}.album-card__actions button{color:#bbb;cursor:pointer;background:0 0;border:none;font-size:1.1em;transition:color .2s}.album-card__actions button:hover{color:#fff}.albums-table{border-collapse:collapse;color:#fff;background:#23232a;border-radius:12px;width:100%;margin:24px 0;overflow:hidden}.albums-table th,.albums-table td{text-align:left;padding:12px 16px}.albums-table th{background:#18181b;font-weight:600}.albums-table tr{border-bottom:1px solid #29293a}.albums-table tr:last-child{border-bottom:none}.albums-table tr:hover{background:#29293a}.albums-table button{color:#bbb;cursor:pointer;background:0 0;border:none;font-size:1.1em;transition:color .2s}.albums-table button:hover{color:#fff}.music-player{color:#fff;z-index:100;background:#18181b;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #0000002e}.music-player__info{align-items:center;gap:16px;display:flex}.music-player__art{object-fit:cover;background:#23232a;border-radius:8px;width:56px;height:56px}.music-player__title{font-weight:600}.music-player__artist{color:#bbb;font-size:.95em}.music-player__controls button{color:#fff;cursor:pointer;background:0 0;border:none;margin:0 6px;font-size:1.2em;transition:color .2s}.music-player__controls button.active,.music-player__controls button:hover{color:#1db954}.music-player__seekbar{flex:1;align-items:center;gap:8px;margin:0 24px;display:flex}.music-player__seekbar input[type=range]{width:180px}.music-player__volume{align-items:center;gap:8px;display:flex}.music-player__expand{color:#bbb;cursor:pointer;background:0 0;border:none;margin-left:18px;font-size:1.4em;transition:color .2s}.music-player__expand:hover{color:#fff}.music-player-modal-overlay{z-index:9999;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.music-player-modal{color:#fff;background:#23232a;border-radius:18px;flex-direction:column;gap:24px;min-width:420px;max-width:96vw;min-height:340px;padding:36px 32px 28px;display:flex;position:relative;box-shadow:0 8px 48px #00000059}.music-player-modal__close{color:#bbb;cursor:pointer;background:0 0;border:none;font-size:1.6em;transition:color .2s;position:absolute;top:18px;right:18px}.music-player-modal__close:hover{color:#fff}.music-player-modal__main{align-items:flex-start;gap:32px;display:flex}.music-player-modal__art{background:#18181b;border-radius:12px;justify-content:center;align-items:center;width:140px;height:140px;display:flex;overflow:hidden}.music-player-modal__art img{object-fit:cover;border-radius:12px;width:100%;height:100%}.music-player-modal__info{flex-direction:column;flex:1;gap:12px;display:flex}.music-player-modal__lyrics,.music-player-modal__queue{background:#18181b;border-radius:8px;margin-top:18px;padding:12px 16px;font-size:1em}.music-player-modal__queue ul{margin:0;padding:0;list-style:none}.music-player-modal__queue li{border-radius:6px;padding:6px 0;transition:background .2s,color .2s}.music-player-modal__queue li:hover{color:#fff;background:#29293a}.queue-context-menu{z-index:10;background:#23232a;border-radius:8px;flex-direction:column;min-width:160px;padding:4px 0;display:flex;box-shadow:0 2px 12px #0000002e}.queue-context-menu__item{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;padding:10px 18px;font-size:1em;transition:background .18s,color .18s}.queue-context-menu__item:hover{color:#1db954;background:#29293a}
.navbar-shadow{z-index:2;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAOBAMAAAD3WtBsAAAAFVBMVEUAAAAAAAAAAAAAAAAAAAAAAAD29va1cB7UAAAAB3RSTlMCCwQHGBAaZf6MKAAAABpJREFUCNdjSGNIY3BhCGUQBEJjIFQCQigAACyJAjLNW4w5AAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:1px 7px;width:100%;height:7px;position:absolute;bottom:-6px}.navbar__user{align-items:center;gap:var(--space-md,1rem);display:flex;position:relative}.navbar__grid{align-items:center;gap:var(--space-md,1rem);grid-template-columns:1fr auto 1fr;width:100%;display:grid}.navbar__left{align-items:center;gap:var(--space-sm,.5rem);min-width:0;max-width:calc(360px - 1rem);display:flex}.navbar__left .search__container--navbar{flex:1;min-width:0}.navbar__logo{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.navbar__center{justify-content:center;align-items:center;gap:var(--space-sm,.75rem);display:flex}.navbar__center-nav{width:100%}.navbar__center-list{justify-content:center;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.navbar__center-item{display:flex}.navbar__center-link{border-radius:10px;justify-content:center;align-items:center;padding:.5rem 3rem;transition:background .2s,color .2s;display:inline-flex;position:relative}.navbar__center-icon{fill:currentColor;display:block}.navbar__center-link:hover,.navbar__center-link:focus{background:var(--hover-overlay)}.navbar__center-link.is-active:hover,.navbar__center-link.is-active:focus{background:0 0}.navbar__center-link.is-active{color:var(--primary-button-background)!important}.navbar__center-link.is-active:after{content:"";background:var(--primary-button-background);border-radius:999px;height:.2rem;position:absolute;bottom:-.6rem;left:.1rem;right:.1rem}.navbar__right{justify-content:flex-end;align-items:center;gap:var(--space-md,1rem);display:flex}.navbar__user-nav{align-items:center;gap:var(--space-md,1rem);display:flex}.navbar__searchbar-controls{align-items:center;gap:var(--space-md,1rem);flex-shrink:0;display:flex}.navbar__user-nav--desktop{display:flex}.navbar__user-menu-btn{padding:var(--space-xs,.5rem);margin-left:var(--space-sm,.75rem);border-radius:var(--radius-sm,4px);cursor:pointer;color:var(--color-text,#222);background:0 0;border:none;transition:background .2s}.navbar__user-menu-btn:focus,.navbar__user-menu-btn:hover{background:var(--color-bg-hover,#f0f0f0)}.navbar__user-menu-btn--mobile{align-items:center;display:flex}@media (min-width:768px){.navbar__user-menu-btn--mobile{display:none}.navbar__user-nav--desktop{display:flex}.navbar-tabs-container{pointer-events:auto;z-index:5;background:var(--header-bg);border:1px solid var(--separator);width:fit-content;box-shadow:0 4px 12px var(--black-alpha-10);border-top:none;border-radius:0 0 12px 12px;justify-content:center;align-items:center;margin-top:-1px;padding:0 16px;display:flex;position:relative}.navbar-tabs-extra{align-items:center;height:100%;display:flex}.navbar-tabs-extra .sentiment-index{align-items:flex-start;gap:0;min-width:auto}.navbar-tabs-extra .sentiment-meta{display:none}.navbar-tabs-extra .sentiment-status{gap:6px}.navbar-tabs-extra .sentiment-bar{width:2px;height:6px}.navbar-tabs-extra .sentiment-label{font-size:.7rem}.navbar-tabs-container .navbar-tabs{gap:24px;height:40px}}@media (max-width:767px){.navbar__center{display:none}.navbar__user-menu-btn--mobile{display:flex}.navbar__user-nav--desktop{display:none}}.user-button__loading{justify-content:center;align-items:center;width:40px;height:40px;display:flex}.loading-spinner{border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.notification-button{cursor:pointer;width:40px;height:40px;color:var(--primary-icon);background:var(--secondary-button-background);border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s;display:flex;position:relative}.notification-button:focus,.notification-button:hover{background:var(--hover-overlay)}.notification-button.active{background:var(--primary-deemphasized-button-background)}.notification-button--has-new{color:currentColor}.notification-button__icon{display:contents}.notification-button__badge{background:var(--header-form-icon-hover-bg);color:var(--header-color);border-radius:50%;justify-content:center;align-items:center;min-width:20px;height:20px;font-size:.75rem;font-weight:600;display:flex;position:absolute;top:-.5rem;right:-.5rem;box-shadow:0 1px 2px #00000014}.notification-button__item{padding:var(--space-sm,.75rem);border-bottom:1px solid var(--border-default);background:var(--color-bg);cursor:pointer;transition:background .2s}.notification-button__item--unread{background:var(--color-bg-muted,#f5f7fa)}.notification-button__footer{padding:var(--space-sm,.75rem);border-top:1px solid var(--border-default);background:var(--color-bg);justify-content:space-between;align-items:center;display:flex}
.notifications-dropdown__wrapper{display:inline-block;position:absolute}.notifications-dropdown__trigger{cursor:pointer;background:0 0;border:none;padding:0;position:relative}.notifications-dropdown__icon{background:url(/icons.svg#icon-notifications-24) 50%/contain no-repeat;width:28px;height:28px;display:inline-block}.notifications-dropdown__counter{background:var(--colors-danger,#e53e3e);color:#fff;z-index:2;border-radius:9999px;justify-content:center;align-items:center;min-width:18px;height:18px;font-size:12px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.notifications-dropdown{background:var(--popup-bg);z-index:1000;border:1px solid var(--popup-separator);border-radius:12px;flex-direction:column;width:360px;max-height:80vh;display:flex;position:absolute;top:40px;right:0;overflow:hidden;box-shadow:0 4px 24px #0000001f}.notifications-dropdown__header{justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.notifications-dropdown__title{font-size:18px;font-weight:600}.notifications-dropdown__settings{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;height:2rem;line-height:1;transition:background .15s;display:flex}.notifications-dropdown__settings:hover{background:var(--popup-separator)}.notifications-dropdown__settings-icon{background:url(/icons.svg#icon-settings-24) 50%/contain no-repeat;width:20px;height:20px;display:inline-block}.notifications-dropdown__section{padding:8px 0 0}.notifications-dropdown__section-title{color:var(--colors-muted,#888);padding:8px 20px 4px;font-size:14px;font-weight:500}.notifications-dropdown__empty{text-align:center;color:var(--colors-muted,#888);padding:32px 0;font-size:15px}.notification-item{cursor:pointer;align-items:flex-start;gap:1rem;width:100%;padding:.5rem;text-decoration:none;transition:background .15s;display:flex;position:relative}.notification-item:last-child{border-bottom:none}.notification-item--unread{background:var(--popup-separator,#f7f6fa)}.notification-item__avatar{background:#eee;border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden}.notification-item__avatar img{object-fit:cover;width:100%;height:100%}.notification-item__content{flex:1;min-width:0}.notification-item__title{color:var(--colors-text,#222);margin-bottom:2px;font-size:15px;font-weight:500}.notification-item__message{color:var(--colors-muted,#888);margin-bottom:2px;font-size:14px}.notification-item__date{color:var(--colors-muted,#aaa);font-size:12px}.notification-item__dot{background:var(--colors-primary,#2563eb);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.notification-item__actions{cursor:pointer;background:0 0;border:none;border-radius:6px;align-self:flex-start;margin-left:8px;padding:4px;transition:background .15s}.notification-item__actions:hover{background:var(--popup-separator)}.notification-item__actions-icon{background:url(/icons.svg#icon-more-vertical-24) 50%/contain no-repeat;width:18px;height:18px;display:inline-block}.notifications-dropdown__footer{border-top:1px solid var(--popup-separator);background:inherit;text-align:center;padding:12px 20px}.notifications-dropdown__footer a{color:currentColor;background:var(--button-secondary-border);border-radius:6px;width:90%;margin:0 auto;padding:.5rem;font-size:15px;font-weight:500;transition:background .15s;display:block}.notifications-dropdown__footer a:hover{background:var(--popup-separator);text-decoration:none!important}.notification-item__avatar--large{width:56px;height:56px}.notification-item__unread-label{background:var(--colors-primary,#2563eb);color:#fff;vertical-align:middle;border-radius:6px;margin-right:8px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.notification-item__names{color:var(--colors-text,#222);font-size:15px;font-weight:500}.notification-item__main{align-items:center;gap:6px;margin-bottom:2px;display:flex}.notification-item__meta{color:var(--colors-muted,#888);align-items:center;gap:10px;font-size:13px;display:flex}.notification-item__mark-read{color:var(--colors-primary,#2563eb);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 8px;font-size:13px;font-weight:500;transition:background .15s}.notification-item__mark-read:hover{background:var(--popup-separator)}.notification-item:focus,.notification-item:hover{background:var(--popup-item-bg-hover,#f0f3f5);outline:none}.notification-toast{flex-direction:column;gap:6px;min-width:220px;max-width:320px;display:flex}.notification-toast__header{align-items:center;gap:10px;display:flex}.notification-toast__avatar{object-fit:cover;background:#eee;border-radius:50%;width:36px;height:36px}.notification-toast__title{color:var(--colors-text,#222);font-size:15px;font-weight:600}.notification-toast__message{color:var(--colors-muted,#888);margin-left:46px;font-size:14px}.notification-toast__footer{justify-content:flex-end;margin-left:46px;display:flex}.notification-toast__view{color:var(--colors-primary,#2563eb);border-radius:6px;padding:4px 10px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s}.notification-toast__view:hover{background:var(--popup-separator)}
:root{--page-max-width:1200px;--page-padding:24px;--page-bg:#f0f2f5;--page-cover-gradient-start:#1877f2;--page-cover-gradient-end:#8b5cf6;--page-cover-overlay:#0003;--page-card-bg:#fff;--page-card-border:#e4e6ea;--page-card-shadow:0 1px 2px #0000001a;--page-card-hover-shadow:0 2px 8px #00000026;--page-text-primary:#050505;--page-text-secondary:#65676b;--page-text-tertiary:#8e8e93;--page-text-white:#fff;--page-btn-primary-bg:#1877f2;--page-btn-primary-hover:#166fe5;--page-btn-primary-text:#fff;--page-btn-secondary-bg:#fff;--page-btn-secondary-border:#dadde1;--page-btn-secondary-hover:#f2f3f5;--page-btn-secondary-text:#050505;--page-tab-active-border:#1877f2;--page-tab-active-text:#1877f2;--page-tab-inactive-text:#65676b;--page-tab-hover-text:#050505;--page-avatar-fallback-bg:#1877f2;--page-avatar-fallback-text:#fff;--page-avatar-border:#fff;--page-avatar-shadow:0 2px 8px #00000026;--page-badge-bg:#fff3;--page-badge-text:#fff;--page-separator:#dadde1;--page-icon-primary:#1877f2;--page-icon-secondary:#65676b;--page-icon-tertiary:#8e8e93}[data-theme=dark]{--page-bg:#18191a;--page-cover-gradient-start:#0d6efd;--page-cover-gradient-end:#6f42c1;--page-cover-overlay:#0006;--page-card-bg:#242526;--page-card-border:#3e4042;--page-card-shadow:0 1px 2px #0000004d;--page-card-hover-shadow:0 2px 8px #0006;--page-text-primary:#e4e6eb;--page-text-secondary:#b0b3b8;--page-text-tertiary:#8e8e93;--page-text-white:#fff;--page-btn-primary-bg:#0d6efd;--page-btn-primary-hover:#0b5ed7;--page-btn-primary-text:#fff;--page-btn-secondary-bg:#3a3b3c;--page-btn-secondary-border:#4e4f50;--page-btn-secondary-hover:#4e4f50;--page-btn-secondary-text:#e4e6eb;--page-tab-active-border:#0d6efd;--page-tab-active-text:#0d6efd;--page-tab-inactive-text:#b0b3b8;--page-tab-hover-text:#e4e6eb;--page-avatar-fallback-bg:#0d6efd;--page-avatar-fallback-text:#fff;--page-avatar-border:#fff;--page-avatar-shadow:0 2px 8px #0006;--page-badge-bg:#ffffff26;--page-badge-text:#fff;--page-separator:#3e4042;--page-icon-primary:#0d6efd;--page-icon-secondary:#b0b3b8;--page-icon-tertiary:#8e8e93}html.pages-page{scroll-behavior:smooth}body.pages-page-body{background-color:var(--page-bg);min-height:100vh}body#pages-page{padding-top:var(--navbar-height)}html#page-social-page #root{padding-bottom:0}.page-header{width:100%;position:relative}.page-cover{aspect-ratio:2.7;background:var(--page-cover-bg);width:100%;min-height:180px;max-height:350px;position:relative}.page-cover-img{object-fit:cover;object-position:center;width:100%;height:100%}.page-cover-center{border:1px solid;border-radius:0 0 max(0px,min(8px,-999900% - 39996px + 999900vw)) max(0px,min(8px,-999900% - 39996px + 999900vw))/0 0 8px 8px;flex:1;justify-content:center;align-items:stretch;width:100%;max-width:1250px;margin:0 auto;display:flex;overflow:hidden}.page-cover-overlay{background:var(--page-cover-overlay);position:absolute;inset:0}.page-cover-layout{align-items:flex-end;gap:1.5rem;display:flex}.page-avatar-container{flex-shrink:0;position:relative}.page-avatar{border:4px solid var(--page-avatar-border);width:128px;height:128px;box-shadow:var(--page-avatar-shadow);object-fit:cover;border-radius:50%}.page-avatar-fallback{border:4px solid var(--page-avatar-border);width:128px;height:128px;box-shadow:var(--page-avatar-shadow);background-color:var(--page-avatar-fallback-bg);color:var(--page-avatar-fallback-text);border-radius:50%;justify-content:center;align-items:center;font-size:2.5rem;font-weight:700;display:flex}.page-verification-badge{background-color:var(--page-btn-primary-bg);border:2px solid var(--page-avatar-border);border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex;position:absolute;bottom:-.5rem;right:-.5rem}.page-info{color:var(--page-text-white);flex-wrap:wrap;flex:1;justify-content:space-between;align-items:flex-end;gap:2rem;display:flex}.page-info-main{flex:1;min-width:0}.page-info-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.page-name{margin-bottom:.5rem;font-size:2.5rem;font-weight:700;line-height:1.2}.page-username{opacity:.9;margin-bottom:.5rem;font-size:1.25rem}.page-description{opacity:.9;margin-bottom:1rem;font-size:1.125rem;line-height:1.4}.page-stats{align-items:center;gap:1.5rem;font-size:.875rem;display:flex}.page-category-badge{background-color:var(--page-badge-bg);color:var(--page-badge-text);border-radius:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.page-actions{background-color:var(--page-card-bg);border-bottom:1px solid var(--page-separator)}.page-actions-inner{max-width:var(--page-max-width);padding:0 var(--page-padding);margin:0 auto}.page-actions-layout{justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.page-actions-left{align-items:center;gap:1rem;display:flex}.page-actions-right{align-items:center;gap:.5rem;display:flex}.page-btn{cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 2rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.page-btn-primary{background-color:var(--page-btn-primary-bg);color:var(--page-btn-primary-text)}.page-btn-primary:hover{background-color:var(--page-btn-primary-hover);transform:translateY(-1px)}.page-btn-secondary{background-color:var(--page-btn-secondary-bg);color:var(--page-btn-secondary-text);border:1px solid var(--page-btn-secondary-border)}.page-btn-secondary:hover{background-color:var(--page-btn-secondary-hover);transform:translateY(-1px)}.page-btn-sm{padding:.375rem .75rem;font-size:.75rem}.page-tabs{background:var(--nav-bar-background);box-shadow:0 1px 1px var(--shadow-1);z-index:10;width:100%;position:sticky}.page-tabs-inner{max-width:var(--page-max-width);padding:0 var(--page-padding);margin:0 auto}.page-tabs-list{scrollbar-width:none;-ms-overflow-style:none;gap:0;display:flex;overflow-x:auto}.page-tabs-list::-webkit-scrollbar{display:none}.page-tab{color:var(--page-tab-text);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:16px 24px;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.page-tab:hover{background:var(--page-tab-hover);color:var(--page-tab-hover-text)}.page-tab.active{color:var(--page-tab-active);border-bottom-color:var(--page-tab-active);background:var(--page-tab-active-bg)}.page-main{max-width:var(--page-max-width);padding:0 var(--page-padding);margin:0 auto}.page-content-grid{grid-template-columns:300px 1fr;gap:24px;padding:24px 0;display:grid}.page-content-sidebar{flex-direction:column;gap:20px;display:flex}.page-sidebar-card{background:var(--page-card-bg);border-radius:var(--page-card-radius);border:1px solid var(--page-card-border);overflow:hidden}.page-sidebar-title{color:var(--page-text-primary);border-bottom:1px solid var(--page-card-border);background:var(--page-card-header-bg);margin:0;padding:16px 20px;font-size:1.125rem;font-weight:600}.page-sidebar-list{padding:16px 20px}.page-sidebar-item{border-bottom:1px solid var(--page-item-border);align-items:center;gap:12px;padding:12px 0;display:flex}.page-sidebar-item:last-child{border-bottom:none}.page-sidebar-icon{color:var(--page-icon-color);flex-shrink:0}.page-sidebar-content{flex:1;min-width:0}.page-sidebar-label{color:var(--page-text-secondary);margin:0 0 4px;font-size:.875rem}.page-sidebar-value{color:var(--page-text-primary);word-break:break-word;margin:0;font-size:.875rem}.page-sidebar-link{color:var(--page-link-color);word-break:break-all;text-decoration:none}.page-sidebar-link:hover{text-decoration:underline}.page-contact-buttons{flex-direction:column;gap:8px;padding:16px 20px;display:flex}.page-contact-btn{background:var(--page-contact-btn-bg);color:var(--page-contact-btn-text);border:1px solid var(--page-contact-btn-border);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:10px 16px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.page-contact-btn:hover{background:var(--page-contact-btn-hover);border-color:var(--page-contact-btn-hover-border)}.page-stats-list{padding:16px 20px}.page-stat-item{border-bottom:1px solid var(--page-item-border);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.page-stat-item:last-child{border-bottom:none}.page-stat-label{color:var(--page-text-secondary);font-size:.875rem}.page-stat-value{color:var(--page-text-primary);font-size:.875rem;font-weight:600}.page-content-main{min-width:0}.page-card{background:var(--page-card-bg);border-radius:var(--page-card-radius);border:1px solid var(--page-card-border);margin-bottom:20px;overflow:hidden}.page-card-header{border-bottom:1px solid var(--page-card-border);background:var(--page-card-header-bg);padding:20px}.page-card-title{color:var(--page-text-primary);margin:0;font-size:1.25rem;font-weight:600}.page-card-body{padding:20px}.page-card-content{color:var(--page-text-secondary);line-height:1.6}@media (max-width:1024px){.page-content-grid{grid-template-columns:1fr;gap:20px}.page-content-sidebar{order:2}.page-content-main{order:1}}@media (max-width:768px){.page-cover{height:200px}.page-avatar{width:120px;height:120px}.page-name{font-size:1.5rem}.page-avatar-container{text-align:center;flex-direction:column;align-items:center}.page-actions{justify-content:center}.page-tabs-list{justify-content:flex-start}.page-tab{padding:12px 16px;font-size:.8rem}.page-main{padding:0 16px}.page-content-grid{gap:16px;padding:16px 0}.page-info{flex-direction:column;align-items:flex-start;gap:1rem}.page-info-actions{justify-content:flex-start;gap:.5rem;width:100%}}@media (max-width:480px){.page-cover{height:150px}.page-avatar{width:100px;height:100px}.page-name{font-size:1.25rem}.page-action-btn{padding:6px 12px;font-size:.8rem}.page-tab{padding:10px 12px;font-size:.75rem}.page-sidebar-card,.page-card{border-radius:8px}.page-card-header,.page-card-body{padding:16px}}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-container,.page-card{animation:.3s ease-out pageFadeIn}.page-loading{background-color:var(--page-bg);justify-content:center;align-items:center;min-height:400px;display:flex}.page-loading-content{text-align:center}.page-loading-icon{color:var(--page-icon-tertiary);margin-bottom:1rem}.page-loading-text{color:var(--page-text-secondary)}.page-error{background-color:var(--page-bg);justify-content:center;align-items:center;min-height:400px;display:flex}.page-error-content{text-align:center}.page-error-icon{color:var(--page-icon-tertiary);margin-bottom:1rem}.page-error-title{color:var(--page-text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.page-error-description{color:var(--page-text-secondary)}.page-posts-section{flex-direction:column;gap:16px;display:flex}.page-post-form-container{background-color:var(--page-card-bg);border:1px solid var(--page-card-border);box-shadow:var(--page-card-shadow);border-radius:8px;overflow:hidden}.page-posts-filter-bar{background-color:var(--page-card-bg);border:1px solid var(--page-card-border);box-shadow:var(--page-card-shadow);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.page-posts-filter-tabs{flex:1;gap:8px;display:flex}.page-posts-filter-tab{color:var(--page-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.page-posts-filter-tab:hover{background-color:var(--page-btn-secondary-hover);color:var(--page-text-primary)}.page-posts-filter-tab.active{background-color:var(--page-btn-primary-bg);color:var(--page-btn-primary-text)}.page-posts-filter-tab svg{fill:currentColor;width:16px;height:16px}.page-posts-filter-actions{gap:8px;display:flex}.page-posts-filter-dropdown{position:relative}.page-posts-filter-btn{border:1px solid var(--page-card-border);color:var(--page-text-secondary);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.page-posts-filter-btn:hover{background-color:var(--page-btn-secondary-hover);border-color:var(--page-btn-secondary-border);color:var(--page-text-primary)}.page-posts-filter-btn svg{fill:currentColor;width:14px;height:14px}.page-posts-filter-dropdown-menu{background-color:var(--page-card-bg);border:1px solid var(--page-card-border);min-width:200px;box-shadow:var(--page-card-hover-shadow);z-index:1000;opacity:0;transform-origin:top;pointer-events:auto;will-change:transform, opacity;border-radius:8px;transition:opacity .15s,transform .15s;position:fixed;overflow:hidden;transform:scale(.95)}.page-posts-filter-dropdown-menu.show{opacity:1;transform:scale(1)}.page-posts-filter-dropdown-item{text-align:left;width:100%;color:var(--page-text-primary);cursor:pointer;background:0 0;border:none;padding:10px 16px;font-size:14px;transition:background-color .2s;display:block}.page-posts-filter-dropdown-item:hover{background-color:var(--page-btn-secondary-hover)}.page-posts-filter-dropdown-item.active{background-color:var(--page-btn-primary-bg);color:var(--page-btn-primary-text)}.page-posts-list{flex-direction:column;gap:16px;display:flex}@media (max-width:768px){.page-posts-filter-bar{flex-direction:column;align-items:stretch;gap:12px}.page-posts-filter-tabs{justify-content:space-between;padding-bottom:4px;overflow-x:auto}.page-posts-filter-tab{flex-shrink:0;padding:6px 12px;font-size:13px}.page-posts-filter-actions{justify-content:center}.page-posts-filter-dropdown-menu{min-width:180px;left:0;right:auto}}@media (max-width:480px){.page-posts-filter-tabs{gap:4px}.page-posts-filter-tab{padding:6px 8px;font-size:12px}.page-posts-filter-tab span,.page-posts-filter-btn span{display:none}}.page-creation-back-btn{color:var(--body-color-light);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.page-creation-back-btn:hover{background-color:var(--button-secondary-hover-bg);color:var(--body-color)}.page-creation-device-selector{background-color:var(--button-secondary-bg);border:1px solid var(--button-secondary-border);border-radius:8px;align-items:center;gap:8px;padding:4px;display:flex}.page-creation-device-btn{color:var(--body-color-light);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px 8px;transition:all .2s;display:flex}.page-creation-device-btn:hover{background-color:var(--button-secondary-hover-bg);color:var(--body-color)}.page-creation-device-btn.active{background-color:var(--button-brand-bg);color:var(--button-brand-color)}.page-creation-layout{max-width:1200px;min-height:calc(100vh - var(--navbar-height,56px) - 80px);margin:0 auto;display:flex}.page-creation-sidebar{background-color:var(--card-bg);border-right:1px solid var(--card-border);width:320px;top:calc(var(--navbar-height,56px) + 80px);height:fit-content;max-height:calc(100vh - var(--navbar-height,56px) - 80px);position:sticky;overflow-y:auto}.page-creation-sidebar-content{padding:24px}.page-creation-sidebar-section{flex-direction:column;gap:24px;display:flex}.page-creation-progress{flex-direction:column;gap:16px;display:flex}.page-creation-progress-title{color:var(--text-base);margin:0;font-size:16px;font-weight:600}.page-creation-progress-steps{flex-direction:column;gap:12px;display:flex}.page-creation-progress-step{border:1px solid var(--card-border);border-radius:8px;align-items:flex-start;gap:12px;padding:16px;transition:all .2s;display:flex}.page-creation-progress-step.current{background-color:#1877f20d;border-color:#1877f233}.page-creation-progress-step.completed{background-color:#22c55e0d;border-color:#22c55e33}.page-creation-progress-step.pending{background-color:var(--card-light-bg);border-color:var(--card-border)}.page-creation-progress-step-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.page-creation-progress-step-icon.current{background-color:var(--button-brand-bg);color:var(--button-brand-color)}.page-creation-progress-step-icon.completed{color:#fff;background-color:#22c55e}.page-creation-progress-step-icon.pending{background-color:var(--button-secondary-bg);color:var(--body-color-light)}.page-creation-progress-step-content{flex:1;min-width:0}.page-creation-progress-step-title{color:var(--text-base);margin:0 0 4px;font-size:14px;font-weight:500}.page-creation-progress-step-description{color:var(--body-color-light);margin:0;font-size:12px;line-height:1.4}.page-creation-navigation{flex-direction:column;gap:12px;display:flex}.page-creation-nav-btn{cursor:pointer;border:1px solid;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s}.page-creation-nav-btn-prev{background-color:var(--button-secondary-bg);color:var(--button-secondary-color);border-color:var(--button-secondary-border)}.page-creation-nav-btn-prev:hover{background-color:var(--button-secondary-hover-bg);border-color:var(--button-secondary-hover-border)}.page-creation-nav-btn-next,.page-creation-nav-btn-submit{background-color:var(--button-brand-bg);color:var(--button-brand-color);border-color:var(--button-brand-border-color)}.page-creation-nav-btn-next:hover,.page-creation-nav-btn-submit:hover{background-color:var(--button-brand-hover-bg)}.page-creation-nav-btn:disabled{opacity:.5;cursor:not-allowed}.page-creation-main{background-color:var(--body-bg);flex:1}.page-creation-main-content{padding:32px}.page-creation-content-wrapper{max-width:800px;margin:0 auto}.page-creation-content-wrapper.mobile{max-width:400px}.page-creation-content-wrapper.desktop{max-width:800px}.page-creation-step,.page-creation-step-content{flex-direction:column;gap:24px;display:flex}.page-creation-step-title{color:var(--text-base);margin:0;font-size:20px;font-weight:600}.page-creation-form{flex-direction:column;gap:20px;display:flex}.page-creation-form-group{flex-direction:column;gap:8px;display:flex}.page-creation-form-label{color:var(--text-base);font-size:14px;font-weight:500}.page-creation-form-input,.page-creation-form-textarea{border:1px solid var(--input-border);background-color:var(--input-bg);color:var(--input-color);border-radius:8px;padding:12px 16px;font-size:14px;transition:all .2s}.page-creation-form-input:focus,.page-creation-form-textarea:focus{border-color:var(--button-brand-bg);outline:none;box-shadow:0 0 0 3px #1877f21a}.page-creation-form-textarea{resize:vertical;min-height:100px}.page-creation-form-select{width:100%}.page-creation-images-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.page-creation-image-group{flex-direction:column;gap:12px;display:flex}.page-creation-avatar-upload,.page-creation-cover-upload{cursor:pointer;border:2px dashed var(--card-border);border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative;overflow:hidden}.page-creation-avatar-upload{border-radius:50%;width:128px;height:128px}.page-creation-cover-upload{width:100%;height:128px}.page-creation-avatar-upload:hover,.page-creation-cover-upload:hover{border-color:var(--button-brand-bg);background-color:#1877f20d}.page-creation-upload-icon{color:var(--body-color-light);transition:color .2s}.page-creation-avatar-upload:hover .page-creation-upload-icon,.page-creation-cover-upload:hover .page-creation-upload-icon{color:var(--button-brand-bg)}.page-creation-avatar-preview,.page-creation-cover-preview{object-fit:cover;width:100%;height:100%}.page-creation-avatar-preview{border-radius:50%}.page-creation-cover-preview{border-radius:6px}.page-creation-file-input{display:none}.page-creation-review-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.page-creation-review-content{flex-direction:column;gap:20px;padding:24px;display:flex}.page-creation-review-header{align-items:center;gap:16px;display:flex}.page-creation-review-avatar{border-radius:50%;flex-shrink:0;width:64px;height:64px;overflow:hidden}.page-creation-review-avatar-img{object-fit:cover;width:100%;height:100%}.page-creation-review-info{flex:1;min-width:0}.page-creation-review-name{color:var(--text-base);margin:0 0 4px;font-size:18px;font-weight:600}.page-creation-review-username{color:var(--body-color-light);margin:0 0 8px;font-size:14px}.page-creation-review-badge{background-color:var(--tag-bg);color:var(--tag-color);border:1px solid var(--tag-border);border-radius:12px;padding:4px 8px;font-size:12px;font-weight:500}.page-creation-review-description{border-top:1px solid var(--separator);padding-top:16px}.page-creation-review-description p{color:var(--body-color);margin:0;line-height:1.6}.page-creation-review-cover{border-radius:8px;width:100%;height:128px;overflow:hidden}.page-creation-review-cover-img{object-fit:cover;width:100%;height:100%}@media (max-width:1024px){.page-creation-layout{flex-direction:column}.page-creation-sidebar{border-right:none;border-bottom:1px solid var(--card-border);width:100%;position:static}.page-creation-sidebar-content{padding:16px 24px}.page-creation-main-content{padding:24px}.page-creation-images-grid{grid-template-columns:1fr;gap:20px}}@media (max-width:768px){.page-creation-header-content{flex-direction:column;align-items:stretch;gap:12px;padding:12px 16px}.page-creation-header-left,.page-creation-device-selector{justify-content:center}.page-creation-sidebar-content,.page-creation-main-content{padding:16px}.page-creation-content-wrapper,.page-creation-content-wrapper.mobile{max-width:100%}.page-creation-avatar-upload{width:100px;height:100px}.page-creation-cover-upload{height:100px}.page-creation-review-header{text-align:center;flex-direction:column;gap:12px}.page-creation-review-avatar{width:80px;height:80px}}@media (max-width:480px){.page-creation-header-title,.page-creation-step-title{font-size:18px}.page-creation-progress-step{padding:12px}.page-creation-progress-step-icon{width:28px;height:28px;font-size:12px}.page-creation-progress-step-title{font-size:13px}.page-creation-progress-step-description{font-size:11px}.page-creation-nav-btn{padding:10px 12px;font-size:13px}}@keyframes pageCreationFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-creation-step,.page-creation-progress-step,.page-creation-review-card{animation:.3s ease-out pageCreationFadeIn}.page-creation-loading{min-height:200px;color:var(--body-color-light);justify-content:center;align-items:center;display:flex}.page-creation-loading-icon{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-header-content{background:var(--page-card-bg);width:100%}.page-header-inner{max-width:var(--page-max-width);padding:0 var(--page-padding);flex-direction:row;align-items:flex-end;gap:2rem;margin:0 auto;display:flex}@media (max-width:1024px){.page-header-inner{flex-direction:column;align-items:flex-start;gap:1rem;padding:0 16px}}@media (max-width:600px){.page-header-inner{padding:0 8px}}
.popular-tracks{max-width:1200px;margin:0 auto;padding:24px}.popular-tracks__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;display:flex}.popular-tracks__title h1{color:var(--text);margin:0 0 8px;font-size:32px;font-weight:700}.popular-tracks__title p{color:var(--text-secondary);margin:0;font-size:16px}.popular-tracks__controls{gap:8px;display:flex}.view-toggle-btn{border:1px solid var(--border);background:var(--background);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.view-toggle-btn:hover{background:var(--background-hover);color:var(--text)}.view-toggle-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.popular-tracks__content{min-height:400px}.tracks-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;display:grid}.track-card{background:var(--background);border:1px solid var(--border);border-radius:12px;transition:transform .2s,box-shadow .2s;overflow:hidden}.track-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.track-card__artwork{aspect-ratio:1;position:relative;overflow:hidden}.track-card__artwork img{object-fit:cover;width:100%;height:100%}.track-card__overlay{opacity:0;background:#000000b3;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.track-card:hover .track-card__overlay{opacity:1}.track-card__play-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s;display:flex}.track-card__play-btn:hover{transform:scale(1.1)}.track-card__info{padding:16px}.track-card__title{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.track-card__artist{color:var(--text-secondary);margin-bottom:2px;font-size:13px}.track-card__album{color:var(--text-tertiary);font-size:12px}.tracks-list{flex-direction:column;gap:8px;display:flex}.track-item{background:var(--background);border:1px solid var(--border);border-radius:8px;align-items:center;padding:12px 16px;transition:background .2s;display:flex}.track-item:hover{background:var(--background-hover)}.track-item__artwork{border-radius:6px;flex-shrink:0;width:48px;height:48px;margin-right:16px;overflow:hidden}.track-item__artwork img{object-fit:cover;width:100%;height:100%}.track-item__info{flex:1;min-width:0}.track-item__title{margin-bottom:2px;font-size:14px;font-weight:600;line-height:1.3}.track-item__artist{margin-bottom:2px;font-size:13px}.track-item__album{color:var(--text-tertiary);font-size:12px}.track-item__duration{flex-shrink:0;margin-right:16px;font-size:13px}.track-item__actions{flex-shrink:0}.track-item__play-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .2s;display:flex}.track-item__play-btn:hover{transform:scale(1.1)}.loading-message,.error-message{color:var(--text-secondary);justify-content:center;align-items:center;gap:12px;padding:48px;font-size:16px;display:flex}.error-message{color:var(--error)}@media (max-width:768px){.popular-tracks{padding:16px}.popular-tracks__header{flex-direction:column;align-items:flex-start;gap:16px}.popular-tracks__title h1{font-size:24px}.tracks-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.track-card__info{padding:12px}.track-card__title{font-size:13px}.track-card__artist{font-size:12px}.track-item{padding:8px 12px}.track-item__artwork{width:40px;height:40px;margin-right:12px}.track-item__title{font-size:13px}.track-item__artist{font-size:12px}.track-item__duration{margin-right:12px;font-size:12px}}
.post-container{background:var(--card-background);border-radius:8px;margin-bottom:16px;overflow:hidden}.post-header{border-bottom:1px solid var(--card-border);align-items:center;gap:12px;padding:.5rem .5rem 0;display:flex}.post-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.post-author-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.post-author-info>a{flex-shrink:0}.post-author-info>div{flex:1;min-width:0}.post-author-name{color:var(--body-color);margin-bottom:2px;font-size:14px;font-weight:600}.post-author-name-row{align-items:center;gap:8px;margin-bottom:2px;display:flex}.post-author-badge{background:var(--primary-deemphasized-button-background);color:var(--accent-color);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;line-height:1}.post-author-username,.post-timestamp{color:var(--body-color-light);font-size:12px}.post-audience-badge{color:var(--body-color-light);align-items:center;gap:4px;margin-left:8px;font-size:12px;display:inline-flex}.post-content-area{padding:0 1rem .75rem}.post-text{color:var(--body-color);margin-bottom:0;line-height:1.6}.hashtag-link{color:var(--accent);text-decoration:none}.hashtag-link:hover{text-decoration:underline}.post-link-preview{background:var(--background-color);transition:all .2s;overflow:hidden}.post-link-preview:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}.post-link-preview--square{align-items:stretch;min-height:15rem;display:flex}.post-link-preview-image--square{flex-shrink:0;width:15rem;height:15rem;position:relative;overflow:hidden}.post-link-preview-image--square img{object-fit:cover;width:100%;height:100%}.post-link-preview-content--square{flex-direction:column;flex:1;justify-content:space-between;padding:12px;display:flex}.post-link-preview-title--square{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.post-link-preview-description--square{color:var(--body-color-light);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.post-link-preview-price--square{color:var(--primary-color);margin-top:auto;font-size:12px;font-weight:600}.post-link-preview--wide{flex-direction:column;display:flex}.post-link-preview-image--wide{position:relative;overflow:hidden}.post-link-preview-image--wide img{width:100%;max-width:100%;height:auto;display:block}.post-link-preview-content{padding:12px}.post-link-preview-title--wide{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0 0 8px;font-size:16px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.post-link-preview-description--wide{color:var(--body-color-light);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0 0 8px;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}.post-link-preview-meta{align-items:center;gap:8px;margin-bottom:8px;display:flex}.post-link-preview-site-name{color:var(--body-color-light);font-size:12px;font-weight:500}.post-link-preview-type-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:500}.post-link-preview-type-badge--video{color:#ef4444;background:#ef44441a}.post-link-preview-type-badge--article{color:#3b82f6;background:#3b82f61a}.post-link-preview-type-badge--product{color:#22c55e;background:#22c55e1a}.post-link-preview-type-badge--social{color:#a855f7;background:#a855f71a}.post-link-preview-price{color:var(--primary-color);align-items:center;gap:4px;margin-top:8px;font-size:14px;font-weight:600;display:flex}.post-link-preview-rich-data{flex-direction:column;gap:6px;margin:8px 0;display:flex}.post-link-preview-rating{align-items:center;gap:6px;font-size:12px;display:flex}.post-link-preview-rating-stars{color:#fbbf24;letter-spacing:1px;font-size:14px}.post-link-preview-rating-text{color:var(--body-color-light);font-weight:500}.post-link-preview-brand{align-items:center;gap:4px;font-size:12px;display:flex}.post-link-preview-brand-name{color:var(--body-color);font-weight:600}.post-link-preview-brand-country{color:var(--body-color-light);font-weight:400}.post-link-preview-count{color:var(--body-color-light);align-items:center;gap:4px;font-size:12px;display:flex}.post-link-preview-count svg{color:var(--body-color-light)}.post-link-preview-vendor{color:var(--body-color-light);align-items:center;gap:4px;font-size:12px;display:flex}.post-link-preview-vendor svg{color:var(--body-color-light)}.post-link-preview-play-button{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.post-link-preview-play-button-circle{background:#000c;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.post-link-preview-play-button-circle:hover{background:#000000e6;transform:scale(1.1)}.post-link-preview-play-button-icon{color:#fff;width:20px;height:20px;margin-left:2px}.post-link-preview-media-actions{border-top:1px solid var(--card-border);gap:12px;margin-top:12px;padding-top:12px;display:flex}.post-media-action-btn{border:1px solid var(--card-border);background:var(--card-bg);width:36px;height:36px;color:var(--body-color-light);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000001a}.post-media-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 6px #00000026}.post-media-action-btn--play:hover{color:#fff;background:#ef4444;border-color:#ef4444}.post-media-action-btn--queue:hover{color:#fff;background:#3b82f6;border-color:#3b82f6}.post-image-container{border-radius:8px;margin-top:16px;overflow:hidden}.post-image{object-fit:cover;border-radius:8px;width:100%;height:auto}.post-actions{border-top:1px solid var(--card-border);background:var(--card-light-bg);padding:0 .5rem .5rem}.post-actions-stats{color:var(--body-color-light);justify-content:space-between;align-items:center;font-size:14px;display:flex}.post-actions-stats-left,.post-actions-stats-reactions{align-items:center;gap:4px;display:flex}.post-actions-stats-comments{cursor:pointer}.post-actions-stats-comments:hover{text-decoration:underline}.post-actions-buttons{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.post-action-button{color:var(--body-color-light);cursor:pointer;background:0 0;border:none;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px;font-size:14px;font-weight:500;transition:background-color .2s;display:flex}.post-action-button:hover{background:var(--card-hover-bg)}.post-action-button--active{color:var(--button-brand-bg)}.post-action-button-icon{width:20px;height:20px}.post-options-button{cursor:pointer;width:32px;height:32px;color:var(--body-color-light);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.post-options-button:hover{background-color:var(--hover-bg);color:var(--body-color)}.post-debug-info{color:#92400e;background:#fef3c7;padding:8px;font-size:12px}@media (max-width:768px){.post-header{padding:.4rem .4rem 0}.post-content-area{padding:0 .75rem .5rem}.post-link-preview-content,.post-link-preview--square,.post-actions{padding:12px}.post-link-preview-rich-data{gap:4px;margin:6px 0}.post-link-preview-rating,.post-link-preview-brand,.post-link-preview-count,.post-link-preview-vendor{font-size:11px}.post-link-preview-rating-stars{font-size:12px}}.post-edit-dialog-fields>*+*{margin-top:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.create-post-placeholder{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;margin-bottom:16px;overflow:hidden;box-shadow:0 1px 2px #0000000a}.create-post-inner{padding:0}.create-post-header{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.create-post-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:46px;height:46px}.create-post-avatar img{border-radius:50%;height:100%}.create-post-avatar-fallback{color:#fff;background:#1877f2;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-weight:600;display:flex}.create-post-input-wrapper{flex:1;min-width:0}.create-post-input{text-align:left;border:1px solid var(--input-border);width:100%;color:var(--body-color-light);cursor:pointer;background:#f0f2f5;border-radius:999px;outline:none;align-items:center;min-height:44px;padding:12px 16px;font-size:15px;line-height:1.3333;transition:background .15s;display:flex}.create-post-input:hover,.create-post-input:focus{background:#e4e6eb}.create-post-input-placeholder{color:#65676b;font-size:15px;font-weight:400}.create-post-actions{border-top:1px solid var(--card-border);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.create-post-actions-list{flex:1;align-items:center;gap:4px;display:flex}.create-post-action{cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 12px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.create-post-action-photo{color:#00a400}.create-post-action-photo:hover,.create-post-action-reels:hover,.create-post-action-live:hover,.create-post-action-room:hover{background:var(--card-hover-bg)}.create-post-action-icon{justify-content:center;align-items:center;width:20px;height:20px;display:flex}.create-post-action-link{text-decoration:none}.create-post-action-post{color:#fff;cursor:pointer;min-width:60px;height:36px;box-shadow:none;background:#1877f2;border:none;border-radius:8px;margin-left:8px;padding:0 16px;font-size:13px;font-weight:600;transition:background .15s}.create-post-action-post:hover,.create-post-action-post:focus{background:#166fe5}.create-post-file-input{display:none}.create-post-form{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;max-width:100%;box-shadow:0 1px 2px #0000000a;overflow:visible!important}.create-post-form__inner{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}.create-post-form__header{align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.create-post-form__avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px;display:flex;overflow:hidden}.create-post-form__profile{flex:1;min-width:0}.create-post-form__name{color:var(--body-color);margin-bottom:2px;font-size:15px;font-weight:600}.create-post-form__audience-btn{color:#1877f2;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:13px;transition:background .15s;display:flex}.create-post-form__audience-btn:hover,.create-post-form__audience-btn:focus{background:#f0f2f5}.create-post-form__textarea{resize:none;width:100%;color:var(--body-color);background:0 0;border:none;outline:none;min-height:80px;max-height:300px;margin-bottom:8px;padding:0;font-size:18px;line-height:1.4}.create-post-form__textarea::placeholder{color:#65676b;font-weight:400}.create-post-form__media-preview{margin-bottom:12px;position:relative}.create-post-form__media-img{object-fit:cover;border-radius:12px;width:100%;max-height:320px;display:block}.create-post-form__media-remove{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex;position:absolute;top:8px;right:8px}.create-post-form__media-remove:hover{background:#000c}.create-post-form__link-preview{border:1px solid var(--card-border);background:#f0f2f5;border-radius:12px;margin-bottom:12px;position:relative;overflow:hidden}.create-post-form__link-remove{color:#fff;cursor:pointer;z-index:2;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s;display:flex;position:absolute;top:8px;right:8px}.create-post-form__link-remove:hover{background:#000c}.create-post-form__link-img{object-fit:cover;border-bottom:1px solid var(--card-border);width:100%;height:160px}.create-post-form__link-content{padding:12px 16px}.create-post-form__link-title{color:#050505;margin-bottom:4px;font-size:15px;font-weight:600}.create-post-form__link-desc{color:#65676b;margin-bottom:4px;font-size:13px}.create-post-form__link-meta{color:#65676b;font-size:12px}.create-post-form__audience-dropdown{border:1px solid var(--card-border);z-index:10;background:#f0f2f5;border-radius:10px;margin-bottom:12px;padding:10px 0;box-shadow:0 2px 8px #0000000a}.create-post-form__audience-option{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 20px;transition:background .15s;display:flex}.create-post-form__audience-option:hover,.create-post-form__audience-option:focus{background:#e4e6eb}.create-post-form__audience-option--active{background:#e7f3ff;border:1px solid #1877f2}.create-post-form__actions{border-top:1px solid var(--card-border);justify-content:space-between;align-items:center;margin-top:8px;padding-top:12px;display:flex}.create-post-form__actions-label{color:#65676b;margin-right:12px;font-size:14px;font-weight:500}.create-post-form__actions-list{align-items:center;gap:4px;display:flex}.create-post-form__action-btn{color:#65676b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:background .15s,color .15s;display:flex}.create-post-form__action-btn:hover,.create-post-form__action-btn:focus{color:#1877f2;background:#f0f2f5}.create-post-form__submit{color:#fff;cursor:pointer;width:100%;height:44px;box-shadow:none;background:#1877f2;border:none;border-radius:8px;margin-top:16px;font-size:16px;font-weight:600;transition:background .15s}.create-post-form__submit:disabled{cursor:not-allowed;background:#b0c4e3}.create-post-form__submit:hover:not(:disabled),.create-post-form__submit:focus:not(:disabled){background:#166fe5}.audience-selector-panel{border-radius:16px;flex-direction:column;display:flex;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}.audience-selector-header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;min-height:56px;padding:0 20px 12px;display:flex}.audience-selector-header-btn{color:var(--body-color-light);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;font-size:22px;transition:background .15s}.audience-selector-header-btn:hover,.audience-selector-header-btn:focus{background:var(--hover-bg);color:var(--body-color)}.audience-selector-title{color:var(--body-color);font-size:18px;font-weight:600}.audience-selector-subtitle{flex-direction:column;gap:8px;padding:1rem;display:flex}.audience-selector-subtitle-main{color:var(--body-color);font-size:16px;font-weight:600;line-height:1.3}.audience-selector-subtitle-desc,.audience-selector-subtitle-default{color:var(--body-color-light);font-size:14px;line-height:1.4}.audience-selector-subtitle-default b{color:var(--body-color);font-weight:600}.audience-selector-options{flex:1;min-height:300px;max-height:calc(100vh - 400px);padding:0 .5rem .5rem;overflow-y:auto}.audience-selector-option{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:.75rem;width:100%;padding:.5rem;transition:background .15s;display:flex}.audience-selector-option:hover,.audience-selector-option:focus{background:var(--hover-overlay)}.audience-selector-option--active,.audience-selector-option--active .audience-selector-option-icon{background-color:var(--hover-overlay)}.audience-selector-option-icon{background-color:var(--secondary-button-background);border-radius:50%;flex-shrink:0;padding:1rem}.audience-selector-option-icon svg{height:100%;display:block}.audience-selector-option-content{flex:1;min-width:0}.audience-selector-option-label{color:var(--body-color);margin-bottom:2px;font-size:15px;font-weight:500}.audience-selector-option--active .audience-selector-option-label{color:var(--primary-color);font-weight:600}.audience-selector-option-desc{color:var(--body-color-light);min-height:1.3em;font-size:13px;line-height:1.3}.audience-selector-option--active .audience-selector-option-desc{color:var(--primary-color-light)}.audience-selector-option-check{color:var(--primary-color);flex-shrink:0}.audience-selector-footer{border-top:1px solid var(--card-border);background:var(--background-color);border-bottom-right-radius:16px;border-bottom-left-radius:16px;flex-direction:column;flex-shrink:0;padding:12px 20px;display:flex}.audience-selector-default-btn{background:var(--primary-bg);color:var(--primary-color);border:1px solid var(--primary-color);cursor:pointer;border-radius:6px;align-self:flex-end;margin-top:8px;padding:8px 16px;font-size:15px;font-weight:600;transition:all .15s}.audience-selector-default-btn:hover,.audience-selector-default-btn:focus{background:var(--primary-color);color:#fff;box-shadow:0 2px 4px #1877f233}.audience-selector-default-btn[aria-pressed=true]{background:var(--success-bg);color:var(--success-color);border-color:var(--success-color)}.audience-selector-default-btn[aria-pressed=true]:hover,.audience-selector-default-btn[aria-pressed=true]:focus{background:var(--success-color);color:#fff;box-shadow:0 2px 4px #2e7d3233}.audience-selector-default-text{color:var(--body-color-light);margin-left:12px;font-size:13px}.audience-selector-default-text b{color:var(--body-color);font-weight:600}.specific-friends-search{margin-top:0;padding:0 20px 16px}.specific-friends-search-input{border:1px solid var(--card-border);background:var(--background-color);width:100%;color:var(--body-color);border-radius:8px;padding:12px 16px;font-size:14px;transition:border-color .15s}.specific-friends-search-input:focus{border-color:var(--primary-color);background:var(--card-bg);outline:none}.specific-friends-search-input::placeholder{color:var(--body-color-light)}.friend-checkbox{width:18px;height:18px;accent-color:var(--primary-color);cursor:pointer}.selected-friends-info{flex:1;min-width:0;margin-bottom:12px}.selected-friends-title{color:var(--body-color-light);margin-bottom:8px;font-size:13px;font-weight:500}.selected-friends-list{flex-wrap:wrap;gap:6px;max-height:80px;padding-right:4px;display:flex;overflow-y:auto}.selected-friend-tag{background:var(--primary-bg);border:1px solid var(--primary-color);color:var(--primary-color);border-radius:16px;align-items:center;gap:4px;max-width:120px;padding:4px 8px;font-size:12px;display:flex}.selected-friend-avatar{object-fit:cover;border-radius:50%;width:16px;height:16px}.selected-friend-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.selected-friend-remove{color:var(--primary-color);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;transition:background .15s;display:flex}.selected-friend-remove:hover{background:var(--primary-color);color:#fff}.specific-friends-buttons{justify-content:flex-end;gap:12px;margin-top:12px;display:flex}.specific-friends-cancel-btn{color:var(--body-color-light);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:15px;font-weight:600;transition:background .15s}.specific-friends-cancel-btn:hover{background:var(--hover-bg)}.specific-friends-save-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:15px;font-weight:600;transition:background .15s}.specific-friends-save-btn:hover:not(:disabled){background:var(--primary-hover)}.specific-friends-save-btn:disabled{background:var(--disabled-bg);cursor:not-allowed}.reaction-bar-trigger{display:inline-block;position:relative}.reaction-bar-popup{background:var(--border-badge-blue);z-index:100;border-radius:20px;gap:.25rem;padding:.25rem;display:flex;position:absolute;box-shadow:0 2px 8px #0000001f}.reaction-emoji-btn{cursor:pointer;background:0 0;border:none;font-size:24px}