:root{--primary-color:#8c3f8f;--primary-hover:#0faae4;--bg-dark:#111116;--bg-card:rgba(34,34,34,.7);--text-light:#fff;--bg-color:#f0f2f5;--text-color:#111;--text-muted:#555;--panel-bg:#fff;--panel-bg-hover:#f8f9fa;--panel-border:#e5e5e5;--panel-header-bg:#f8f9fa;--primary-color:#0275d8;--primary-hover:#025aa5;--primary-lila:#8c3f8f;--accent-blue:#0275d8;--gradient-primary:linear-gradient(135deg,#0275d8,#025aa5)}[data-theme=dark]{--bg-color:#0a0a1a;--text-color:#fff;--text-muted:#ddd;--panel-bg:rgba(0,0,0,.75);--panel-bg-hover:rgba(0,0,0,.85);--panel-border:hsla(0,0%,100%,.2);--panel-header-bg:rgba(0,0,0,.9);--primary-color:#2a2a4a;--primary-hover:#d285d6;--primary-lila:#d285d6;--accent-blue:#66c2ff;--gradient-primary:linear-gradient(135deg,#1a1a3a,#8c3f8f)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);background-image:url(/images/bgchat.jpg);background-size:cover;background-attachment:fixed;background-position:50%;color:var(--text-color);transition:background-color .3s ease,color .3s ease;min-height:100vh;display:flex;flex-direction:column}.blog-card,.card,.glass-panel,.group-card,.panel,.post-card{background:var(--panel-bg);border:1px solid var(--primary-lila);border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.05)}[data-theme=dark] .card,[data-theme=dark] .glass-panel,[data-theme=dark] .panel{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 6px rgba(0,0,0,.3)}a{color:var(--accent-blue);text-decoration:none;transition:color .3s ease}.back-to-site:hover{color:var(--primary-lila)!important}@keyframes ticker{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.ticker-animation{display:inline-block;white-space:nowrap;padding-left:100%;animation:ticker 25s linear infinite}a:hover{color:var(--primary-hover)}h1,h2,h3,h4,h5,h6{font-weight:600;margin-bottom:.5rem;color:var(--text-color)}h1{font-weight:800;font-size:2.5rem}.btn-primary{background-color:var(--primary-color);color:#fff;padding:.6rem 1.2rem;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease;display:inline-block}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(15,170,228,.3)}.app-container{max-width:1200px;margin:0 auto;padding:0 20px;width:100%}.main-content{display:grid;grid-template-columns:250px 1fr 300px;gap:20px;margin-top:100px;margin-bottom:60px;align-items:start}@media (max-width:992px){.main-content{grid-template-columns:1fr}}.poll-option-btn:hover{background-color:var(--primary-lila)!important;color:#fff!important}.reaction-wrapper:hover .reaction-menu{opacity:1!important;visibility:visible!important;transform:translateY(-5px)}.reaction-icon:hover{transform:scale(1.3)}.community-nav-pill:hover{background-color:var(--panel-border)!important}body{text-shadow:1px 1px 3px hsla(0,0%,100%,.8),0 0 10px #fff}[data-theme=dark] body{text-shadow:1px 1px 3px #000,0 0 10px #000}.card,.community-nav-pill,.glass-panel,.nav-pill,.panel,button,input{text-shadow:none!important}.responsive-two-columns{display:flex;gap:30px;width:100%}.responsive-main-col{flex:1;min-width:0}.responsive-side-col{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:20px}.responsive-divider{width:1px;height:40px;background:var(--panel-border);margin:0 5px}@media (max-width:768px){.responsive-two-columns{flex-direction:column;gap:20px}.responsive-side-col{width:100%}.responsive-divider{display:none}}.slideshow-container{position:relative;width:100%;max-width:960px;margin:0 auto;overflow:hidden;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.3);background:#111;height:600px}@media (max-width:992px){.slideshow-container{height:400px}}@media (max-width:768px){.slideshow-container{height:250px}}@media (max-width:480px){.slideshow-container{height:180px}}.profile-cover-actions{position:absolute;bottom:20px;right:20px;display:flex;gap:10px;z-index:10}.profile-header-info{padding:20px;display:flex;position:relative}.profile-avatar-wrapper{width:150px;height:150px;position:absolute;top:-75px;left:30px;z-index:2;transition:transform .3s ease}.profile-avatar-inner{width:100%;height:100%;border-radius:50%;border:4px solid var(--panel-bg)!important;display:flex;align-items:center;justify-content:center;color:#fff;font-size:48px;box-shadow:0 4px 15px rgba(0,0,0,.3);overflow:hidden;position:relative;z-index:2}.profile-text-container{margin-left:190px;flex:1}@media (max-width:768px){.profile-cover-actions{position:absolute;top:15px;right:15px;bottom:auto}.profile-header-info{flex-direction:column;align-items:center;text-align:center;padding-top:90px}.profile-avatar-wrapper{left:50%;transform:translateX(-50%);top:-75px}.profile-text-container{margin-left:0;margin-top:10px}}.forum-cat-body{display:flex;align-items:center;padding:15px 20px;gap:20px}.forum-cat-stats{display:flex;gap:25px;font-size:13px;text-align:center}.forum-cat-lastpost,.forum-cat-stats{flex-shrink:0;color:var(--text-muted)}.forum-cat-lastpost{font-size:12px;max-width:220px;border-left:1px solid var(--panel-border);padding-left:20px}@media (max-width:768px){.forum-cat-body{flex-direction:column;align-items:stretch;gap:15px}.forum-cat-stats{text-align:left;justify-content:flex-start}.forum-cat-lastpost{border-left:none;border-top:1px solid var(--panel-border);padding-left:0;padding-top:15px;max-width:100%}.forum-topic-header{display:none!important}.forum-topic-row{display:flex!important;flex-direction:column;align-items:stretch;gap:8px;padding:15px!important}.desktop-only-cell{display:none!important}.mobile-only-meta{display:flex!important}.topic-lastpost-cell{border-left:none!important;padding-left:0!important;border-top:1px dashed var(--panel-border);padding-top:8px}.forum-message-card{flex-direction:column!important}.forum-message-author{flex-direction:row!important;align-items:center!important;text-align:left!important;border-right:none!important;border-bottom:1px solid var(--panel-border)!important;padding:10px 15px!important;width:100%!important;justify-content:flex-start!important;gap:15px!important}.author-avatar-wrapper{width:45px!important;height:45px!important;font-size:16px!important}.author-details-wrapper{align-items:flex-start!important}.author-since{display:none!important}}.profile-level-ring{position:absolute;top:-6px;left:-6px;width:calc(100% + 12px);height:calc(100% + 12px);pointer-events:none;transform:rotate(-90deg)}.profile-level-ring circle{fill:none;stroke-width:4;stroke-linecap:round}.profile-level-ring .ring-bg{stroke:hsla(0,0%,100%,.1)}.profile-level-ring .ring-progress{stroke:var(--primary-lila);stroke-dasharray:314;stroke-dashoffset:314;transition:stroke-dashoffset 1s ease-out;filter:drop-shadow(0 0 4px var(--primary-lila))}.profile-avatar-wrapper:hover{transform:scale(1.05)}.profile-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 10px rgba(0,0,0,.2);background:linear-gradient(135deg,var(--primary-lila) 0,#6c5ce7 100%);color:#fff}.profile-badge-mod{background:linear-gradient(135deg,#2ecc71,#27ae60)}.profile-interactive-grid a,.profile-interactive-grid div.gift-card{transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s ease}.profile-interactive-grid a:hover,.profile-interactive-grid div.gift-card:hover{transform:scale(1.1);box-shadow:0 5px 15px rgba(0,0,0,.4);z-index:10}.profile-tabs-container{display:flex;background:rgba(0,0,0,.2);padding:5px;border-radius:30px;position:relative;border:1px solid hsla(0,0%,100%,.05);box-shadow:inset 0 2px 5px rgba(0,0,0,.3)}.profile-tab{flex:1;text-align:center;padding:10px 0;border-radius:25px;font-size:14px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:color .3s ease;position:relative;z-index:2;text-decoration:none!important;display:flex;align-items:center;justify-content:center;gap:6px}.profile-tab.active{color:#fff}.profile-tab-active-bg{position:absolute;top:5px;bottom:5px;border-radius:25px;background:var(--primary-lila);z-index:1;transition:transform .3s cubic-bezier(.25,1,.5,1),width .3s cubic-bezier(.25,1,.5,1);box-shadow:0 4px 10px rgba(140,63,143,.4)}.global-radio-player{position:fixed;bottom:20px;left:20px;z-index:9999;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px rgba(0,0,0,.5),0 0 20px rgba(138,43,226,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1)}.global-radio-player.expanded{width:320px;border-radius:16px;padding:15px}.global-radio-player.collapsed{width:60px;height:60px;border-radius:50%;padding:0;cursor:pointer}.global-radio-player.collapsed,.player-mini{display:flex;align-items:center;justify-content:center}.player-mini{width:100%;height:100%}.pulsing-circle{width:44px;height:44px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.pulsing-circle.active{animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1) infinite;box-shadow:0 0 15px var(--primary-color)}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(138,43,226,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(138,43,226,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(138,43,226,0)}}.player-full{display:flex;flex-direction:column;gap:15px}.player-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);padding-bottom:10px}.minimize-btn{background:transparent;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;line-height:1;padding:0 5px;transition:color .2s ease}.minimize-btn:hover{color:var(--text-color)}.player-body{display:flex;align-items:center;gap:15px}.dj-avatar-container{position:relative;width:60px;height:60px;flex-shrink:0}.dj-avatar{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--primary-color);box-shadow:0 0 10px rgba(0,0,0,.5)}.live-badge{position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);background:#ff4d4d;color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.3);text-transform:uppercase;letter-spacing:.5px;animation:live-pulse 1.5s infinite}@keyframes live-pulse{0%{background:#ff4d4d}50%{background:#ff1a1a;box-shadow:0 0 8px #ff4d4d}to{background:#ff4d4d}}.track-info{flex-grow:1;overflow:hidden}.show-name{font-size:14px;font-weight:700;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.dj-name{font-size:12px;color:var(--text-muted);margin-bottom:6px}.song-title{display:flex;align-items:center;gap:6px;background:rgba(0,0,0,.2);padding:4px 8px;border-radius:4px;font-size:11px;color:var(--text-color)}.marquee-container{width:100%;overflow:hidden;white-space:nowrap}.marquee-text{display:inline-block;padding-left:100%;animation:marquee 15s linear infinite}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.player-controls{display:flex;align-items:center;justify-content:space-between;background:rgba(0,0,0,.3);padding:10px 15px;border-radius:12px}.play-pause-btn{background:var(--primary-color);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 10px rgba(0,0,0,.3)}.play-pause-btn:hover{transform:scale(1.05);background:var(--primary-hover)}.play-pause-btn.playing{box-shadow:0 0 15px var(--primary-color)}.volume-control{gap:8px;flex-grow:1;justify-content:flex-end}.volume-btn,.volume-control{display:flex;align-items:center}.volume-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px}.volume-btn:hover{color:var(--text-color)}.volume-slider{-webkit-appearance:none;width:80px;height:4px;border-radius:2px;background:hsla(0,0%,100%,.2);outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--primary-color);cursor:pointer;-webkit-transition:transform .1s;transition:transform .1s}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.player-footer{display:flex;justify-content:flex-end;border-top:1px solid hsla(0,0%,100%,.1);padding-top:8px;margin-top:-5px}.icon-spin-slow{animation:spin 4s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.global-radio-player.expanded{width:calc(100vw - 40px);bottom:20px;left:20px}}.navbar{position:fixed;top:0;left:0;right:0;height:70px;z-index:1000;border-radius:0;border-left:none;border-right:none;border-top:none}.navbar-container{max-width:1200px;margin:0 auto;height:100%;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.navbar-brand{font-size:1.5rem;font-weight:800;color:var(--text-light);display:flex;align-items:center}.brand-highlight{color:var(--primary-color);font-size:1.8rem}.navbar-menu{display:flex;gap:20px}.nav-item{color:var(--text-light);font-weight:600;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;transition:all .3s ease}.nav-item:hover{background:rgba(140,63,143,.2);color:var(--primary-hover)}.sidebar{padding:20px;display:flex;flex-direction:column;gap:20px}.user-profile-mini{text-align:center;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.avatar-placeholder{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));margin:0 auto 10px;border:2px solid var(--border-color)}.sidebar-menu{display:flex;flex-direction:column;gap:8px}.side-item{display:flex;align-items:center;gap:12px;padding:12px;color:var(--text-light);border-radius:6px;transition:all .2s ease}.side-item:hover{background:rgba(140,63,143,.2);color:var(--primary-hover);padding-left:18px}.sidebar-footer{margin-top:auto;border-top:1px solid var(--border-color);padding-top:10px}.nav-dropdown-container{position:relative;display:inline-flex;align-items:center;height:100%;padding:10px 0}.nav-dropdown{display:none;position:absolute;top:100%;left:0;background-color:var(--panel-bg);min-width:240px;box-shadow:0 8px 16px 0 rgba(0,0,0,.3);z-index:1001;border:1px solid var(--panel-border);border-top:2px solid var(--primary-lila);padding:10px 0}.nav-dropdown-container:hover .nav-dropdown{display:block}.dropdown-item{color:var(--text-color);padding:8px 20px;text-decoration:none;display:block;font-size:14px;transition:all .2s}.dropdown-item:hover{background-color:rgba(140,63,143,.2);color:var(--primary-hover);padding-left:25px}