.music-page{min-height:100vh;line-height:1.5}.music-container{margin:0 auto}.music-content{padding:32px 0}.music-header{margin-bottom:32px;padding:32px;background:var(--card-background);border:1px solid var(--card-border);border-radius:.75rem;box-shadow:var(--shadow-base)}.music-header__content{display:flex;gap:24px;align-items:flex-start}.music-header__artwork{position:relative;width:200px;height:200px;border-radius:8px;overflow:hidden;box-shadow:var(--shadow-emphasis);transition:transform .3s ease;flex-shrink:0}.music-header__artwork:hover{transform:scale(1.02)}.music-header__artwork img{width:100%;height:100%;object-fit:cover}.music-header__info{display:flex;flex-direction:column;gap:1rem;min-width:0;flex:1 1}.music-header__title{font-size:32px;font-weight:700;color:var(--text-base);margin:0;line-height:1.2}.music-header__subtitle{font-size:1.125rem;color:var(--text-muted);margin:0;line-height:1.4}.music-header__artists{margin-top:4px}.music-header__meta{display:flex;align-items:center;gap:1rem;font-size:14px;color:var(--text-muted)}.music-header__rating{display:flex;align-items:center;gap:4px}.music-header__actions{display:flex;align-items:center;gap:.75rem;margin-top:8px}.music-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.music-btn--primary{background:var(--button-brand-bg);color:var(--button-brand-color)}.music-btn--primary:hover{background:var(--button-brand-hover-bg);transform:translateY(-1px);box-shadow:var(--shadow-emphasis)}.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{padding:8px;border-radius:50%;min-width:40px;height:40px}.music-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;overflow:hidden;box-shadow:var(--shadow-base)}.music-table thead{background:var(--table-header-bg)}.music-table th{text-align:left;font-weight:600;font-size:14px;color:var(--text-base);position:sticky;top:0;z-index:10}.music-table td,.music-table th{padding:16px 20px;border-bottom:1px solid var(--card-border)}.music-table td{vertical-align:middle}.music-table tbody tr{transition:background-color .2s ease}.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;font-weight:600;color:var(--text-muted);text-align:center}.music-track__info{display:flex;flex-direction:column;gap:4px;min-width:0}.music-track__title{font-weight:600;color:var(--text-base);margin:0;line-height:1.3}.music-track__title-btn{background:none;border:none;color:var(--text-base);cursor:pointer;font-weight:600;text-align:left;padding:0;transition:color .2s ease}.music-track__title-btn:hover{color:var(--anchor)}.music-track__artists{display:flex;align-items:center;gap:4px;font-size:14px;color:var(--text-muted);flex-wrap:wrap}.music-track__artist-btn{background:none;border:none;color:var(--anchor);cursor:pointer;font-size:14px;padding:0;transition:color .2s ease}.music-track__artist-btn:hover{color:var(--anchor-hover);text-decoration:underline}.music-track__artists__joinphrase,.music-track__duration{color:var(--text-muted);font-size:14px}.music-track__duration{font-family:var(--font-family-code);text-align:right}.music-track__actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}.music-section{margin-bottom:32px}.music-section__title{font-size:20px;font-weight:600;color:var(--text-base);margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid var(--separator)}.music-section__content{background:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;overflow:hidden;box-shadow:var(--shadow-base)}.music-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:24px}.music-info-item{display:flex;flex-direction:column;gap:8px}.music-info-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.music-info-value{font-size:14px;color:var(--text-base);line-height:1.4}.music-info-value a{color:var(--anchor);text-decoration:none;transition:color .2s ease}.music-info-value a:hover{color:var(--anchor-hover);text-decoration:underline}.music-tags{display:flex;flex-wrap:wrap;gap:8px;padding:24px}.music-tag{display:inline-flex;align-items:center;padding:.375rem .75rem;background:var(--tag-bg);color:var(--tag-color);border:1px solid var(--tag-border);border-radius:20px;font-size:.75rem;font-weight:500;transition:all .2s ease}.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);border-radius:8px;box-shadow:var(--shadow-elevated);padding:8px;min-width:200px;z-index:1000}.music-context-menu__item{display:flex;align-items:center;gap:.75rem;padding:12px 1rem;background:none;border:none;color:var(--popup-color);cursor:pointer;font-size:14px;border-radius:.375rem;transition:background-color .2s ease;width:100%;text-align:left}.music-context-menu__item:hover{background:var(--popup-item-bg-hover);color:var(--popup-item-text-hover)}.music-context-menu__separator{height:1px;background:var(--popup-separator);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%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.music-skeleton--header{height:200px;border-radius:.75rem}.music-skeleton--title{height:32px;width:60%;margin-bottom:1rem}.music-skeleton--text{height:1rem;width:100%;margin-bottom:8px}.music-skeleton--text:last-child{width:80%}.music-skeleton--row{height:60px;width:100%}@media (max-width:768px){.music-container{padding:0 1rem}.music-content{padding:16px 0}.music-header{grid-template-columns:1fr;gap:1rem;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 td,.music-table th{padding:12px 1rem}.music-info-grid{grid-template-columns:1fr;gap:1rem;padding:1rem}}@media (max-width:480px){.music-header__title{font-size:20px}.music-header__subtitle{font-size:1rem}.music-table{font-size:13px}.music-table td,.music-table th{padding:8px .75rem}.music-track__actions{flex-direction:column;gap:4px}}.music-text-center{text-align:center}.music-mb-16{margin-bottom:1rem}.music-mb-24{margin-bottom:24px}.music-mb-32{margin-bottom:32px}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.music-fade-in{animation:fadeIn .3s ease-out}.music-slide-in{animation:slideIn .3s ease-out}.music-btn:focus,.music-header__artist-btn:focus,.music-track__artist-btn:focus,.music-track__title-btn:focus{outline:2px solid var(--anchor);outline-offset:.125}.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:.375rem}.music-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-bg);border-radius:.375rem;border:1px solid var(--scrollbar-track-bg)}.music-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-bg-hover)}.playControl{align-self:center;background-color:#121212;background-color:var(--primary-color);padding:0}.mini-chat-miniplayer-toggle{width:48px;height:48px;border-radius:50%;background:var(--secondary-button-background-floating);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px var(--shadow-1),0 12px 28px var(--shadow-2);transition:all .2s ease;pointer-events:auto;margin-top:8px}.mini-chat-miniplayer-toggle:hover{background:var(--button-secondary-hover-border)}.music-player-overlay{position:fixed;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);display:flex;flex-direction:column}.music-player-overlay-close{position:absolute;top:1rem;right:24px;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;z-index:10001}.mini-player-bar{position:fixed;left:0;right:0;bottom:0;z-index:10;height:48px;background:#222}.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{display:flex;align-items:center;min-width:0;flex:0 0 auto}.mini-music-player-bar__meta{display:flex;flex-direction:column;justify-content:center;min-width:0}.mini-music-player-bar__artwork{width:40px;height:40px;border-radius:.25rem;object-fit:cover;margin-right:1rem}.mini-music-player-bar__info{flex:1 1;min-width:0}.mini-music-player-bar__title{font-weight:600;font-size:1rem}.mini-music-player-bar__artist,.mini-music-player-bar__title{color:currentColor;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-music-player-bar__artist{font-size:13px}.mini-music-player-bar__timeline{display:flex;align-items:center;gap:8px}.mini-music-player-bar__time{color:currentColor;font-size:.75rem}.mini-music-player-bar__progress{flex:1 1;min-width:35vw;min-height:4px;height:4px;background:var(--hover-overlay);border-radius:4px;position:relative;overflow:visible;z-index:1;transition:height .2s ease}.mini-music-player-bar__timeline:hover .mini-music-player-bar__progress{height:.375rem}.mini-music-player-bar__progress-inner{height:100%;min-width:.125;background:linear-gradient(90deg,#1db954,#1ed760);border-radius:4px;transition:width .1s linear;position:absolute;left:0;top:0;width:var(--progress,0);z-index:2}.mini-music-player-bar__progress-inner:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%) scale(0);width:.75rem;height:.75rem;background:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:transform .2s ease;z-index:3}.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{width:80px;margin-left:.75rem;margin-right:8px;height:4px;border-radius:.125;background:#333;outline:none;appearance:none;cursor:pointer;transition:all .2s ease}.mini-music-player-bar__volume-slider::-webkit-slider-thumb{appearance:none;width:.75rem;height:.75rem;border-radius:50%;background:#1db954;cursor:pointer;border:none;-webkit-transition:all .2s ease;transition:all .2s ease}.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{width:.75rem;height:.75rem;border-radius:50%;background:#1db954;cursor:pointer;border:none;-moz-transition:all .2s ease;transition:all .2s ease}.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{display:flex;align-items:center;gap:8px;margin-left:1rem;flex:0 0 auto}.mini-music-player-bar__btn{background:transparent;border:none;color:#b3b3b3;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;margin:0 4px;font-size:20px;cursor:pointer;transition:all .2s ease;outline:none;position:relative}.mini-music-player-bar__btn:focus,.mini-music-player-bar__btn:hover{color:#fff;transform:scale(1.05)}.mini-music-player-bar__btn--main{width:44px;height:44px;font-size:24px;background:#fff;color:#000}.mini-music-player-bar__btn--main:hover{background:#f0f0f0;color:#000;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:spin 1s linear infinite}.mini-music-player-bar__artwork-link{display:inline-block}.mini-music-player-bar__artist-link,.mini-music-player-bar__title-link{color:inherit;text-decoration:none;cursor:pointer;transition:-webkit-text-decoration .15s;transition:text-decoration .15s;transition:text-decoration .15s,-webkit-text-decoration .15s}.mini-music-player-bar__artist-link:hover,.mini-music-player-bar__title-link:hover{text-decoration:underline}.player-overlay-queue-list{list-style:none;padding:0;margin:0}.player-overlay-queue-item{padding:8px 0;color:#bbb;font-weight:400;border-radius:.375rem;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background .15s,color .15s}.player-overlay-queue-item--active{color:#fff;font-weight:700;background:rgba(80,80,120,.18)}.player-overlay-queue-title{flex:1 1}.player-overlay-queue-artist{color:#888;font-weight:400}.player-overlay-queue-play-btn{font-size:.75rem;margin-right:4px;background:none;border:none;color:#1db954;cursor:pointer;border-radius:4px;padding:2px 8px;transition:background .15s}.player-overlay-queue-play-btn:hover{background:rgba(30,185,84,.08)}.player-overlay-queue-remove-btn{font-size:.75rem;color:#f55;background:none;border:none;cursor:pointer;border-radius:4px;padding:2px 8px;transition:background .15s}.player-overlay-queue-remove-btn:hover{background:rgba(255,85,85,.08)}.mini-music-player-bar__center{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1;min-width:0}.mini-music-player-bar__center-controls{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:4px}.mini-music-player-bar__youtube-player{position:absolute;left:-9999px;width:0;height:0;overflow:hidden}.mini-music-player-bar__hidden{display:none}.mini-music-player-bar__timeline--clickable{cursor:pointer}.discover-albums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px;margin:24px 0}.album-card,.album-card__art{align-items:center}.album-card__art{width:120px;height:120px;border-radius:8px;background:#18181b;display:flex;justify-content:center;margin-bottom:.75rem;position:relative;overflow:hidden}.album-card__art img{width:100%;height:100%;object-fit:cover;border-radius:8px}.album-card__art--placeholder{color:#888;font-size:1.1em}.album-card__play{position:absolute;bottom:8px;right:8px;background:#fff;color:#18181b;border:none;border-radius:50%;width:36px;height:36px;font-size:1.2em;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.18);opacity:.92;transition:background .2s}.album-card__play:hover{background:#e2e2e2}.album-card__title{font-weight:600;font-size:1.05em}.album-card__artist{color:#bbb;font-size:.95em}.album-card__actions button{background:none;border:none;color:#bbb;font-size:1.1em;cursor:pointer;transition:color .2s}.album-card__actions button:hover{color:#fff}.albums-table{width:100%;border-collapse:collapse;background:#23232a;color:#fff;border-radius:.75rem;overflow:hidden;margin:24px 0}.albums-table td,.albums-table th{padding:12px 1rem;text-align:left}.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{background:none;border:none;color:#bbb;font-size:1.1em;cursor:pointer;transition:color .2s}.albums-table button:hover{color:#fff}.music-player{position:fixed;left:0;right:0;bottom:0;background:#18181b;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:16px 32px;z-index:100;box-shadow:0 -2px 12px rgba(0,0,0,.18)}.music-player__info{display:flex;align-items:center;gap:1rem}.music-player__art{width:56px;height:56px;border-radius:8px;object-fit:cover;background:#23232a}.music-player__title{font-weight:600}.music-player__artist{color:#bbb;font-size:.95em}.music-player__controls button{background:none;border:none;color:#fff;font-size:1.2em;margin:0 6px;cursor:pointer;transition:color .2s}.music-player__controls button.active,.music-player__controls button:hover{color:#1db954}.music-player__seekbar{flex:1 1;margin:0 24px;display:flex;align-items:center;gap:8px}.music-player__seekbar input[type=range]{width:180px}.music-player__volume{display:flex;align-items:center;gap:8px}.music-player__expand{background:none;border:none;color:#bbb;font-size:1.4em;margin-left:1.125rem;cursor:pointer;transition:color .2s}.music-player__expand:hover{color:#fff}.music-player-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:9999;display:flex;align-items:center;justify-content:center}.music-player-modal{background:#23232a;color:#fff;border-radius:1.125rem;padding:36px 32px 28px;min-width:420px;max-width:96vw;min-height:340px;box-shadow:0 8px 48px rgba(0,0,0,.35);position:relative;display:flex;flex-direction:column;gap:24px}.music-player-modal__close{position:absolute;top:1.125rem;right:1.125rem;background:none;border:none;color:#bbb;font-size:1.6em;cursor:pointer;transition:color .2s}.music-player-modal__close:hover{color:#fff}.music-player-modal__main{display:flex;gap:32px;align-items:flex-start}.music-player-modal__art{width:140px;height:140px;border-radius:.75rem;background:#18181b;display:flex;align-items:center;justify-content:center;overflow:hidden}.music-player-modal__art img{width:100%;height:100%;object-fit:cover;border-radius:.75rem}.music-player-modal__info{flex:1 1;display:flex;flex-direction:column;gap:.75rem}.music-player-modal__lyrics,.music-player-modal__queue{margin-top:1.125rem;background:#18181b;border-radius:8px;padding:12px 1rem;font-size:1em}.music-player-modal__queue ul{list-style:none;padding:0;margin:0}.music-player-modal__queue li{padding:.375rem 0;border-radius:.375rem;transition:background .2s,color .2s}.music-player-modal__queue li:hover{background:#29293a;color:#fff}.queue-context-menu{display:flex;flex-direction:column;background:#23232a;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.18);min-width:160px;padding:4px 0;z-index:10}.queue-context-menu__item{background:none;border:none;color:#fff;text-align:left;padding:10px 1.125rem;font-size:1em;cursor:pointer;transition:background .18s,color .18s}.queue-context-menu__item:hover{background:#29293a;color:#1db954}.navbar-shadow{position:absolute;bottom:-6px;height:7px;width:100%;z-index:2;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAOBAMAAAD3WtBsAAAAFVBMVEUAAAAAAAAAAAAAAAAAAAAAAAD29va1cB7UAAAAB3RSTlMCCwQHGBAaZf6MKAAAABpJREFUCNdjSGNIY3BhCGUQBEJjIFQCQigAACyJAjLNW4w5AAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:1px 7px}.navbar__user{display:flex;position:relative}.navbar__grid,.navbar__user{align-items:center;gap:var(--space-md,1rem)}.navbar__grid{display:grid;grid-template-columns:1fr auto 1fr;width:100%}.navbar--consent .navbar__grid{grid-template-columns:auto 1fr auto}.navbar--consent .navbar__center{display:none}.navbar__left{display:flex;align-items:center;gap:var(--space-sm,.5rem);min-width:0;max-width:calc(360px - 1rem)}.navbar__left .search__container--navbar{flex:1 1;min-width:0}.navbar__logo{display:inline-flex;flex-shrink:0}.navbar__center,.navbar__logo{align-items:center;justify-content:center}.navbar__center{display:flex;gap:var(--space-sm,.75rem)}.navbar__center-nav{width:100%}.navbar__center-list{display:flex;align-items:center;justify-content:center;gap:8px;list-style:none;margin:0;padding:0}.navbar__center-item{display:flex}.navbar__center-link{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.5rem 3rem;border-radius:10px;transition:background .2s,color .2s}.navbar__center-icon{stroke-width:2;fill:none}.navbar__center-link:focus,.navbar__center-link:hover{background:var(--hover-overlay)}.navbar__center-link:active{color:currentColor!important}.navbar__center-link.is-active:focus,.navbar__center-link.is-active:hover{background:none}.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}.navbar__right,.navbar__searchbar-controls,.navbar__user-nav{display:flex;align-items:center;gap:var(--space-md,1rem)}.navbar__searchbar-controls{flex-shrink:0}.navbar__user-nav--desktop{display:flex}.navbar__user-menu-btn{background:none;border:none;padding:var(--space-xs,.5rem);margin-left:var(--space-sm,.75rem);border-radius:var(--radius-sm,4px);cursor:pointer;color:var(--color-text,#222);transition:background .2s}.navbar__user-menu-btn:focus,.navbar__user-menu-btn:hover{background:var(--color-bg-hover,#f0f0f0)}.navbar__user-menu-btn--mobile{display:flex;align-items:center}@media (min-width:768px){.navbar__user-menu-btn--mobile{display:none}.navbar__user-nav--desktop{display:flex}.navbar-tabs-container{position:relative;width:fit-content;margin-top:-1px;pointer-events:auto;z-index:5;background:var(--header-bg);padding:0 1rem;border-radius:0 0 12px .75rem;border:1px solid var(--separator);border-top:none;box-shadow:0 4px 12px var(--black-alpha-10);display:flex;align-items:center;justify-content:center}.navbar-tabs-extra{display:flex;align-items:center;height:100%}.navbar-tabs-extra .sentiment-index{min-width:auto;align-items:flex-start;gap:0}.navbar-tabs-extra .sentiment-meta{display:none}.navbar-tabs-extra .sentiment-status{gap:.375rem}.navbar-tabs-extra .sentiment-bar{height:.375rem;width:.125}.navbar-tabs-extra .sentiment-label{font-size:.7rem}.navbar-tabs-container .navbar-tabs{height:40px;gap:24px}}@media (max-width:767px){.navbar__center{display:none}.navbar__user-menu-btn--mobile{display:flex}.navbar__user-nav--desktop{display:none}}.user-button__loading{display:flex;align-items:center;justify-content:center;width:40px;height:40px}.loading-spinner{width:36px;height:36px;border:.25rem solid #e5e7eb;border-top:.25rem solid var(--accordion-text);border-radius:50%;animation:spin 1s linear infinite}:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.95;--rt-transition-show-delay:0.12s;--rt-transition-closing-delay:0.12s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{position:absolute;top:0;left:0;pointer-events:none;opacity:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{position:absolute;background:inherit;z-index:-1;backface-visibility:hidden}.core-styles-module_content__BRKdB{position:relative;z-index:1}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay) ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay) ease-in}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;width:max-content}.styles-module_content__ydYdI{background:inherit;border-radius:inherit;padding:8px 16px}.styles-module_arrow__K0L3T{width:var(--rt-arrow-size);height:var(--rt-arrow-size)}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}.uf-tooltip{z-index:90!important;max-width:320px;border-radius:var(--tooltip-corner-radius,12px);border:none;box-shadow:var(--tooltip-box-shadow,0 10px 24px rgba(0,0,0,.28));padding:8px 10px;font-size:13px;line-height:1.35}.uf-tooltip--navbar{border:none!important;border-radius:999px!important;padding:0 .25rem!important;font-size:clamp(16px,2vw,18px);font-weight:500;white-space:nowrap}.post-author-name-row{display:flex;align-items:center;gap:6px}.post-author-verified{display:inline-flex;width:20px;height:20px}.notification-button{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;color:var(--primary-icon);transition:background .2s;background:var(--secondary-button-background)}.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{position:absolute;top:-.5rem;right:-.5rem;background:var(--header-form-icon-hover-bg);color:var(--header-color);border-radius:50%;font-size:.75rem;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.08)}.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);display:flex;justify-content:space-between;align-items:center;background:var(--color-bg)}.notifications-dropdown__wrapper{position:absolute;display:inline-block}.notifications-dropdown__trigger{background:none;border:none;cursor:pointer;position:relative;padding:0}.notifications-dropdown__icon{display:inline-block;width:28px;height:28px;background:url(/icons.svg#notifications) no-repeat 50%;background-size:contain}.notifications-dropdown__counter{position:absolute;top:-4px;right:-4px;background:var(--colors-danger,#e53e3e);color:#fff;border-radius:9999px;font-size:.75rem;min-width:1.125rem;height:1.125rem;display:flex;align-items:center;justify-content:center;font-weight:700;z-index:2}.notifications-dropdown{position:absolute;right:0;top:40px;width:360px;background:var(--popup-bg);border-radius:.75rem;box-shadow:0 4px 24px rgba(0,0,0,.12);overflow:hidden;z-index:1000;border:1px solid var(--popup-separator);display:flex;flex-direction:column;max-height:80vh}.notifications-dropdown__header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem}.notifications-dropdown__title{font-size:1.125rem;font-weight:600}.notifications-dropdown__settings{background:none;border:none;cursor:pointer;border-radius:50%;transition:background .15s;line-height:1;height:2rem;align-items:center;justify-content:center;display:flex}.notifications-dropdown__settings:hover{background:var(--popup-separator)}.notifications-dropdown__settings-icon{display:inline-block;width:20px;height:20px;background:url(/icons.svg#settings) no-repeat 50%;background-size:contain}.notifications-dropdown__section{padding:8px 0 0}.notifications-dropdown__section-title{font-size:14px;font-weight:500;color:var(--colors-muted,#888);padding:8px 20px 4px}.notifications-dropdown__empty{padding:32px 0;text-align:center;color:var(--colors-muted,#888);font-size:15px}.notification-item{display:flex;align-items:flex-start;gap:1rem;padding:.5rem;cursor:pointer;transition:background .15s;position:relative;text-decoration:none;width:100%}.notification-item:last-child{border-bottom:none}.notification-item--unread{background:var(--popup-separator,#f7f6fa)}.notification-item__avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#eee}.notification-item__avatar img{width:100%;height:100%;object-fit:cover}.notification-item__content{flex:1 1;min-width:0}.notification-item__title{font-size:15px;font-weight:500;margin-bottom:.125;color:var(--colors-text,#222)}.notification-item__message{font-size:14px;color:var(--colors-muted,#888);margin-bottom:.125}.notification-item__date{font-size:.75rem;color:var(--colors-muted,#aaa)}.notification-item__dot{width:10px;height:10px;background:var(--colors-primary,#2563eb);border-radius:50%;position:absolute;left:8px;top:50%;transform:translateY(-50%)}.notification-item__actions{background:none;border:none;cursor:pointer;padding:4px;border-radius:.375rem;margin-left:8px;align-self:flex-start;transition:background .15s}.notification-item__actions:hover{background:var(--popup-separator)}.notification-item__actions-icon{display:inline-block;width:1.125rem;height:1.125rem;background:url(/icons.svg#more-vertical) no-repeat 50%;background-size:contain}.notifications-dropdown__footer{padding:12px 20px;border-top:1px solid var(--popup-separator);background:inherit;text-align:center}.notifications-dropdown__footer a{color:currentColor;font-weight:500;font-size:15px;border-radius:.375rem;padding:.5rem;transition:background .15s;width:90%;display:block;margin:0 auto;background:var(--button-secondary-border)}.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{display:inline-block;background:var(--colors-primary,#2563eb);color:#fff;font-size:.75rem;font-weight:600;border-radius:.375rem;padding:2px 8px;margin-right:8px;vertical-align:middle}.notification-item__names{font-size:15px;font-weight:500;color:var(--colors-text,#222)}.notification-item__main{display:flex;align-items:center;gap:.375rem;margin-bottom:.125}.notification-item__meta{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--colors-muted,#888)}.notification-item__mark-read{background:none;border:none;color:var(--colors-primary,#2563eb);font-size:13px;font-weight:500;cursor:pointer;padding:2px 8px;border-radius:.375rem;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{display:flex;flex-direction:column;gap:.375rem;min-width:220px;max-width:320px}.notification-toast__header{display:flex;align-items:center;gap:10px}.notification-toast__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#eee}.notification-toast__title{font-size:15px;font-weight:600;color:var(--colors-text,#222)}.notification-toast__message{font-size:14px;color:var(--colors-muted,#888);margin-left:46px}.notification-toast__footer{display:flex;justify-content:flex-end;margin-left:46px}.notification-toast__view{color:var(--colors-primary,#2563eb);font-size:14px;font-weight:500;text-decoration:none;border-radius:.375rem;padding:4px 10px;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:rgba(0,0,0,0.2);--page-card-bg:#ffffff;--page-card-border:#e4e6ea;--page-card-shadow:0 1px 2px rgba(0,0,0,0.1);--page-card-hover-shadow:0 2px 8px rgba(0,0,0,0.15);--page-text-primary:#050505;--page-text-secondary:#65676b;--page-text-tertiary:#8e8e93;--page-text-white:#ffffff;--page-btn-primary-bg:#1877f2;--page-btn-primary-hover:#166fe5;--page-btn-primary-text:#ffffff;--page-btn-secondary-bg:#ffffff;--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:#ffffff;--page-avatar-border:#ffffff;--page-avatar-shadow:0 2px 8px rgba(0,0,0,0.15);--page-badge-bg:rgba(255,255,255,0.2);--page-badge-text:#ffffff;--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:rgba(0,0,0,0.4);--page-card-bg:#242526;--page-card-border:#3e4042;--page-card-shadow:0 1px 2px rgba(0,0,0,0.3);--page-card-hover-shadow:0 2px 8px rgba(0,0,0,0.4);--page-text-primary:#e4e6eb;--page-text-secondary:#b0b3b8;--page-text-tertiary:#8e8e93;--page-text-white:#ffffff;--page-btn-primary-bg:#0d6efd;--page-btn-primary-hover:#0b5ed7;--page-btn-primary-text:#ffffff;--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:#ffffff;--page-avatar-border:#ffffff;--page-avatar-shadow:0 2px 8px rgba(0,0,0,0.4);--page-badge-bg:rgba(255,255,255,0.15);--page-badge-text:#ffffff;--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-cover,.page-header{position:relative;width:100%}.page-cover{aspect-ratio:2.7/1;min-height:180px;max-height:350px;background:var(--page-cover-bg)}.page-cover-img{object-fit:cover;object-position:center;width:100%;height:100%}.page-cover-center{max-width:1250px;justify-content:center;display:flex;align-items:stretch;margin:0 auto;border:1px solid;width:100%;flex:1 1;border-radius:0 0 max(0px,min(8px,9999 * (-100% - 4px + 100vw))) max(0px,min(8px,9999 * (-100% - 4px + 100vw))) /0 0 8px 8px;overflow:hidden}.page-cover-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--page-cover-overlay)}.page-cover-layout{display:flex;align-items:flex-end;gap:1.5rem}.page-avatar-container{position:relative;flex-shrink:0}.page-avatar{object-fit:cover}.page-avatar,.page-avatar-fallback{width:128px;height:128px;border-radius:50%;border:4px solid var(--page-avatar-border);box-shadow:var(--page-avatar-shadow)}.page-avatar-fallback{background-color:var(--page-avatar-fallback-bg);display:flex;align-items:center;justify-content:center;color:var(--page-avatar-fallback-text);font-weight:700;font-size:2.5rem}.page-avatar-upload{position:absolute;bottom:4px;right:4px}.page-avatar-upload-btn .profile-buttons__button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--page-btn-secondary-bg);border:1px solid var(--page-btn-secondary-border);color:var(--page-btn-secondary-text);cursor:pointer;padding:0}.page-avatar-upload-btn .profile-buttons__button:hover{background:var(--page-btn-secondary-hover)}.page-verification-badge{position:absolute;bottom:-.5rem;right:-.5rem;width:2rem;height:2rem;background-color:var(--page-btn-primary-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--page-avatar-border)}.page-info{flex:1 1;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:2rem;color:var(--page-text-white)}.page-info-main{min-width:0;flex:1 1}.page-info-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.page-name{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;line-height:1.2}.page-username{font-size:1.25rem;margin-bottom:.5rem;opacity:.9}.page-description{font-size:1.125rem;margin-bottom:1rem;opacity:.9;line-height:1.4}.page-stats{display:flex;align-items:center;gap:1.5rem;font-size:.875rem}.page-category-badge{background-color:var(--page-badge-bg);color:var(--page-badge-text);padding:.25rem .75rem;border-radius:1rem;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);margin:0 auto;padding:0 var(--page-padding)}.page-actions-layout{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.page-actions-left{display:flex;align-items:center;gap:1rem}.page-actions-right{display:flex;align-items:center;gap:.5rem}.page-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 2rem;border-radius:.5rem;font-weight:600;font-size:.875rem;transition:all .2s ease;cursor:pointer;border:none;text-decoration:none}.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);position:sticky;z-index:10;width:100%}.page-tabs-inner{max-width:var(--page-max-width);margin:0 auto;padding:0 var(--page-padding)}.page-tabs-list{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.page-tabs-list::-webkit-scrollbar{display:none}.page-tab{padding:16px 24px;background:none;color:var(--page-tab-text);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;border:none;border-bottom:3px solid transparent;white-space:nowrap;display:flex;align-items:center;gap:8px}.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);margin:0 auto;padding:0 var(--page-padding)}.page-content-grid{display:grid;grid-template-columns:300px 1fr;gap:24px;padding:24px 0}.page-content-sidebar{display:flex;flex-direction:column;gap:20px}.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-stack{display:flex;flex-direction:column;gap:20px}.page-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 0}.page-sidebar-title{padding:16px 20px;margin:0;font-size:1.125rem;font-weight:600;color:var(--page-text-primary);border-bottom:1px solid var(--page-card-border);background:var(--page-card-header-bg)}.page-sidebar-header .page-sidebar-title{padding:0 0 12px;border-bottom:none;background:transparent}.page-sidebar-list{padding:16px 20px}.page-sidebar-item{display:flex;align-items:center;gap:.75rem;padding:12px 0;border-bottom:1px solid var(--page-item-border)}.page-sidebar-item:last-child{border-bottom:none}.page-sidebar-icon{color:var(--page-icon-color);flex-shrink:0}.page-sidebar-content{flex:1 1;min-width:0}.page-sidebar-label{font-size:.875rem;color:var(--page-text-secondary);margin:0 0 4px}.page-sidebar-value{font-size:.875rem;color:var(--page-text-primary);margin:0;word-break:break-word}.page-sidebar-link{color:var(--page-link-color);text-decoration:none;word-break:break-all}.page-sidebar-link:hover{text-decoration:underline}.page-sidebar-grid{padding:0 20px 16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.page-sidebar-grid-item{display:flex;flex-direction:column;gap:.375rem}.page-sidebar-grid-thumb{width:100%;aspect-ratio:1/1;border-radius:8px;overflow:hidden;background:var(--page-card-header-bg)}.page-sidebar-grid-img{width:100%;height:100%;object-fit:cover;display:block}.page-sidebar-grid-label{font-size:.75rem;color:var(--page-text-secondary);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-contact-buttons{padding:16px 20px;display:flex;flex-direction:column;gap:8px}.page-contact-btn{display:flex;align-items:center;gap:8px;padding:10px 1rem;background:var(--page-contact-btn-bg);color:var(--page-contact-btn-text);border:1px solid var(--page-contact-btn-border);border-radius:.375rem;text-decoration:none;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.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{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--page-item-border)}.page-stat-item:last-child{border-bottom:none}.page-stat-label{font-size:.875rem;color:var(--page-text-secondary)}.page-stat-value{font-size:.875rem;font-weight:600;color:var(--page-text-primary)}.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);overflow:hidden;margin-bottom:20px}.page-card-header{padding:20px;border-bottom:1px solid var(--page-card-border);background:var(--page-card-header-bg)}.page-card-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--page-text-primary)}.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{flex-direction:column;align-items:center;text-align:center}.page-actions{justify-content:center}.page-tabs-list{justify-content:flex-start}.page-tab{padding:12px 1rem;font-size:.8rem}.page-main{padding:0 1rem}.page-content-grid{gap:1rem;padding:16px 0}.page-info{flex-direction:column;align-items:flex-start;gap:1rem}.page-info-actions{justify-content:flex-start;width:100%;gap:.5rem}}@media (max-width:480px){.page-cover{height:150px}.page-avatar{width:100px;height:100px}.page-name{font-size:1.25rem}.page-action-btn{padding:.375rem .75rem;font-size:.8rem}.page-tab{padding:10px .75rem;font-size:.75rem}.page-card,.page-sidebar-card{border-radius:8px}.page-card-body,.page-card-header{padding:1rem}}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-card,.page-container{animation:pageFadeIn .3s ease-out}.page-loading{display:flex;align-items:center;justify-content:center;min-height:400px;background-color:var(--page-bg)}.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{display:flex;align-items:center;justify-content:center;min-height:400px;background-color:var(--page-bg)}.page-error-content{text-align:center}.page-error-icon{color:var(--page-icon-tertiary);margin-bottom:1rem}.page-error-title{font-size:1.5rem;font-weight:600;color:var(--page-text-primary);margin-bottom:.5rem}.page-error-description{color:var(--page-text-secondary)}.page-posts-section{display:flex;flex-direction:column;gap:1rem}.page-post-form-container{overflow:hidden}.page-post-form-container,.page-posts-filter-bar{background-color:var(--page-card-bg);border:1px solid var(--page-card-border);border-radius:8px;box-shadow:var(--page-card-shadow)}.page-posts-filter-bar{padding:12px 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.page-posts-filter-tabs{display:flex;gap:8px;flex:1 1}.page-posts-filter-tab{display:flex;align-items:center;gap:8px;padding:8px 1rem;background:none;border:none;border-radius:.375rem;color:var(--page-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.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{width:1rem;height:1rem}.page-posts-filter-actions{display:flex;gap:8px}.page-posts-filter-dropdown{position:relative}.page-posts-filter-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:none;border:1px solid var(--page-card-border);border-radius:.375rem;color:var(--page-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.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{width:14px;height:14px;fill:currentColor}.page-posts-filter-dropdown-menu{position:fixed;min-width:200px;background-color:var(--page-card-bg);border:1px solid var(--page-card-border);border-radius:8px;box-shadow:var(--page-card-hover-shadow);z-index:1000;overflow:hidden;opacity:0;transform:scale(.95);transition:opacity .15s ease,transform .15s ease;transform-origin:top center;pointer-events:auto;will-change:transform,opacity}.page-posts-filter-dropdown-menu.show{opacity:1;transform:scale(1)}.page-posts-filter-dropdown-item{display:block;width:100%;padding:10px 1rem;background:none;border:none;text-align:left;color:var(--page-text-primary);font-size:14px;cursor:pointer;transition:background-color .2s ease}.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{display:flex;flex-direction:column;gap:1rem}@media (max-width:768px){.page-posts-filter-bar{flex-direction:column;align-items:stretch;gap:.75rem}.page-posts-filter-tabs{justify-content:space-between;overflow-x:auto;padding-bottom:4px}.page-posts-filter-tab{flex-shrink:0;padding:.375rem .75rem;font-size:13px}.page-posts-filter-actions{justify-content:center}.page-posts-filter-dropdown-menu{right:auto;left:0;min-width:180px}}@media (max-width:480px){.page-posts-filter-tabs{gap:4px}.page-posts-filter-tab{padding:.375rem 8px;font-size:.75rem}.page-posts-filter-btn span,.page-posts-filter-tab span{display:none}}.page-creation-back-btn{display:flex;align-items:center;gap:8px;padding:8px .75rem;background:none;border:none;color:var(--body-color-light);font-size:14px;font-weight:500;cursor:pointer;border-radius:.375rem;transition:all .2s ease}.page-creation-back-btn:hover{background-color:var(--button-secondary-hover-bg);color:var(--body-color)}.page-creation-device-selector{display:flex;align-items:center;gap:8px;background-color:var(--button-secondary-bg);border:1px solid var(--button-secondary-border);border-radius:8px;padding:4px}.page-creation-device-btn{display:flex;align-items:center;justify-content:center;padding:.375rem 8px;background:none;border:none;border-radius:4px;color:var(--body-color-light);cursor:pointer;transition:all .2s ease}.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{display:flex;max-width:1200px;margin:0 auto;min-height:calc(100vh - var(--navbar-height, 56px) - 80px)}.page-creation-sidebar{width:320px;background-color:var(--card-bg);border-right:1px solid var(--card-border);position:sticky;top:calc(var(--navbar-height, 56px) + 80px);height:fit-content;max-height:calc(100vh - var(--navbar-height, 56px) - 80px);overflow-y:auto}.page-creation-sidebar-content{padding:24px}.page-creation-sidebar-section{display:flex;flex-direction:column;gap:24px}.page-creation-progress{display:flex;flex-direction:column;gap:1rem}.page-creation-progress-title{font-size:1rem;font-weight:600;color:var(--text-base);margin:0}.page-creation-progress-steps{display:flex;flex-direction:column;gap:.75rem}.page-creation-progress-step{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:8px;border:1px solid var(--card-border);transition:all .2s ease}.page-creation-progress-step.current{background-color:rgba(24,119,242,.05);border-color:rgba(24,119,242,.2)}.page-creation-progress-step.completed{background-color:rgba(34,197,94,.05);border-color:rgba(34,197,94,.2)}.page-creation-progress-step.pending{background-color:var(--card-light-bg);border-color:var(--card-border)}.page-creation-progress-step-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.page-creation-progress-step-icon.current{background-color:var(--button-brand-bg);color:var(--button-brand-color)}.page-creation-progress-step-icon.completed{background-color:#22c55e;color:white}.page-creation-progress-step-icon.pending{background-color:var(--button-secondary-bg);color:var(--body-color-light)}.page-creation-progress-step-content{flex:1 1;min-width:0}.page-creation-progress-step-title{font-size:14px;font-weight:500;color:var(--text-base);margin:0 0 4px}.page-creation-progress-step-description{font-size:.75rem;color:var(--body-color-light);margin:0;line-height:1.4}.page-creation-navigation{display:flex;flex-direction:column;gap:.75rem}.page-creation-nav-btn{width:100%;padding:12px 1rem;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid}.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{flex:1 1;background-color:var(--body-bg)}.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{display:flex;flex-direction:column;gap:24px}.page-creation-step-title{font-size:20px;font-weight:600;color:var(--text-base);margin:0}.page-creation-form{display:flex;flex-direction:column;gap:20px}.page-creation-form-group{display:flex;flex-direction:column;gap:8px}.page-creation-form-label{font-size:14px;font-weight:500;color:var(--text-base)}.page-creation-form-input,.page-creation-form-textarea{padding:12px 1rem;border:1px solid var(--input-border);border-radius:8px;background-color:var(--input-bg);color:var(--input-color);font-size:14px;transition:all .2s ease}.page-creation-form-input:focus,.page-creation-form-textarea:focus{outline:none;border-color:var(--button-brand-bg);box-shadow:0 0 0 3px rgba(24,119,242,.1)}.page-creation-form-textarea{resize:vertical;min-height:100px}.page-creation-form-select{width:100%}.page-creation-images-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.page-creation-image-group{display:flex;flex-direction:column;gap:.75rem}.page-creation-avatar-upload,.page-creation-cover-upload{position:relative;cursor:pointer;transition:all .2s ease;border:2px dashed var(--card-border);border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.page-creation-avatar-upload{width:128px;height:128px;border-radius:50%}.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:rgba(24,119,242,.05)}.page-creation-upload-icon{color:var(--body-color-light);transition:color .2s ease}.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{width:100%;height:100%;object-fit:cover}.page-creation-avatar-preview{border-radius:50%}.page-creation-cover-preview{border-radius:.375rem}.page-creation-file-input{display:none}.page-creation-review-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.page-creation-review-content{padding:24px;display:flex;flex-direction:column;gap:20px}.page-creation-review-header{display:flex;align-items:center;gap:1rem}.page-creation-review-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;flex-shrink:0}.page-creation-review-avatar-img{width:100%;height:100%;object-fit:cover}.page-creation-review-info{flex:1 1;min-width:0}.page-creation-review-name{font-size:1.125rem;font-weight:600;color:var(--text-base);margin:0 0 4px}.page-creation-review-username{font-size:14px;color:var(--body-color-light);margin:0 0 8px}.page-creation-review-badge{background-color:var(--tag-bg);color:var(--tag-color);border:1px solid var(--tag-border);font-size:.75rem;font-weight:500;padding:4px 8px;border-radius:.75rem}.page-creation-review-description{padding-top:1rem;border-top:1px solid var(--separator)}.page-creation-review-description p{color:var(--body-color);line-height:1.6;margin:0}.page-creation-review-cover{width:100%;height:128px;border-radius:8px;overflow:hidden}.page-creation-review-cover-img{width:100%;height:100%;object-fit:cover}@media (max-width:1024px){.page-creation-layout{flex-direction:column}.page-creation-sidebar{width:100%;position:static;border-right:none;border-bottom:1px solid var(--card-border)}.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{padding:12px 1rem;flex-direction:column;gap:.75rem;align-items:stretch}.page-creation-device-selector,.page-creation-header-left{justify-content:center}.page-creation-main-content,.page-creation-sidebar-content{padding:1rem}.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{flex-direction:column;text-align:center;gap:.75rem}.page-creation-review-avatar{width:80px;height:80px}}@media (max-width:480px){.page-creation-header-title,.page-creation-step-title{font-size:1.125rem}.page-creation-progress-step{padding:.75rem}.page-creation-progress-step-icon{width:28px;height:28px;font-size:.75rem}.page-creation-progress-step-title{font-size:13px}.page-creation-progress-step-description{font-size:.75rem}.page-creation-nav-btn{padding:10px .75rem;font-size:13px}}@keyframes pageCreationFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-creation-progress-step,.page-creation-review-card,.page-creation-step{animation:pageCreationFadeIn .3s ease-out}.page-creation-loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--body-color-light)}.page-creation-loading-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.page-header-content{width:100%;background:var(--page-card-bg)}.page-header-inner{max-width:var(--page-max-width);margin:0 auto;padding:0 var(--page-padding);display:flex;flex-direction:row;align-items:flex-end;gap:2rem}@media (max-width:1024px){.page-header-inner{flex-direction:column;align-items:flex-start;gap:1rem;padding:0 1rem}}@media (max-width:600px){.page-header-inner{padding:0 8px}}.popular-tracks{padding:24px;max-width:1200px;margin:0 auto}.popular-tracks__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:1rem;border-bottom:1px solid var(--border)}.popular-tracks__title h1{font-size:32px;font-weight:700;color:var(--text);margin:0 0 8px}.popular-tracks__title p{font-size:1rem;color:var(--text-secondary);margin:0}.popular-tracks__controls{display:flex;gap:8px}.view-toggle-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border);background:var(--background);color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all .2s ease}.view-toggle-btn:hover{background:var(--background-hover);color:var(--text)}.view-toggle-btn.active{background:var(--accent);color:white;border-color:var(--accent)}.popular-tracks__content{min-height:400px}.tracks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px}.track-card{background:var(--background);border-radius:.75rem;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;border:1px solid var(--border)}.track-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.track-card__artwork{position:relative;aspect-ratio:1;overflow:hidden}.track-card__artwork img{width:100%;height:100%;object-fit:cover}.track-card__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.track-card:hover .track-card__overlay{opacity:1}.track-card__play-btn{width:48px;height:48px;border-radius:50%;background:var(--accent);color:white;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.track-card__play-btn:hover{transform:scale(1.1)}.track-card__info{padding:1rem}.track-card__title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.track-card__artist{font-size:13px;color:var(--text-secondary);margin-bottom:.125}.track-card__album{font-size:.75rem;color:var(--text-tertiary)}.tracks-list{display:flex;flex-direction:column;gap:8px}.track-item{display:flex;align-items:center;padding:12px 1rem;background:var(--background);border-radius:8px;border:1px solid var(--border);transition:background .2s ease}.track-item:hover{background:var(--background-hover)}.track-item__artwork{width:48px;height:48px;border-radius:.375rem;overflow:hidden;margin-right:1rem;flex-shrink:0}.track-item__artwork img{width:100%;height:100%;object-fit:cover}.track-item__info{flex:1 1;min-width:0}.track-item__title{font-size:14px;font-weight:600;margin-bottom:.125;line-height:1.3}.track-item__artist{font-size:13px;margin-bottom:.125}.track-item__album{font-size:.75rem;color:var(--text-tertiary)}.track-item__duration{font-size:13px;margin-right:1rem;flex-shrink:0}.track-item__actions{flex-shrink:0}.track-item__play-btn{width:32px;height:32px;border-radius:50%;background:var(--accent);color:white;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.track-item__play-btn:hover{transform:scale(1.1)}.error-message,.loading-message{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:48px;font-size:1rem;color:var(--text-secondary)}.error-message{color:var(--error)}@media (max-width:768px){.popular-tracks{padding:1rem}.popular-tracks__header{flex-direction:column;align-items:flex-start;gap:1rem}.popular-tracks__title h1{font-size:24px}.tracks-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.track-card__info{padding:.75rem}.track-card__title{font-size:13px}.track-card__artist{font-size:.75rem}.track-item{padding:8px .75rem}.track-item__artwork{width:40px;height:40px;margin-right:.75rem}.track-item__title{font-size:13px}.track-item__artist{font-size:.75rem}.track-item__duration{font-size:.75rem;margin-right:.75rem}}