:root{--ink: #171e2b;--dusk: #232f42;--slate: #35455c;--slate-hi: #42556f;--amber: #e8a33d;--amber-dim: #b87f2c;--rust: #c1502e;--mist: #f3ecdd;--mist-dim: #c9c1ae;--teal: #3f6b64;--display: "Yatra One", cursive;--hand: "Kalam", cursive;--body: "Work Sans", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--mist);font-family:var(--body);-webkit-font-smoothing:antialiased}.admin-main-tabs{display:flex;gap:12px;padding:16px;background:var(--ink-glass-strong);border-bottom:var(--border-glass);overflow-x:auto;white-space:nowrap}.admin-main-tab-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.admin-main-tab-btn:hover{background:#ffffff1a;color:#fff}.admin-main-tab-btn.active{background:#e8a23d33;border-color:#e8a23d80;color:var(--spice-saffron)}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}button,input,textarea{font-family:inherit}:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:4px}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.live-clock-container{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600;color:var(--mist);background:#232f42b3;border:1px solid rgba(243,236,221,.16);padding:6px 14px;border-radius:999px;backdrop-filter:blur(12px);filter:drop-shadow(0 1px 6px rgba(0,0,0,.5))}.clock-icon{font-size:.9rem}.clock-colon{animation:clockblink 1s step-end infinite;display:inline-block;margin:0 1px}@keyframes clockblink{0%,to{opacity:1}50%{opacity:0}}.clock-period{font-size:.7rem;color:var(--amber);letter-spacing:.08em;font-weight:700}.online-counter-pill{display:inline-flex;align-items:center;gap:8px;background:#171e2bd9;border:1px solid rgba(243,236,221,.16);padding:6px 16px;border-radius:999px;font-size:.85rem;font-weight:600;color:var(--mist);backdrop-filter:blur(16px);box-shadow:0 4px 20px #0006}.live-dot-wrapper{position:relative;display:flex;width:10px;height:10px;align-items:center;justify-content:center}.live-dot-ping{position:absolute;width:100%;height:100%;border-radius:999px;background-color:#4ade80;opacity:.75;animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite}.live-dot-core{position:relative;width:10px;height:10px;border-radius:999px;background-color:#4ade80;box-shadow:0 0 8px #4ade80e6}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.count-number{font-variant-numeric:tabular-nums;color:var(--mist)}.count-label{color:var(--mist-dim);font-size:.78rem;font-weight:500}.vinyl-player-container{margin:20px 0}.vinyl-player-card{display:flex;align-items:center;gap:20px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:12px 24px 12px 12px;backdrop-filter:blur(24px);box-shadow:0 8px 40px #00000073,inset 0 1px #ffffff40;flex-wrap:wrap}.vinyl-artwork-wrapper{position:relative;width:72px;height:72px;flex-shrink:0}.vinyl-disc{width:100%;height:100%;border-radius:50%;background-size:cover;background-position:center;border:2px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #00000080;animation:vinylspin 8s linear infinite}.vinyl-disc.paused{animation-play-state:paused}@keyframes vinylspin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vinyl-center-spindle{position:absolute;top:50%;left:50%;width:14px;height:14px;transform:translate(-50%,-50%);background:#000000d9;border:2px solid rgba(255,255,255,.5);border-radius:50%}.vinyl-track-info{flex:1;min-width:180px}.vinyl-track-title{margin:0;font-size:.95rem;font-weight:700;color:var(--mist);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vinyl-track-artist{margin:2px 0 6px;font-size:.8rem;color:var(--mist-dim)}.audio-player-card{background:#232f42b3;border:1px solid rgba(243,236,221,.12);border-radius:20px;padding:20px 24px;backdrop-filter:blur(16px);margin:20px 0}.player-main-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.play-pause-btn{display:inline-flex;align-items:center;gap:10px;background:var(--amber);color:var(--ink);font-weight:700;font-size:1rem;padding:14px 28px;border:none;border-radius:999px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.play-pause-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #e8a33d66}.sfx-toggle-btn{background:#f3ecdd14;border:1px solid rgba(243,236,221,.16);color:var(--mist);font-weight:600;padding:12px 20px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:border-color .15s ease,background .15s ease}.sfx-toggle-btn.active{border-color:var(--amber);background:#e8a33d1f}.vu-meter{display:flex;align-items:flex-end;gap:4px;height:20px;margin:16px 0}.vu-meter .bar{width:4px;height:4px;background:var(--amber);border-radius:2px;opacity:.4}.vu-meter .bar.animating{opacity:1;animation:vupulse .8s ease-in-out infinite alternate}.vu-meter .bar:nth-child(2){animation-delay:.15s}.vu-meter .bar:nth-child(3){animation-delay:.3s}.vu-meter .bar:nth-child(4){animation-delay:.45s}.vu-meter .bar:nth-child(5){animation-delay:.6s}@keyframes vupulse{0%{height:4px}to{height:20px}}.presence-badge{display:inline-flex;align-items:center;gap:8px;background:#232f42d9;border:1px solid rgba(243,236,221,.16);padding:8px 16px;border-radius:999px;font-size:.82rem;color:var(--mist)}.live-dot{width:8px;height:8px;border-radius:50%;background:#5ce1ce;box-shadow:0 0 8px #5ce1ce;animation:livepulse 2s infinite}@keyframes livepulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.soul-mode-container{margin-top:16px;padding-top:16px;border-top:1px solid rgba(243,236,221,.1)}.soul-mode-btn{background:#e8a33d0f;border:1px solid rgba(232,163,61,.25);color:var(--mist);padding:10px 18px;border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;gap:10px;width:100%;justify-content:space-between}.soul-mode-btn.active{background:#e8a33d29;border-color:var(--amber)}.toggle-pill{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:4px}.toggle-pill.on{background:var(--amber);color:var(--ink)}.toggle-pill.off{background:#f3ecdd33;color:var(--mist-dim)}.soul-mode-note{font-size:.78rem;color:var(--mist-dim);margin:8px 0 0}.share-section{margin:40px 0}.share-card{background:#232f4280;border:1px dashed rgba(243,236,221,.2);border-radius:16px;padding:24px;text-align:center}.share-prompt{font-family:var(--hand);font-size:1.15rem;color:var(--mist);margin:0 0 16px}.share-btn{background:var(--teal);color:var(--mist);border:none;font-weight:600;padding:12px 24px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform .15s ease}.share-btn:hover{transform:translateY(-2px)}.share-toast{margin-top:12px;font-size:.85rem;padding:8px 16px;border-radius:8px}.share-toast.success{background:#3f6b644d;color:#5ce1ce}.share-toast.error{background:#c1502e4d;color:#ff7b6b}.share-modal-overlay{position:fixed;inset:0;background:#000000c7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.share-modal{background:#0e0a06f7;border:1px solid rgba(232,163,61,.28);border-radius:24px;padding:24px;width:400px;max-width:100%;display:flex;flex-direction:column;gap:18px;animation:centerCardPop .32s cubic-bezier(.16,1,.3,1);box-shadow:0 32px 80px #000000e6,0 0 60px #e8a33d14}.share-modal-header{display:flex;align-items:center;justify-content:space-between}.share-modal-title{font-size:1rem;font-weight:700;color:var(--mist);letter-spacing:.04em}.share-modal-close{background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:#fff9;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.share-modal-close:hover{background:#ffffff24;color:#fff}.share-card-preview{width:100%;aspect-ratio:1 / 1;border-radius:16px;overflow:hidden;background:#ffffff0a;border:1px solid rgba(232,163,61,.15);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.share-card-preview img{width:100%;height:100%;object-fit:cover;display:block}.share-card-generating{display:flex;flex-direction:column;align-items:center;gap:12px;color:#fff6;font-size:.85rem}.share-card-spinner{width:32px;height:32px;border:3px solid rgba(232,163,61,.2);border-top-color:#e8a33d;border-radius:50%;animation:spin .9s linear infinite}.share-card-error{color:#ff7864cc;font-size:.82rem;text-align:center;padding:16px}.share-track-info{display:flex;flex-direction:column;gap:3px;min-width:0;width:100%}.share-track-title{display:block;font-size:.95rem;font-weight:700;color:var(--mist);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-track-artist{display:block;font-size:.78rem;color:var(--mist-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:379px){.share-modal{width:95vw;padding:16px}.share-actions{flex-direction:column}.share-action-btn{width:100%}}.share-action-btn{flex:1;min-width:100px;padding:10px 14px;border-radius:999px;border:1px solid rgba(232,163,61,.32);background:#e8a33d14;color:#e8a33d;font-weight:600;font-size:.83rem;cursor:pointer;transition:background .2s,transform .15s;white-space:nowrap;text-align:center;overflow:hidden;text-overflow:ellipsis}.share-action-btn:hover:not(:disabled){background:#e8a33d2e;transform:translateY(-1px)}.share-action-btn:disabled{opacity:.35;cursor:not-allowed}.share-action-primary{background:#e8a33d38;border-color:#e8a33d8c}.share-action-primary:hover:not(:disabled){background:#e8a33d59}.mini-btn.share-btn{background:transparent;color:var(--mist-dim);transition:transform .2s,color .2s;width:auto;height:auto;padding:4px}.mini-btn.share-btn:hover{color:var(--mist);transform:scale(1.1);background:transparent}.pitch-section{max-width:680px;margin:80px auto;padding:0 20px}.pitch-container{background:#232f4299;border:1px solid rgba(243,236,221,.15);border-radius:24px;padding:36px}.form-group{margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.85rem;font-weight:600;color:var(--mist-dim)}.form-group textarea,.form-group input{background:#171e2bcc;border:1px solid rgba(243,236,221,.15);border-radius:12px;padding:12px 16px;color:var(--mist);font-size:.95rem}.char-counter{font-size:.75rem;color:var(--mist-dim);text-align:right}.pitch-submit-btn{background:var(--amber);color:var(--ink);font-weight:700;padding:14px 28px;border:none;border-radius:999px;cursor:pointer;width:100%;font-size:1rem}.pitch-status{margin-top:16px;padding:12px;border-radius:8px;font-size:.88rem;text-align:center}.pitch-status.success{background:#3f6b644d;color:#5ce1ce}.pitch-status.error{background:#c1502e4d;color:#ff7b6b}.enter-overlay{position:fixed;inset:0;background:#0a0d14e6;backdrop-filter:blur(20px);z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .8s ease,visibility .8s ease;pointer-events:auto}.player-dock{position:absolute;bottom:32px;left:50%;transform:translate(-50%);background:#0c101ad1;backdrop-filter:blur(28px) saturate(1.4);-webkit-backdrop-filter:blur(28px) saturate(1.4);border:1px solid rgba(255,255,255,.12);padding:10px 20px;border-radius:999px;display:flex;align-items:center;gap:24px;pointer-events:auto;box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff0a;z-index:500;transition:opacity .5s ease}.track-section{display:flex;align-items:center;gap:16px}.track-cover{width:48px;height:48px;border-radius:50%;background-size:cover;background-position:center;border:2px solid rgba(255,255,255,.2);position:relative;box-shadow:0 4px 10px #0006}.track-cover:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;background:#111;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffff26,0 0 4px #0009 inset}.track-cover.spinning{animation:vinylspin 8s linear infinite}.track-cover.paused{animation-play-state:paused}.track-info-mini{display:flex;flex-direction:column;width:160px}.radio-badge-wrap{display:flex;align-items:center;gap:4px;margin-bottom:2px}.on-air-dot{font-size:.6rem;animation:pulse 1.5s infinite alternate}.radio-live-tag{font-size:.58rem;font-weight:800;color:#ff4b4b;letter-spacing:.08em;text-transform:uppercase}.up-next-mini{font-size:.65rem;color:#e8a33d;margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.track-title-mini{font-size:.95rem;font-weight:700;color:var(--mist);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist-mini{font-size:.75rem;color:var(--mist-dim);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-controls{display:flex;align-items:center;gap:8px}.mini-btn{background:#ffffff1a;border:none;width:32px;height:32px;border-radius:50%;color:var(--mist);cursor:pointer;display:grid;place-items:center;font-size:.8rem;transition:all .2s}.mini-btn:hover{background:#fff3;transform:scale(1.1)}.mini-btn.main{width:40px;height:40px;background:var(--mist);color:var(--ink);font-size:1rem}.mini-btn.main:hover{background:#fff;box-shadow:0 0 12px #fff6}.mix-controls-mini{display:flex;align-items:center;gap:16px;border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1);padding:0 24px}.vol-control-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.vol-icon-btn{background:transparent;border:none;font-size:1.2rem;cursor:pointer;padding:4px;color:var(--mist-dim);transition:transform .2s;display:flex;align-items:center;justify-content:center}.vol-icon-btn:hover{transform:scale(1.1);color:var(--mist)}.vol-slider-popover{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background:var(--ink-glass-strong);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:var(--border-glass);border-radius:12px;padding:16px 0;display:flex;justify-content:center;align-items:center;width:44px;height:120px;z-index:100;box-shadow:0 8px 32px #0009;animation:popoverFadeIn .2s cubic-bezier(.16,1,.3,1)}@keyframes popoverFadeIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.vol-slider-popover input[type=range]{width:6px;height:90px;margin:0;cursor:pointer;accent-color:var(--amber);writing-mode:vertical-lr;direction:rtl}.vol-slider-popover input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}@media(max-width:639px){.vol-slider-popover{position:fixed;bottom:calc(100% + 60px);left:50%;transform:translate(-50%);z-index:1000}}.online-indicator-mini{display:flex;align-items:center;gap:8px}.live-dot-mini{width:8px;height:8px;border-radius:50%;background:#ff4b4b;box-shadow:0 0 8px #ff4b4b;animation:pulse 2s infinite}.count-number-mini{font-weight:700;color:var(--mist);font-size:1rem}.count-label-mini{color:var(--mist-dim);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.enter-btn-main{background:transparent;border:2px solid var(--amber);color:var(--amber);font-family:var(--display);font-size:2.5rem;padding:16px 48px;border-radius:999px;cursor:pointer;transition:background .3s ease,color .3s ease,transform .3s ease}.enter-btn-main:hover{background:var(--amber);color:var(--ink);transform:scale(1.05)}.enter-hint{margin-top:24px;color:var(--mist-dim);font-size:1.1rem;font-style:italic;font-family:var(--hand)}.immersive-ui{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.immersive-ui.active{opacity:1;transform:translateY(0)}.immersive-ui.idle-hidden{opacity:0!important;pointer-events:none}.mix-controls{display:flex;gap:24px;margin-top:24px;background:#0006;padding:16px 24px;border-radius:16px;backdrop-filter:blur(12px)}.vol-slider{display:flex;align-items:center;gap:12px;font-size:.9rem;color:var(--mist);font-weight:600}.vol-slider input[type=range]{accent-color:var(--amber);width:100px}body.idle-mode .topbar,body.idle-mode .room-header-section,body.idle-mode .room-footer-section,body.idle-mode .room-chat-wrapper,body.idle-mode .minimal-share,body.idle-mode .player-dock,body.idle-mode .chat-dock-container{opacity:0!important;pointer-events:none!important;transform:translateY(10px)}body.idle-mode{cursor:none}.chat-dock-container{position:fixed;bottom:0;right:20px;display:flex;align-items:flex-end;gap:12px;z-index:600;pointer-events:auto}.chat-dock-container.panel-mode{position:relative;inset:0;width:100%;height:100%}.chat-unified-window{width:400px;height:480px;max-height:60vh;display:flex;flex-direction:column;background:#171e2b66;backdrop-filter:blur(20px);border:1px solid rgba(243,236,221,.1);border-radius:16px 16px 0 0;overflow:hidden;box-shadow:0 -4px 24px #0006;transition:height .3s cubic-bezier(.4,0,.2,1)}.chat-dock-container.panel-mode .chat-unified-window{width:100%;height:100%;max-height:100%;border-radius:0;border:none;background:transparent;backdrop-filter:none;box-shadow:none}.chat-unified-window.minimized{height:48px;border-radius:12px;cursor:pointer;background:#171e2bcc}.chat-unified-header{height:48px;padding:0 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(243,236,221,.05);background:#0a0d144d;cursor:pointer;user-select:none}.chat-header-title{display:flex;align-items:center;gap:8px;font-family:var(--hand);color:var(--mist);font-size:1.1rem}.chat-minimize-btn{background:transparent;border:none;color:var(--mist-dim);cursor:pointer;padding:4px 8px;font-size:1rem}.chat-unified-body{display:flex;flex:1;min-height:0}.chat-sidebar{width:120px;background:#0a0d1480;border-right:1px solid rgba(243,236,221,.05);display:flex;flex-direction:column;transition:width .2s cubic-bezier(.4,0,.2,1)}.chat-sidebar.minimized{width:44px}.chat-tabs-container{display:flex;flex-direction:column;flex:1;overflow-y:auto}.sidebar-toggle-btn{background:transparent;border:none;color:var(--mist-dim);padding:8px;text-align:center;cursor:pointer;border-top:1px solid rgba(243,236,221,.05);transition:background .2s}.sidebar-toggle-btn:hover{background:#ffffff0d;color:var(--mist)}.chat-dock-container.panel-mode .chat-unified-body{flex-direction:column}.chat-dock-container.panel-mode .chat-sidebar{width:100%;height:auto;flex-direction:row;overflow-x:auto;overflow-y:hidden;border-right:none;border-bottom:1px solid rgba(243,236,221,.05)}.chat-dock-container.panel-mode .chat-tab{border-bottom:none;border-right:1px solid rgba(243,236,221,.02);white-space:nowrap}.chat-dock-container.panel-mode .chat-tab.active{border-left:none;border-bottom:3px solid #e8a33d}.chat-tab{display:flex;align-items:center;justify-content:space-between;padding:12px 10px;background:transparent;border:none;border-bottom:1px solid rgba(243,236,221,.02);color:var(--mist-dim);font-size:.85rem;cursor:pointer;transition:all .2s;text-align:left}.chat-tab:hover{background:#ffffff0d}.chat-tab.active{background:#e8a33d1a;color:var(--mist);border-left:3px solid #e8a33d}.tab-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-sidebar.minimized .tab-title{text-align:center;font-size:1.1rem;overflow:visible;flex:none}.tab-close{margin-left:6px;font-size:.8rem;opacity:.5}.tab-close:hover{opacity:1}.unread-badge{background:#e53e3e;color:#fff;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:10px;margin-left:6px}.chat-sidebar.minimized .chat-tab{position:relative;justify-content:center;padding:12px 0}.chat-sidebar.minimized .unread-badge{position:absolute;top:4px;right:2px;margin:0;padding:1px 4px;font-size:.6rem}.chat-main-area{flex:1;display:flex;flex-direction:column;min-width:0}.status-dot{width:8px;height:8px;border-radius:50%;background:#666}.status-dot.online{background:#4ade80;box-shadow:0 0 8px #4ade80}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.chat-empty{color:var(--mist-dim);font-size:.85rem;font-style:italic;text-align:center;margin-top:auto;margin-bottom:auto}.chat-bubble-wrapper{display:flex;width:100%;margin-bottom:2px;animation:slideUp .3s cubic-bezier(.2,.8,.2,1) forwards}.chat-bubble-wrapper.is-me{justify-content:flex-end}.chat-bubble{max-width:80%;padding:8px 12px;border-radius:12px;position:relative;box-shadow:0 1px 2px #0003;display:flex;flex-direction:column;word-break:break-word;font-size:.9rem;line-height:1.4}.chat-bubble.bubble-me{background:#5ce1ce26;border:1px solid rgba(92,225,206,.3);color:var(--mist);border-bottom-right-radius:2px}.chat-bubble.bubble-other{background:#ffffff14;border:1px solid rgba(255,255,255,.05);color:var(--mist);border-bottom-left-radius:2px}.chat-bubble-user{font-size:.75rem;font-weight:700;color:var(--amber);margin-bottom:2px;cursor:pointer}.chat-bubble-user:hover{text-decoration:underline}.chat-bubble-text{margin-bottom:4px}.chat-bubble-time{font-size:.65rem;color:var(--mist-dim);align-self:flex-end;margin-top:-4px;opacity:.8}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-input-form{display:flex;padding:10px 14px;gap:10px;background:#0a0d14b3;border-top:1px solid rgba(255,255,255,.05);align-items:center}.chat-input{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:10px 16px;color:var(--mist);font-family:inherit;font-size:.9rem;transition:all .2s ease}.chat-input:focus{outline:none;border-color:#5ce1ce80;background:#ffffff1a;box-shadow:0 0 0 2px #5ce1ce33}.chat-send{display:flex;align-items:center;justify-content:center;background:#5ce1ce33;color:#5ce1ce;border:1px solid rgba(92,225,206,.3);border-radius:50%;width:40px;height:40px;cursor:pointer;transition:.2s;flex-shrink:0}.chat-send:disabled{background:#ffffff0d;color:#fff3;border-color:transparent;cursor:not-allowed}.chat-send:not(:disabled):hover{background:#5ce1ce4d;box-shadow:0 0 12px #5ce1ce66;transform:scale(1.05)}.onboarding-overlay{position:fixed;inset:0;background:#0a0d14eb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:2000;display:flex;align-items:center;justify-content:center;transition:opacity 1.2s ease;pointer-events:auto!important}.onboarding-overlay *{pointer-events:auto!important}.onboarding-overlay.onboarding-entering{opacity:0;pointer-events:none!important}.onboarding-card{background:#171e2bd9;border:1px solid rgba(232,163,61,.2);border-radius:28px;padding:48px 40px 40px;width:min(520px,92vw);box-shadow:0 32px 64px #0009,0 0 0 1px #ffffff0a;position:relative;animation:cardSlideIn .5s cubic-bezier(.34,1.56,.64,1)}@keyframes cardSlideIn{0%{transform:translateY(40px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.onboarding-steps{display:flex;justify-content:center;gap:10px;margin-bottom:40px}.step-dot{width:8px;height:8px;border-radius:50%;background:#f3ecdd26;transition:all .3s ease}.step-dot.active{background:var(--amber);width:24px;border-radius:4px;box-shadow:0 0 8px #e8a33d80}.step-dot.done{background:#e8a33d66;width:8px}.onboarding-step-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;animation:stepFadeIn .4s ease}@keyframes stepFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.onboarding-eyebrow{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--amber);font-weight:600;margin:0}.onboarding-room-name{font-family:var(--display);font-size:clamp(1.5rem,4vw,2.2rem);color:var(--mist);margin:0 0 4px;line-height:1.1}.onboarding-sub{font-size:.95rem;color:var(--mist-dim);margin:0 0 24px;line-height:1.5;max-width:360px}.language-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%;margin-top:8px}@media(max-width:359px){.language-cards{grid-template-columns:1fr;gap:12px}}.lang-card{background:#ffffff0a;border:2px solid rgba(255,255,255,.08);border-radius:20px;padding:24px 16px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .25s ease;position:relative;overflow:hidden}.lang-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,var(--lang-color, #e8a33d) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.lang-card:hover{border-color:var(--lang-color, var(--amber));transform:translateY(-4px);box-shadow:0 12px 24px #0000004d,0 0 0 1px var(--lang-color, var(--amber))}.lang-card:hover:before{opacity:.08}.lang-card.selected{border-color:var(--lang-color, var(--amber));box-shadow:0 0 24px #e8a33d4d;transform:translateY(-2px) scale(1.04)}.lang-card.selected:before{opacity:.12}.lang-emoji{font-size:2rem}@media(max-width:359px){.lang-card{flex-direction:row;justify-content:flex-start;padding:16px;gap:12px}.lang-card .lang-emoji{font-size:1.5rem}.lang-card .lang-script{font-size:1.1rem}}.lang-script{font-family:var(--display);font-size:1.4rem;color:var(--mist);z-index:1}.lang-name{font-size:.75rem;color:var(--mist-dim);letter-spacing:.08em;text-transform:uppercase;font-weight:600;z-index:1}.lang-badge-selected{font-size:1.1rem;font-weight:600;margin-bottom:4px}.username-input-wrap{width:100%;max-width:340px;position:relative;margin:12px 0}.username-input{width:100%;background:#ffffff0f;border:2px solid rgba(255,255,255,.12);border-radius:14px;padding:14px 18px;color:var(--mist);font-size:1.1rem;font-family:var(--body);text-align:center;outline:none;transition:border-color .2s ease}.username-input:focus{border-color:var(--amber);background:#ffffff17}.username-input.has-error{border-color:#ff7b6b}.username-error{color:#ff7b6b;font-size:.8rem;margin:4px 0 0;text-align:center}.username-hint{color:var(--mist-dim);font-size:.75rem;text-align:right;margin:4px 0 0}.onboarding-actions{display:flex;gap:12px;align-items:center;margin-top:8px}.back-btn{background:transparent;border:1px solid rgba(243,236,221,.15);color:var(--mist-dim);padding:12px 20px;border-radius:12px;cursor:pointer;font-family:var(--body);font-size:.9rem;transition:all .2s}.back-btn:hover{border-color:#f3ecdd4d;color:var(--mist)}.enter-room-btn{background:var(--amber);border:none;color:var(--ink);padding:14px 32px;border-radius:12px;cursor:pointer;font-family:var(--display);font-size:1.1rem;font-weight:700;transition:all .25s ease;flex:1}.enter-room-btn:hover:not(:disabled){background:#f5b94a;transform:translateY(-2px);box-shadow:0 8px 20px #e8a33d66}.enter-room-btn:disabled{opacity:.4;cursor:not-allowed}.onboarding-entering-content{gap:20px;padding:20px 0}.entering-spinner{width:48px;height:48px;border:3px solid rgba(232,163,61,.2);border-top-color:var(--amber);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.entering-name{font-family:var(--display);font-size:1.6rem;color:var(--mist);margin:0}.entering-room{color:var(--mist-dim);font-size:1rem;margin:0}.entering-lang{font-size:1.1rem;font-weight:600;margin:0;animation:pulse 1.5s ease-in-out infinite}.chat-identity-bar{display:flex;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid rgba(243,236,221,.05);background:#0a0d144d}.my-lang-badge{font-size:.75rem;background:#e8a33d26;color:var(--amber);padding:2px 8px;border-radius:8px;font-weight:700;border:1px solid rgba(232,163,61,.3)}.my-username{font-size:.8rem;color:var(--mist-dim);font-weight:600}.typing-indicator{display:flex;align-items:center;gap:6px;padding:6px 14px;border-top:1px solid rgba(243,236,221,.04)}.typing-dots{display:flex;gap:3px;align-items:center}.typing-dots span{width:4px;height:4px;background:var(--mist-dim);border-radius:50%;animation:typingBounce 1.2s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.typing-text{font-size:.72rem;color:var(--mist-dim);font-style:italic}.now-playing-toast{position:fixed;top:80px;left:50%;transform:translate(-50%);background:#0c101ae0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(232,163,61,.3);border-radius:999px;padding:10px 20px;display:flex;align-items:center;gap:12px;z-index:800;animation:toastIn .4s cubic-bezier(.34,1.56,.64,1),toastOut .5s ease 3.5s forwards;box-shadow:0 8px 24px #0006;pointer-events:none}.now-playing-icon{font-size:1.1rem;color:var(--amber);animation:pulse 1.5s ease-in-out infinite}.now-playing-text{display:flex;flex-direction:column}.now-playing-title{font-size:.9rem;font-weight:700;color:var(--mist);white-space:nowrap}.now-playing-artist{font-size:.75rem;color:var(--mist-dim);white-space:nowrap}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes toastOut{0%{opacity:1}to{opacity:0}}.quick-return-card{text-align:center;padding:48px 40px 40px;display:flex;flex-direction:column;align-items:center;gap:8px;max-width:400px}.quick-return-badge{font-size:2rem;margin-bottom:8px}.quick-return-card .onboarding-room-name{margin-bottom:4px}.quick-return-card .onboarding-sub{margin-bottom:0}.quick-return-card .enter-room-btn{font-size:1.15rem;padding:16px 40px;border-radius:14px;letter-spacing:.03em}.quick-return-card .back-btn{background:transparent;border:none;font-size:.78rem;color:var(--mist-dim);cursor:pointer;padding:4px 0;text-decoration:underline;text-underline-offset:3px}.quick-return-card .back-btn:hover{color:var(--mist)}.diya-timer-container{position:fixed;top:14px;left:50%;transform:translate(-50%);right:auto;z-index:999;display:flex;align-items:center;gap:10px;padding:6px 16px;background:#120c08d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(232,163,61,.4);border-radius:30px;box-shadow:0 8px 24px #00000080,inset 0 1px #ffffff26;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);pointer-events:auto!important}.diya-timer-container:hover{transform:translate(-50%) translateY(-2px);border-color:#e8a33db3;box-shadow:0 12px 32px #e8a33d4d}.diya-icon-wrap{position:relative;font-size:1.4rem;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.diya-flame{position:absolute;top:-8px;width:8px;height:14px;background:radial-gradient(circle,#fff 10%,#fa0,#f30 90%);border-radius:50% 50% 20% 20%;animation:diyaFlicker 1.2s infinite ease-in-out alternate;filter:drop-shadow(0 0 6px #ff9900)}@keyframes diyaFlicker{0%{transform:scale(1) rotate(-2deg);opacity:.9}50%{transform:scale(1.15) rotate(3deg);opacity:1}to{transform:scale(.95) rotate(-1deg);opacity:.85}}.diya-timer-info{display:flex;flex-direction:column}.diya-timer-label{font-size:.62rem;font-weight:700;letter-spacing:.08em;color:#e8a33d;text-transform:uppercase}.diya-timer-clock{font-family:Work Sans,sans-serif;font-size:.95rem;font-weight:700;color:#fff;letter-spacing:.04em}.battle-card-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);right:auto;width:600px;max-width:calc(100vw - 32px);z-index:9998;background:#120e0af0;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid rgba(232,163,61,.4);border-radius:24px;padding:24px;box-shadow:0 24px 60px #000000d9,0 0 40px #e8a33d26;display:flex;flex-direction:column;gap:18px;animation:centerCardPop .35s cubic-bezier(.16,1,.3,1);pointer-events:auto!important}@keyframes centerCardPop{0%{opacity:0;transform:translate(-50%,-46%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.battle-card-mini{position:absolute;top:80px;right:24px;width:auto;z-index:9998;background:#120e0af0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(232,163,61,.35);border-radius:30px;padding:10px 18px;box-shadow:0 12px 30px #0009,inset 0 1px #ffffff1f;display:flex;flex-direction:row;align-items:center;gap:12px;animation:battleCardSlideIn .35s cubic-bezier(.16,1,.3,1);pointer-events:auto!important;cursor:pointer;transition:transform .2s,background .2s}.battle-card-mini:hover{transform:translateY(-2px);background:#1a140ff2}.battle-mini-flame{font-size:1.2rem}.battle-mini-title{font-size:.9rem;font-weight:700;color:#fff;white-space:nowrap}.battle-mini-time{font-size:.8rem;font-weight:600;color:var(--amber);background:#e8a33d1f;padding:2px 8px;border-radius:12px}.battle-mini-expand{background:none;border:none;color:var(--mist);font-size:1.1rem;cursor:pointer;display:grid;place-items:center;padding:0}.battle-mini-expand:hover{color:#fff}@keyframes battleCardSlideIn{0%{opacity:0;transform:translateY(-16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.battle-card-header{display:flex;align-items:center;justify-content:space-between}.battle-header-left{display:flex;align-items:center;gap:10px}.battle-diya-icon{font-size:1.5rem}.battle-header-title{margin:0;font-size:1rem;font-weight:700;color:#fff}.battle-header-sub{margin:0;font-size:.72rem;color:var(--mist-dim)}.battle-header-right{display:flex;align-items:center;gap:8px}.battle-clock{font-size:.85rem;font-weight:700;color:#e8a33d;background:#e8a33d1f;padding:4px 10px;border-radius:12px}.sur-badge{font-size:.78rem;font-weight:700;color:#c77dff;background:#c77dff26;padding:4px 10px;border-radius:12px;border:1px solid rgba(199,125,255,.3)}.battle-close-btn{background:transparent;border:none;color:var(--mist-dim);font-size:1.2rem;cursor:pointer;padding:0 4px}.battle-vs-side-by-side{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative}.candidate-card-side{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px;gap:10px;transition:all .25s ease;overflow:hidden;min-width:0}.candidate-card-side:hover{background:#ffffff14;border-color:#e8a33d80;transform:translateY(-2px)}.candidate-card-side.voted{border-color:#e8a33d;background:#e8a33d24}.candidate-card-side.is-leading{border-color:#fa0;box-shadow:0 0 16px #ffaa0040}.leading-badge{position:absolute;bottom:6px;right:6px;background:linear-gradient(135deg,#ff4b4b,#fa0);color:#fff;font-size:.55rem;font-weight:800;padding:2px 6px;border-radius:6px;letter-spacing:.05em;box-shadow:0 2px 8px #ff4b4b80}.candidate-thumb-wrap{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;background:#0006;box-shadow:0 4px 14px #00000080}.candidate-thumb{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.candidate-card-side:hover .candidate-thumb{transform:scale(1.06)}.candidate-tag-badge{position:absolute;top:6px;left:6px;background:#120c08d9;color:#e8a33d;font-size:.58rem;font-weight:800;padding:2px 6px;border-radius:6px;letter-spacing:.05em;border:1px solid rgba(232,163,61,.4)}.candidate-tag-badge.b-badge{color:#5ce1ce;border-color:#5ce1ce66}.candidate-card-details{display:flex;flex-direction:column;align-items:center;width:100%;overflow:hidden}.vs-circle-divider{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#e8a33d,#c1502e);color:#fff;font-size:.78rem;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #e8a33d80;flex-shrink:0;z-index:2}.candidate-box{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:all .2s ease}.candidate-box:hover{background:#ffffff14;border-color:#e8a33d66}.candidate-box.voted{border-color:#e8a33d;background:#e8a33d1f}.candidate-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.candidate-tag{font-size:.6rem;font-weight:700;color:#e8a33d;letter-spacing:.06em}.candidate-title{margin:0;font-size:.92rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.candidate-meta{margin:0;font-size:.72rem;color:var(--mist-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vote-btn{background:linear-gradient(135deg,#e8a33d,#c1502e);color:#fff;border:none;padding:8px 14px;border-radius:10px;font-size:.8rem;font-weight:700;cursor:pointer;transition:transform .15s ease,opacity .15s ease;white-space:nowrap}.vote-btn:hover:not(:disabled){transform:scale(1.04)}.vote-btn.active{background:#2a9d8f}.vote-btn:disabled{opacity:.7;cursor:default}.vs-divider{text-align:center;font-size:.7rem;font-weight:800;color:#ffffff4d;letter-spacing:.1em}.battle-progress-wrap{display:flex;flex-direction:column;gap:6px}.battle-progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;display:flex}.bar-fill-a{height:100%;background:linear-gradient(90deg,#e8a33d,#fa0);transition:width .4s ease}.bar-fill-b{height:100%;background:linear-gradient(90deg,#5ce1ce,#3a86ff);transition:width .4s ease}.battle-pct-labels{display:flex;justify-content:space-between;font-size:.7rem;color:var(--mist-dim)}.nominate-trigger-btn{width:100%;background:#ffffff0f;border:1px border-dashed rgba(255,255,255,.2);color:var(--mist);padding:10px;border-radius:12px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.nominate-trigger-btn:hover{background:#e8a33d26;border-color:#e8a33d;color:#fff}.sur-toast-pop{position:absolute;top:-36px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#c77dff,#7b2cbf);color:#fff;padding:6px 16px;border-radius:20px;font-size:.82rem;font-weight:700;box-shadow:0 6px 20px #c77dff66;display:flex;align-items:center;gap:6px;animation:popUp .3s cubic-bezier(.16,1,.3,1)}@keyframes popUp{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.modal-backdrop{position:fixed;inset:0;z-index:9999;background:#000000bf;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px;pointer-events:auto!important}.nominate-modal-card{width:460px;max-width:100%;background:#14100c;border:1px solid rgba(232,163,61,.35);border-radius:24px;padding:28px;box-shadow:0 24px 60px #000c;display:flex;flex-direction:column;gap:16px}.nominate-modal-header{display:flex;justify-content:space-between;align-items:center}.nominate-modal-header h3{margin:0;font-size:1.15rem;color:#fff}.modal-close-x{background:transparent;border:none;color:var(--mist-dim);font-size:1.2rem;cursor:pointer}.nominate-sub{margin:0;font-size:.82rem;color:var(--mist-dim);line-height:1.4}.nominate-search-input input{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 14px;color:#fff;font-size:.9rem;outline:none}.nominate-search-input input:focus{border-color:#e8a33d}.nominate-track-list{max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.nominate-track-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#ffffff0a;border-radius:10px;gap:12px}.nominate-track-info{display:flex;flex-direction:column;overflow:hidden}.nominate-track-title{font-size:.88rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nominate-track-artist{font-size:.72rem;color:var(--mist-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nominate-track-votes{font-size:.7rem;color:var(--spice-saffron);font-weight:600;margin-top:2px}.nominate-btn{background:#e8a33d33;border:1px solid rgba(232,163,61,.4);color:#e8a33d;padding:6px 12px;border-radius:8px;font-size:.76rem;font-weight:700;cursor:pointer;white-space:nowrap}.nominate-btn:hover{background:#e8a33d;color:#120c08}@media(max-width:479px){.nominate-modal-card{width:calc(100vw - 24px);max-width:100%;margin:12px;padding:20px}.nominate-track-item{flex-direction:column;align-items:flex-start;gap:8px}.nominate-btn{width:100%;min-height:var(--tap-min, 44px)}}.nominate-success-box{text-align:center;padding:24px 12px;display:flex;flex-direction:column;align-items:center;gap:8px}.success-icon{font-size:2.5rem}.chat-limit-toast{position:absolute;bottom:80px;left:20px;z-index:10000;background:#dc3545e6;color:#fff;padding:8px 16px;border-radius:12px;font-size:.8rem;font-weight:600;box-shadow:0 4px 16px #0006}.dm-request-banner{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.dm-request-item{background:#5ce1ce26;border:1px solid rgba(92,225,206,.4);border-radius:12px;padding:10px 14px;font-size:.78rem;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px}.dm-request-btns{display:flex;gap:6px}.dm-accept-btn{background:#2a9d8f;color:#fff;border:none;padding:4px 10px;border-radius:6px;font-size:.74rem;font-weight:700;cursor:pointer}.dm-decline-btn{background:#ffffff1a;color:var(--mist-dim);border:none;padding:4px 10px;border-radius:6px;font-size:.74rem;cursor:pointer}.user-menu-popover{position:fixed;inset:0;z-index:10001;background:#00000080;display:flex;align-items:center;justify-content:center;pointer-events:auto!important}.user-menu-card{width:280px;background:#18120c;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:8px;box-shadow:0 16px 40px #000000b3}@media(max-width:359px){.user-menu-card{width:calc(100vw - 32px);max-width:280px}}.user-menu-title{margin:0 0 8px;font-size:.95rem;font-weight:700;color:#fff;text-align:center}.user-menu-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#fff;padding:10px;border-radius:10px;font-size:.82rem;font-weight:600;cursor:pointer;text-align:left}.user-menu-btn.danger{color:#ff6b6b}.user-menu-btn.cancel{text-align:center;background:transparent;border:none;color:var(--mist-dim);margin-top:4px}.socket-budget-tag{font-size:.65rem;color:var(--mist-dim);margin-right:6px}.chat-system-announce{padding:6px 10px;background:#e8a33d1f;border-left:3px solid #e8a33d;border-radius:4px;font-size:.74rem;color:#e8a33d;margin:4px 0}.room-language-bar{display:flex;align-items:center;gap:6px;background:#12161fd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(243,236,221,.2);border-radius:999px;padding:4px 10px;box-shadow:0 8px 24px #00000080;pointer-events:auto!important}.lang-bar-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--amber);font-weight:700}.lang-pill-btn{background:#ffffff0f;border:1px solid rgba(243,236,221,.15);color:var(--mist);font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:999px;cursor:pointer;transition:all .2s ease}.lang-pill-btn:hover{background:#f3ecdd26;color:#fff}.lang-pill-btn.active{background:linear-gradient(135deg,var(--amber),#c1502e);color:#12161f;font-weight:700;border-color:transparent;box-shadow:0 0 10px #e8a33d80}.social-sidebar{position:absolute;right:20px;top:135px;bottom:90px;width:280px;z-index:850;display:flex;flex-direction:column;pointer-events:auto!important;transition:width .3s cubic-bezier(.16,1,.3,1)}.social-sidebar.collapsed{width:auto;bottom:auto}.social-sidebar-toggle{background:#12161fe6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(243,236,221,.2);color:var(--mist);padding:8px 14px;border-radius:999px;font-size:.82rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 8px 24px #00000080;margin-left:auto;transition:all .2s ease}.social-sidebar-toggle:hover{background:#f3ecdd26;color:#fff;border-color:var(--amber)}.social-sidebar-content{background:#12161feb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(243,236,221,.18);border-radius:18px;display:flex;flex-direction:column;height:100%;overflow:hidden;box-shadow:0 16px 40px #0009;margin-top:8px}.social-sidebar-header{padding:14px 16px;border-bottom:1px solid rgba(243,236,221,.1);display:flex;align-items:center;justify-content:space-between}.social-header-title h3{margin:0;font-size:.9rem;font-weight:700;color:var(--mist)}.social-subtitle{font-size:.68rem;color:var(--amber);display:block}.social-close-btn{background:transparent;border:none;color:var(--mist-dim);font-size:1rem;cursor:pointer;padding:4px 8px}.social-search-box{padding:8px 12px;display:flex;align-items:center;gap:8px;background:#0000004d;border-bottom:1px solid rgba(243,236,221,.08)}.social-search-box input{background:transparent;border:none;color:var(--mist);font-size:.8rem;width:100%;outline:none}.social-tabs{display:flex;border-bottom:1px solid rgba(243,236,221,.1)}.social-tab-btn{flex:1;background:transparent;border:none;padding:8px 10px;font-size:.78rem;font-weight:600;color:var(--mist-dim);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:4px}.social-tab-btn.active{color:var(--amber);border-bottom:2px solid var(--amber);background:#e8a33d14}.social-contacts-list{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.contact-card{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#ffffff0a;border:1px solid rgba(243,236,221,.08);border-radius:12px;transition:background .2s ease}.contact-card:hover{background:#ffffff14}.contact-avatar-wrap{position:relative}.contact-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#e8a33d,#c1502e);color:#fff;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center}.status-indicator{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid #12161f}.status-indicator.online{background:#5ce1ce;box-shadow:0 0 8px #5ce1ce}.status-indicator.offline{background:#666}.contact-info{flex:1;min-width:0;display:flex;flex-direction:column}.contact-name{font-size:.82rem;font-weight:600;color:var(--mist);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-id-badge{font-size:.68rem;color:var(--mist-dim)}.contact-status-text{font-size:.65rem;color:var(--mist-dim)}.contact-actions{display:flex;align-items:center;gap:4px}.contact-action-btn{background:#ffffff14;border:1px solid rgba(243,236,221,.1);color:var(--mist);border-radius:6px;padding:4px 8px;font-size:.75rem;cursor:pointer;transition:all .2s ease}.contact-action-btn:hover{background:var(--amber);color:#12161f}.contact-saved-tag{font-size:.65rem;color:var(--amber);background:#e8a33d26;padding:2px 6px;border-radius:4px}.social-empty-state{padding:20px 10px;text-align:center;color:var(--mist-dim);font-size:.8rem}.is-dragging{opacity:.9;z-index:10000!important;box-shadow:0 20px 50px #000c!important;transition:none!important}.global-app-toast{position:fixed;top:72px;left:50%;transform:translate(-50%);z-index:10000;padding:10px 20px;border-radius:999px;font-size:14px;font-weight:600;color:#fff;background:#120c08f0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #00000080;animation:toastFadeIn .3s cubic-bezier(.16,1,.3,1);pointer-events:none;display:flex;align-items:center;gap:8px;white-space:nowrap}.global-app-toast.info{border-color:#3498db99;box-shadow:0 8px 32px #3498db33}.global-app-toast.success{border-color:#2ecc7199;box-shadow:0 8px 32px #2ecc7133}.global-app-toast.error{border-color:#e74c3c99;box-shadow:0 8px 32px #e74c3c33}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}