@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,600&display=swap";:root{--primary:#8b5cf6;--primary-gradient:linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%);--primary-glow:#8b5cf673;--secondary:#06b6d4;--bg-main:#07070c;--card-bg:#12121cb8;--card-border:#ffffff14;--card-border-glow:#8b5cf673}html{scroll-behavior:smooth}.app{min-height:calc(100vh - 74px);display:flex;position:relative}.sidebar-container{flex-shrink:0;width:270px}.main-content{flex:1;min-height:calc(100vh - 74px);padding:32px 38px 150px;animation:.4s cubic-bezier(.16,1,.3,1) fadeContent;overflow-y:auto}@keyframes fadeContent{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.glass{background:var(--card-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--card-border);border-radius:20px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 32px #00000059}.glass:hover{border-color:var(--card-border-glow);box-shadow:0 14px 44px #00000080,0 0 28px #8b5cf633}h1{letter-spacing:-.5px;background:linear-gradient(135deg,#fff 20%,#c4b5fd 70%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:38px;font-weight:800}h2{letter-spacing:-.3px;color:#f8fafc;font-size:24px;font-weight:700}input{outline:none;transition:all .25s}input:focus{box-shadow:0 0 0 3px #8b5cf64d;border-color:#8b5cf6a6!important}.btn-primary-glow{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:12px;padding:10px 20px;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 18px #8b5cf659}.btn-primary-glow:hover{transform:translateY(-2px);box-shadow:0 8px 26px #8b5cf680}@media (width<=768px){.app{display:block}.sidebar-container{display:none}.main-content{min-height:100vh;padding:16px 14px 180px}h1{margin-bottom:18px;font-size:26px}}.splash-container{z-index:9999999;-webkit-user-select:none;user-select:none;cursor:pointer;opacity:1;filter:blur();background:#07060b;flex-direction:column;justify-content:center;align-items:center;transition:opacity .45s cubic-bezier(.4,0,.2,1),transform .45s cubic-bezier(.4,0,.2,1),filter .45s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0;overflow:hidden;transform:scale(1)}.splash-container.splash-exiting{opacity:0;filter:blur(8px);pointer-events:none;transform:scale(1.06)}.splash-ambient-glow{filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#8b5cf661 0%,#7c3aed2e 40%,#07060b00 70%);border-radius:50%;width:380px;height:380px;animation:3s ease-in-out infinite alternate splashAuroraBreathe;position:absolute}@keyframes splashAuroraBreathe{0%{opacity:.6;transform:scale(.85)}to{opacity:1;transform:scale(1.25)}}.splash-stage{z-index:2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.splash-sound-rings{pointer-events:none;z-index:1;width:108px;height:108px;position:absolute;top:54px;left:50%;transform:translate(-50%,-50%)}.splash-ring{opacity:0;border:1.5px solid #a855f780;border-radius:36px;position:absolute;inset:0;transform:scale(.9);box-shadow:0 0 20px #8b5cf659}.splash-ring.ring-1{animation:2.2s ease-out .2s infinite splashRingPulse}.splash-ring.ring-2{animation:2.2s ease-out .7s infinite splashRingPulse}.splash-ring.ring-3{animation:2.2s ease-out 1.2s infinite splashRingPulse}@keyframes splashRingPulse{0%{opacity:.8;border-color:#c084fccc;transform:scale(.95)}50%{opacity:.45}to{opacity:0;border-color:#7c3aed00;transform:scale(2.4)}}.splash-icon-card{z-index:3;border-radius:26px;width:108px;height:108px;animation:1.1s cubic-bezier(.16,1,.3,1) forwards splashIconPop;position:relative;overflow:hidden;box-shadow:0 14px 32px #000000a6,0 0 45px #8b5cf680,0 0 90px #7c3aed40}@keyframes splashIconPop{0%{opacity:0;filter:blur(6px);transform:scale(.2)translateY(20px)rotate(-10deg)}60%{opacity:1;filter:blur();transform:scale(1.1)translateY(-4px)rotate(2deg)}80%{transform:scale(.96)translateY(2px)rotate(-1deg)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)rotate(0)}}.splash-icon-svg{width:100%;height:100%;display:block}.splash-icon-sheen{pointer-events:none;z-index:4;background:linear-gradient(105deg,#fff0 0%,#ffffff1a 40%,#ffffff73 50%,#ffffff1a 60%,#fff0 100%);width:60%;height:200%;animation:2s ease-in-out .6s infinite splashSheenPass;position:absolute;top:-50%;left:-100%;transform:rotate(25deg)}@keyframes splashSheenPass{0%{left:-100%}60%,to{left:200%}}.splash-earbud-graphic{animation:2.4s ease-in-out infinite splashEarbudPulse}@keyframes splashEarbudPulse{0%,to{transform:translate(10px,6px)scale(1)}50%{transform:translate(10px,6px)scale(1.03)}}.splash-bud-head{animation:1.8s ease-in-out infinite alternate splashBudGlow}@keyframes splashBudGlow{0%{filter:drop-shadow(0 0 2px #fff6)}to{filter:drop-shadow(0 0 8px #fffffff2)drop-shadow(0 0 16px #c084fccc)}}.splash-audio-arc{opacity:0;transition:opacity .3s}.splash-audio-arc.arc-1{animation:1.4s ease-in-out .4s infinite splashArcPulse}.splash-audio-arc.arc-2{animation:1.4s ease-in-out .65s infinite splashArcPulse}@keyframes splashArcPulse{0%{opacity:0;transform:scale(.8)}40%{opacity:.9;transform:scale(1.1)}80%,to{opacity:0;transform:scale(1.4)}}.splash-text-group{flex-direction:column;align-items:center;gap:12px;margin-top:26px;display:flex}.splash-brand-wrap{perspective:1100px;perspective-origin:50%;justify-content:center;align-items:center;animation:.6s ease-out 1.95s forwards wordmarkAssemblePulse;display:flex;overflow:visible}@keyframes wordmarkAssemblePulse{0%{filter:drop-shadow(0 0 16px #a855f780)}50%{filter:drop-shadow(0 0 36px #c084fcf2)drop-shadow(0 0 65px #9333eab3);transform:scale(1.04)}to{filter:drop-shadow(0 0 22px #a855f7bf)drop-shadow(0 4px 20px #000000d9);transform:scale(1)}}.splash-brand-name{letter-spacing:6px;transform-style:preserve-3d;text-transform:uppercase;justify-content:center;align-items:center;gap:4px;margin:0;font-size:38px;font-weight:900;display:flex}.splash-letter{opacity:0;will-change:transform, opacity, filter;transform-origin:50%;background:linear-gradient(#fff 0%,#f3e8ff 35%,#c084fc 70%,#9333ea 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 20px #c084fc99;-webkit-background-clip:text;background-clip:text;display:inline-block}.splash-letter.letter-1{animation:.65s cubic-bezier(.19,1,.22,1) .45s forwards zoomFromCamera}.splash-letter.letter-2{animation:.65s cubic-bezier(.19,1,.22,1) .75s forwards zoomFromCamera}.splash-letter.letter-3{animation:.65s cubic-bezier(.19,1,.22,1) 1.05s forwards zoomFromCamera}.splash-letter.letter-4{animation:.65s cubic-bezier(.19,1,.22,1) 1.35s forwards zoomFromCamera}@keyframes zoomFromCamera{0%{opacity:0;filter:blur(24px)brightness(2.4);transform:scale(7.5)translateZ(480px)translateY(-35px)}30%{opacity:.75;filter:blur(10px)brightness(1.7)}75%{opacity:1;filter:blur()brightness(1.25);transform:scale(.92)translateZ(0)translateY(2px)}88%{transform:scale(1.06)translateZ(0)translateY(-1px)}to{opacity:1;filter:blur()brightness();transform:scale(1)translateZ(0)translateY(0)}}.splash-tagline{color:#c4b5fd;letter-spacing:.6px;opacity:0;background:#ffffff0a;border:1px solid #8b5cf647;border-radius:20px;align-items:center;gap:8px;padding:5px 16px;font-size:12px;font-weight:600;animation:.6s cubic-bezier(.16,1,.3,1) 1.95s forwards splashTaglineIn;display:inline-flex;transform:translateY(12px)}@keyframes splashTaglineIn{to{opacity:1;transform:translateY(0)}}.splash-tagline-dot{background:#a855f7;border-radius:50%;width:5px;height:5px;animation:1.5s ease-in-out infinite splashDotPulse;box-shadow:0 0 8px #a855f7}@keyframes splashDotPulse{0%,to{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.35)}}.splash-progress-track{opacity:0;background:#ffffff14;border-radius:6px;width:150px;height:3px;margin-top:24px;animation:.5s .5s forwards splashTrackIn;position:relative;overflow:hidden}@keyframes splashTrackIn{to{opacity:1}}.splash-progress-bar{background:linear-gradient(90deg,#7c3aed,#c084fc,#ec4899);border-radius:6px;width:0%;height:100%;animation:2.2s cubic-bezier(.25,1,.5,1) .4s forwards splashProgressFill;position:absolute;top:0;left:0;box-shadow:0 0 10px #c084fccc}@keyframes splashProgressFill{0%{width:0%}50%{width:65%}to{width:100%}}.splash-skip-hint{color:#ffffff59;letter-spacing:.4px;opacity:0;font-size:11px;font-weight:500;transition:color .2s;animation:.6s 1.2s forwards splashHintIn;position:absolute;bottom:24px}.splash-skip-hint:hover{color:#ffffffa6}@keyframes splashHintIn{to{opacity:1}}.user-avatar-wrap{-webkit-user-select:none;user-select:none;border:2px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #00000059}.user-avatar-wrap:hover{box-shadow:0 6px 20px #7c3aed66}.user-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.user-avatar-preset{border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.1em;display:flex}.user-avatar-initials{color:#fff;text-transform:uppercase;letter-spacing:-.5px;background:linear-gradient(135deg,#7c3aed,#4f46e5);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-weight:800;display:flex}.avatar-modal-backdrop{-webkit-backdrop-filter:blur(14px);z-index:10000;background:#08080ed1;justify-content:center;align-items:center;padding:16px;animation:.25s modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.avatar-modal-card{color:#f8fafc;scrollbar-width:thin;background:linear-gradient(150deg,#1a1a28f2,#10101afa);border:1px solid #ffffff1f;border-radius:26px;flex-direction:column;gap:20px;width:100%;max-width:520px;max-height:90vh;padding:28px;display:flex;overflow-y:auto;box-shadow:0 25px 60px #000c,0 0 30px #7c3aed26}.avatar-modal-header{justify-content:space-between;align-items:center;display:flex}.avatar-modal-header h2{background:linear-gradient(135deg,#fff 0%,#c4b5fd 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:22px;font-weight:800}.avatar-modal-close-btn{color:#94a3b8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;transition:all .2s;display:flex}.avatar-modal-close-btn:hover{color:#fff;background:#ffffff29}.avatar-preview-section{background:#ffffff08;border:1px solid #ffffff0f;border-radius:18px;align-items:center;gap:18px;padding:16px;display:flex}.avatar-preview-info strong{color:#f8fafc;font-size:15px;display:block}.avatar-preview-info span{color:#94a3b8;font-size:12px}.avatar-upload-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.avatar-action-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:13px 16px;font-size:14px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.avatar-action-btn:hover{background:#7c3aed40;border-color:#a78bfa80;transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed4d}.avatar-action-btn.camera-btn{background:linear-gradient(135deg,#6366f140,#a855f740);border-color:#818cf866}.avatar-action-btn.camera-btn:hover{background:linear-gradient(135deg,#6366f173,#a855f773)}.avatar-presets-title{color:#cbd5e1;margin:4px 0 0;font-size:14px;font-weight:700}.avatar-presets-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width<=480px){.avatar-presets-grid{grid-template-columns:repeat(3,1fr)}.avatar-upload-row{grid-template-columns:1fr}}.avatar-preset-item{cursor:pointer;background:#ffffff08;border:2px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;transition:all .2s;display:flex}.avatar-preset-item:hover{background:#ffffff14;transform:translateY(-3px)}.avatar-preset-item.selected{background:#7c3aed33;border-color:#8b5cf6;box-shadow:0 0 16px #8b5cf666}.avatar-preset-icon-wrap{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex;box-shadow:0 4px 12px #00000059}.avatar-preset-label{color:#94a3b8;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:70px;font-size:11px;font-weight:600;overflow:hidden}.avatar-modal-footer{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-top:6px;padding-top:14px;display:flex}.avatar-reset-btn{color:#fca5a5;cursor:pointer;background:0 0;border:1px solid #ef44444d;border-radius:10px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s}.avatar-reset-btn:hover{color:#fff;background:#ef444426}.avatar-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#6366f1);border:none;border-radius:12px;padding:10px 22px;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 4px 16px #7c3aed66}.avatar-save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 22px #7c3aed99}.welcome-container{-webkit-user-select:none;user-select:none;background:#08080f;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.welcome-glow-1{filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#7c3aed40,#0000 70%);width:450px;height:450px;position:absolute;top:-100px;left:-100px}.welcome-glow-2{filter:blur(90px);pointer-events:none;background:radial-gradient(circle,#06b6d433,#0000 70%);width:500px;height:500px;position:absolute;bottom:-120px;right:-120px}.welcome-card{-webkit-backdrop-filter:blur(30px);text-align:center;z-index:10;background:linear-gradient(150deg,#1a1a26d9,#0e0e18f2);border:1px solid #ffffff1a;border-radius:28px;width:100%;max-width:440px;padding:40px 32px;animation:.5s cubic-bezier(.16,1,.3,1) welcomeCardPop;position:relative;box-shadow:0 25px 60px #000000b3,0 0 40px #7c3aed26}@keyframes welcomeCardPop{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.welcome-logo-badge{color:#c4b5fd;background:#7c3aed26;border:1px solid #7c3aed59;border-radius:30px;align-items:center;gap:8px;margin-bottom:14px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-flex}.welcome-invite-badge{color:#34d399;background:#10b98126;border:1px solid #10b98173;border-radius:30px;align-items:center;gap:8px;margin-bottom:14px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 0 16px #10b98133}.welcome-invite-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite invitePulse;box-shadow:0 0 8px #10b981}@keyframes invitePulse{0%,to{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}}.welcome-title{letter-spacing:-.5px;background:linear-gradient(135deg,#fff 0%,#c4b5fd 60%,#7c3aed 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 6px;font-size:38px;font-weight:900}.welcome-subtitle{color:#94a3b8;margin:0 0 24px;font-size:14px}.welcome-avatar-wrap{cursor:pointer;flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.welcome-avatar-circle{border-radius:50%;transition:transform .2s;position:relative}.welcome-avatar-circle:hover{transform:scale(1.06)}.welcome-avatar-hint{color:#a855f7;margin-top:8px;font-size:12px;font-weight:700}.welcome-input-wrap{text-align:left;margin-bottom:20px}.welcome-input-label{color:#cbd5e1;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.welcome-input{color:#fff;box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:14px;outline:none;width:100%;height:52px;padding:0 18px;font-size:16px;transition:all .25s}.welcome-input:focus{background:#ffffff14;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf640}.welcome-input::placeholder{color:#64748b}.welcome-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#4f46e5 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;height:52px;font-size:16px;font-weight:800;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 8px 24px #7c3aed66}.welcome-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.welcome-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 12px 30px #7c3aed99}.home-page{width:100%;animation:.45s cubic-bezier(.16,1,.3,1) fadeHome}@keyframes fadeHome{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.home-hero-banner{-webkit-backdrop-filter:blur(28px);background:linear-gradient(135deg,#8b5cf61f 0%,#06b6d40f 50%,#12121cd9 100%);border:1px solid #ffffff17;border-radius:26px;margin-bottom:38px;padding:32px 36px;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000073,inset 0 1px #ffffff1a}.home-hero-banner:before{content:"";filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#8b5cf640 0%,#0000 70%);border-radius:50%;width:320px;height:320px;position:absolute;top:-80px;right:-60px}.home-hero-content{z-index:2;position:relative}.home-hero-badge{color:#c4b5fd;letter-spacing:.8px;text-transform:uppercase;background:#8b5cf629;border:1px solid #8b5cf659;border-radius:20px;align-items:center;gap:8px;margin-bottom:14px;padding:5px 14px;font-size:11px;font-weight:800;display:inline-flex}.badge-pulse-dot{background:#a855f7;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulseDot;box-shadow:0 0 10px #a855f7}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.home-title{letter-spacing:-.6px;color:#fff;margin:0 0 10px;font-size:38px;font-weight:800}.home-username{background:linear-gradient(135deg,#c4b5fd 0%,#8b5cf6 50%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.home-hero-subtitle{color:#94a3b8;max-width:620px;margin:0 0 24px;font-size:15px;line-height:1.5}.home-quick-actions{flex-wrap:wrap;gap:12px;display:flex}.home-quick-btn{cursor:pointer;color:#f1f5f9;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px #0003}.home-quick-btn:hover{color:#fff;background:#ffffff1f;border-color:#ffffff38;transform:translateY(-2px)}.home-quick-btn.dj-btn{color:#fdf2f8;background:linear-gradient(135deg,#ec489940,#8b5cf633);border-color:#ec489966}.home-quick-btn.dj-btn:hover{box-shadow:0 6px 22px #ec489959}.home-quick-btn.video-btn{color:#ecfeff;background:linear-gradient(135deg,#06b6d433,#3b82f626);border-color:#06b6d459}.home-quick-btn.video-btn:hover{box-shadow:0 6px 22px #06b6d459}.home-quick-btn.add-btn{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-color:#8b5cf680;box-shadow:0 4px 18px #8b5cf666}.home-quick-btn.add-btn:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 8px 26px #8b5cf68c}.home-section{margin-bottom:42px}.home-section-title{color:#f8fafc;letter-spacing:-.3px;align-items:center;gap:10px;margin-bottom:20px;font-size:22px;font-weight:800;display:flex}.home-playlist-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.home-playlist-card{-webkit-backdrop-filter:blur(20px);cursor:pointer;background:linear-gradient(150deg,#181824cc,#10101ae6);border:1px solid #ffffff14;border-radius:20px;flex-direction:column;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000059}.home-playlist-card:hover{border-color:#8b5cf673;transform:translateY(-6px);box-shadow:0 16px 40px #00000080,0 0 30px #8b5cf633}.home-playlist-card.recents{border-color:#06b6d440}.home-playlist-card.recents:hover{border-color:#06b6d480;box-shadow:0 16px 40px #00000080,0 0 30px #06b6d440}.home-playlist-card.collab{border-color:#ec489940}.home-playlist-card.collab:hover{border-color:#ec489980;box-shadow:0 16px 40px #00000080,0 0 30px #ec489940}.home-playlist-covers{aspect-ratio:1;background:linear-gradient(135deg,#ffffff0a,#0000004d);grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;display:grid;position:relative;overflow:hidden}.home-playlist-thumb{object-fit:cover;width:100%;height:100%;transition:transform .4s}.home-playlist-card:hover .home-playlist-thumb{transform:scale(1.05)}.home-playlist-empty-icon{color:#94a3b859;background:linear-gradient(135deg,#8b5cf61a,#0000);grid-area:1/1/-1/-1;justify-content:center;align-items:center;font-size:52px;display:flex}.home-playlist-info{flex-direction:column;gap:4px;padding:16px;display:flex}.home-playlist-info strong{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.home-playlist-info span{color:#94a3b8;font-size:12.5px;font-weight:500}.home-playlist-collab-badge{color:#f472b6;letter-spacing:.3px;-webkit-backdrop-filter:blur(12px);background:#0f172ad9;border:1px solid #ec489966;border-radius:12px;padding:3px 8px;font-size:10.5px;font-weight:700;position:absolute;top:12px;right:12px;box-shadow:0 4px 12px #0000004d}.home-playlist-play-btn{color:#fff;opacity:0;z-index:10;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:15px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:66px;right:16px;transform:translateY(10px)scale(.85);box-shadow:0 8px 24px #8b5cf699}.home-playlist-card:hover .home-playlist-play-btn{opacity:1;transform:translateY(0)scale(1)}.home-playlist-play-btn:hover{box-shadow:0 10px 30px #ec4899b3;transform:scale(1.1)!important}.home-empty{text-align:center;border-radius:28px;margin:20px 0;padding:56px 36px;position:relative;overflow:hidden}.home-empty-icon{filter:drop-shadow(0 0 20px #8b5cf680);margin-bottom:16px;font-size:58px;animation:3.5s ease-in-out infinite alternate floatIcon}@keyframes floatIcon{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.home-empty h2{color:#fff;margin-bottom:10px;font-size:26px;font-weight:800}.home-empty p{color:#94a3b8;max-width:500px;margin:0 auto 28px;font-size:15px;line-height:1.6}.home-empty-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.home-empty-btn{cursor:pointer;border-radius:14px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .25s;box-shadow:0 4px 18px #00000040}.home-empty-btn.primary{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.home-empty-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 26px #8b5cf673}.home-empty-btn.secondary{color:#f1f5f9;background:#ffffff14;border:1px solid #ffffff26}.home-empty-btn.secondary:hover{background:#ffffff26;transform:translateY(-2px)}.home-empty-btn.dj{color:#fdf2f8;background:linear-gradient(135deg,#ec48994d,#8b5cf640);border:1px solid #ec489966}.home-empty-btn.dj:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ec489966}.home-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:10000;background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.25s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;position:fixed;inset:0}.home-modal{background:linear-gradient(150deg,#181826f2,#0e0e16fa);border:1px solid #8b5cf659;border-radius:24px;width:100%;max-width:460px;padding:32px;animation:.3s cubic-bezier(.16,1,.3,1) modalPop;position:relative;box-shadow:0 24px 60px #000000b3,0 0 35px #8b5cf640}@keyframes modalPop{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.home-modal-close{color:#94a3b8;cursor:pointer;background:#ffffff12;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.home-modal-close:hover{color:#fff;background:#ef444440}.home-modal h2{color:#fff;margin:0 0 20px;font-size:24px;font-weight:800}.home-modal-tabs{background:#ffffff0d;border-radius:12px;margin-bottom:24px;padding:4px;display:flex}.home-modal-tabs button{color:#94a3b8;cursor:pointer;background:0 0;border-radius:9px;flex:1;padding:9px 12px;font-size:13px;font-weight:700;transition:all .2s}.home-modal-tabs button.active{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 2px 10px #8b5cf666}.home-modal-form input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:14px;outline:none;width:100%;margin-bottom:20px;padding:14px 18px;font-size:15px;transition:all .25s}.home-modal-form input:focus{background:#ffffff14;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf640}.home-modal-actions{gap:12px;display:flex}.home-modal-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:14px;flex:1;padding:13px 20px;font-size:14px;font-weight:700;transition:all .25s;box-shadow:0 4px 18px #8b5cf666}.home-modal-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf68c}.home-modal-secondary{color:#f1f5f9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:14px;flex:1;padding:13px 20px;font-size:14px;font-weight:700;transition:all .25s}.home-modal-secondary:hover{background:#ffffff26;transform:translateY(-2px)}@media (width<=768px){.home-hero-banner{border-radius:20px;margin-bottom:26px;padding:22px 18px}.home-title{font-size:24px}.home-hero-subtitle{margin-bottom:18px;font-size:13.5px}.home-quick-actions{gap:8px}.home-quick-btn{padding:8px 12px;font-size:12px}.home-playlist-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.home-empty{padding:36px 18px}}.song-card{-webkit-backdrop-filter:blur(20px);background:linear-gradient(145deg,#181826bf,#10101ae0);border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:14px;min-width:0;padding:12px 16px;transition:all .28s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 18px #00000040}.song-card:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle at 100% 0,#8b5cf624,#0000 60%);transition:opacity .3s;position:absolute;inset:0}.song-card:hover{background:linear-gradient(145deg,#1e1e2ed9,#12121ef2);border-color:#8b5cf666;transform:translateY(-3px);box-shadow:0 10px 30px #0006,0 0 24px #8b5cf62e}.song-card:hover:before{opacity:1}.song-image{object-fit:cover;border:1px solid #ffffff14;border-radius:12px;flex-shrink:0;width:64px;height:64px;transition:transform .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px #0006}.song-card:hover .song-image{transform:scale(1.05)}.song-info{z-index:2;flex-direction:column;flex:auto;justify-content:center;gap:4px;min-width:0;display:flex;overflow:hidden}.song-title{color:#f8fafc;-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;margin:0;font-size:14.5px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.song-artist{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12.5px;font-weight:500;overflow:hidden}.song-actions{z-index:2;flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.play-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 14px #8b5cf673}.play-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #ec489999}.queue-song-btn{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;transition:all .2s;display:flex}.queue-song-btn:hover{color:#fff;background:#8b5cf640;border-color:#8b5cf6;transform:scale(1.08)}@media (width<=768px){.song-card{border-radius:15px;gap:12px;padding:10px 12px}.song-image{border-radius:10px;width:52px;height:52px}.song-title{font-size:13.5px;line-height:1.3}.song-artist{font-size:11.5px}.play-btn{width:34px;height:34px;font-size:12px}.queue-song-btn{width:32px;height:32px;font-size:14px}}.search-page{padding-bottom:160px;animation:.4s ease-out searchFadeIn;position:relative}@keyframes searchFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.search-header-container{margin-bottom:24px}.search-title{background:linear-gradient(135deg,#fff 0%,#c4b5fd 50%,#8b5cf6 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:42px;font-weight:800;display:inline-block;position:relative}.search-subtitle{color:#94a3b8;margin:0;font-size:15px;line-height:1.5}.search-input-wrapper{align-items:center;width:100%;margin-bottom:28px;display:flex;position:relative}.search-icon-adornment{color:#8b5cf6;pointer-events:none;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;left:20px}.search-input{color:#fff;-webkit-backdrop-filter:blur(16px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:18px;outline:none;width:100%;height:60px;padding:0 54px 0 56px;font-size:16px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 28px #00000040}.search-input:focus{background:#ffffff12;border-color:#8b5cf6;box-shadow:0 8px 32px #8b5cf640,0 0 0 2px #8b5cf633}.search-clear-input-btn{color:#94a3b8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;right:18px}.search-clear-input-btn:hover{color:#fca5a5;background:#ef444433;border-color:#ef444466;transform:scale(1.08)}.search-suggestions{margin-bottom:30px}.search-suggestion-label{color:#e2e8f0;margin-bottom:12px;font-size:13px;font-weight:700;display:block}.search-suggestions-chips{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.search-suggestion-chip{color:#cbd5e1;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.search-suggestion-chip:hover{color:#fff;background:#8b5cf626;border-color:#8b5cf659;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf633}.search-hint-text{color:#64748b;margin:0;font-size:12px}.results-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;margin-top:24px;display:grid}@media (width<=768px){.search-page{padding-bottom:180px}.search-title{font-size:28px}.search-subtitle{font-size:13.5px}.search-input{height:52px;padding-left:48px;font-size:14.5px}.search-icon-adornment{font-size:16px;left:16px}.results-grid{grid-template-columns:1fr;gap:12px}}.aidj-page{padding-bottom:90px;animation:.5s ease-out aidjFadeIn;position:relative}@keyframes aidjFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.aidj-ambient-glow{filter:blur(100px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.aidj-glow-1{background:radial-gradient(circle,#a855f738 0%,#0000 70%);width:380px;height:380px;top:-40px;left:10%}.aidj-glow-2{background:radial-gradient(circle,#06b6d429 0%,#0000 70%);width:440px;height:440px;top:80px;right:5%}.aidj-hero{z-index:1;justify-content:space-between;align-items:center;gap:30px;margin-bottom:32px;padding:24px 0 10px;display:flex;position:relative}.aidj-hero-content{flex:1;max-width:680px}.aidj-hero-badge{color:#c084fc;letter-spacing:1.2px;background:#a855f724;border:1px solid #a855f759;border-radius:30px;align-items:center;gap:8px;margin-bottom:14px;padding:6px 14px;font-size:11px;font-weight:800;display:inline-flex}.aidj-pulse-dot{background:#a855f7;border-radius:50%;width:8px;height:8px;animation:1.5s infinite aidjDotPulse;box-shadow:0 0 10px #a855f7}@keyframes aidjDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.35)}}.aidj-hero-title{color:#fff;letter-spacing:-.5px;margin:0 0 14px;font-size:46px;font-weight:900;line-height:1.15}.aidj-title-gradient{background:linear-gradient(135deg,#a855f7 0%,#06b6d4 50%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.aidj-hero-subtitle{color:#94a3b8;margin:0;font-size:16px;line-height:1.6}.aidj-hero-subtitle strong{color:#e2e8f0}.aidj-turntable-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;align-items:center;gap:16px;padding:20px 24px;display:flex}.aidj-vinyl{background:#111;border:3px solid #222;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;display:flex;position:relative;box-shadow:0 8px 24px #0009,inset 0 0 10px #ffffff0d}.aidj-vinyl.spinning{animation:3s linear infinite vinylSpin}@keyframes vinylSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.aidj-vinyl-grooves{border:1px dashed #ffffff1f;border-radius:50%;width:68px;height:68px;position:absolute}.aidj-vinyl-center{z-index:2;color:#fff;background:linear-gradient(135deg,#a855f7 0%,#06b6d4 100%);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex;position:relative;box-shadow:0 0 12px #a855f780}.aidj-equalizer{align-items:flex-end;gap:4px;height:22px;display:flex}.aidj-equalizer span{background:linear-gradient(#06b6d4,#a855f7);border-radius:2px;width:4px;animation:1.2s ease-in-out infinite alternate djEqWave}.aidj-equalizer span:first-child{height:35%;animation-delay:.1s}.aidj-equalizer span:nth-child(2){height:80%;animation-delay:.3s}.aidj-equalizer span:nth-child(3){height:50%;animation-delay:.2s}.aidj-equalizer span:nth-child(4){height:95%;animation-delay:.4s}.aidj-equalizer span:nth-child(5){height:40%;animation-delay:.15s}@keyframes djEqWave{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.aidj-console-card{z-index:1;-webkit-backdrop-filter:blur(24px);background:linear-gradient(145deg,#1a1130e0 0%,#0f0a20f0 100%);border:1px solid #a855f747;border-radius:24px;padding:28px 32px;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000008c,0 0 60px #7c3aed1f}.aidj-card-glow-mesh{filter:blur(60px);pointer-events:none;z-index:0;background:radial-gradient(circle,#a855f738 0%,#06b6d41a 60%,#0000 80%);width:320px;height:320px;position:absolute;top:-80px;right:-80px}.aidj-quick-vibes{z-index:1;margin-bottom:22px;position:relative}.aidj-quick-label{color:#fb923c;text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:6px;margin-bottom:10px;font-size:13px;font-weight:700;display:inline-flex}.aidj-quick-chips-scroll{scrollbar-width:thin;scrollbar-color:#a855f74d transparent;gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.aidj-vibe-chip{color:#e2e8f0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;flex-shrink:0;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.aidj-vibe-chip:hover:not(:disabled){color:#fff;background:#a855f733;border-color:#a855f773;transform:translateY(-2px);box-shadow:0 4px 14px #a855f740}.aidj-input-grid{z-index:1;grid-template-columns:1fr 220px;gap:18px;margin-bottom:22px;display:grid;position:relative}.aidj-input-label{color:#cbd5e1;align-items:center;gap:6px;margin-bottom:8px;font-size:13px;font-weight:700;display:flex}.aidj-input-wrap{align-items:center;display:flex;position:relative}.aidj-text-input{color:#fff;background:#0a0814b3;border:1px solid #ffffff1f;border-radius:14px;outline:none;width:100%;height:54px;padding:0 48px 0 18px;font-size:14px;transition:all .25s}.aidj-text-input:focus{background:#0f0a1ce6;border-color:#a855f7;box-shadow:0 0 20px #a855f74d}.aidj-clear-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:4px;font-size:14px;transition:color .2s;position:absolute;right:14px}.aidj-clear-btn:hover{color:#fff}.aidj-duration-input-wrapper{background:#0a0814b3;border:1px solid #ffffff1f;border-radius:14px;align-items:center;height:54px;padding:0 12px;transition:all .25s;display:flex;position:relative}.aidj-duration-input-wrapper:focus-within{border-color:#06b6d4;box-shadow:0 0 20px #06b6d44d}.aidj-duration-number-input{color:#38bdf8;background:0 0;border:none;outline:none;flex:1;width:80px;font-size:24px;font-weight:800}.aidj-duration-unit-badge{color:#94a3b8;text-transform:uppercase;letter-spacing:.8px;font-size:12px;font-weight:700}.aidj-estimate-tag{color:#64748b;margin-top:6px;font-size:11px;display:block}.aidj-actions-row{z-index:1;gap:12px;margin-bottom:24px;display:flex;position:relative}.aidj-generate-main-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a855f7 0%,#7c3aed 50%,#4f46e5 100%);border:none;border-radius:14px;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:800;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 8px 24px #7c3aed66}.aidj-generate-main-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 12px 30px #7c3aed99}.aidj-generating-action-bar{background:#a855f71f;border:1px solid #a855f74d;border-radius:14px;justify-content:space-between;align-items:center;width:100%;padding:12px 18px;display:flex}.aidj-generating-status-live{color:#e2e8f0;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.aidj-spin-icon{color:#a855f7;font-size:16px;animation:1s linear infinite spinIcon}@keyframes spinIcon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.aidj-cancel-btn{color:#fca5a5;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.aidj-cancel-btn:hover{color:#fff;background:#ef44444d}.aidj-progress-hud{z-index:1;background:#0a0816d9;border:1px solid #ffffff14;border-radius:16px;margin-top:24px;padding:20px;position:relative}.aidj-hud-top-row{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;display:flex}.aidj-hud-status-text{color:#e2e8f0;align-items:center;gap:8px;font-weight:700;display:flex}.aidj-hud-pulse-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:1.2s infinite aidjDotPulse;box-shadow:0 0 10px #22c55e}.aidj-hud-track-count{color:#94a3b8;font-weight:600}.aidj-progress-bar-bg{background:#ffffff14;border-radius:4px;width:100%;height:8px;margin-bottom:18px;overflow:hidden}.aidj-progress-bar-fill{background:linear-gradient(90deg,#a855f7 0%,#06b6d4 100%);border-radius:4px;height:100%;transition:width .4s}.aidj-now-playing-banner{background:#a855f71f;border:1px solid #a855f747;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:12px 16px;display:flex}.aidj-np-left{align-items:center;gap:12px;min-width:0;display:flex}.aidj-np-thumb{object-fit:cover;border-radius:10px;flex-shrink:0;width:48px;height:48px}.aidj-np-info{min-width:0}.aidj-np-label{color:#c084fc;margin-bottom:2px;font-size:11px;font-weight:700;display:block}.aidj-np-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;display:block;overflow:hidden}.aidj-np-artist{color:#94a3b8;margin:2px 0 0;font-size:12px}.aidj-np-right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.aidj-live-wave{align-items:flex-end;gap:3px;height:16px;display:flex}.aidj-live-wave span{background:#22c55e;border-radius:2px;width:3px;animation:.8s ease-in-out infinite alternate waveBar}.aidj-live-wave span:first-child{height:40%;animation-delay:.1s}.aidj-live-wave span:nth-child(2){height:100%;animation-delay:.25s}.aidj-live-wave span:nth-child(3){height:60%;animation-delay:.4s}.aidj-np-sync-tag{color:#22c55e;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.aidj-hud-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.aidj-toggle-list-btn{color:#cbd5e1;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-size:13px;font-weight:600;transition:color .2s;display:flex}.aidj-toggle-list-btn:hover{color:#fff}.aidj-hud-right{align-items:center;gap:10px;display:flex}.aidj-save-playlist-btn{color:#86efac;cursor:pointer;background:linear-gradient(135deg,#22c55e38 0%,#10b98147 100%);border:1px solid #22c55e73;border-radius:12px;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.aidj-save-playlist-btn:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#22c55e59 0%,#10b98166 100%);transform:translateY(-1px);box-shadow:0 4px 14px #22c55e4d}.aidj-save-playlist-btn.saved{color:#4ade80;cursor:default;background:#22c55e33;border-color:#22c55e}.aidj-tracks-stream-grid{scrollbar-width:thin;scrollbar-color:#a855f74d transparent;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;max-height:320px;padding-right:4px;display:grid;overflow-y:auto}.aidj-track-row{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;transition:all .2s;display:flex}.aidj-track-row:hover{background:#a855f726;border-color:#a855f759;transform:translate(3px)}.aidj-track-row.is-active{background:#a855f740;border-color:#a855f7}.aidj-track-idx{color:#fff6;min-width:22px;font-size:11px;font-weight:700}.aidj-track-thumb{object-fit:cover;border-radius:8px;flex-shrink:0;width:40px;height:40px}.aidj-track-details{flex:1;min-width:0}.aidj-track-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:600;overflow:hidden}.aidj-track-artist{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;margin:2px 0 0;font-size:11px;display:flex;overflow:hidden}.aidj-track-dur-badge{color:#64748b;font-size:10px}.aidj-track-play-btn{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.aidj-track-row:hover .aidj-track-play-btn{background:#a855f7;transform:scale(1.1)}@media (width<=860px){.aidj-hero{flex-direction:column;align-items:flex-start}.aidj-turntable-card{flex-direction:row;justify-content:space-between;width:100%}.aidj-input-grid{grid-template-columns:1fr}.aidj-hero-title{font-size:36px}.aidj-console-card{padding:20px 16px}}.settings-page{color:#fff;max-width:820px;margin:0 auto;padding:32px 20px 160px;animation:.4s cubic-bezier(.16,1,.3,1) fadeSettings}@keyframes fadeSettings{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.settings-header{margin-bottom:32px}.settings-badge{letter-spacing:1px;color:#c4b5fd;text-transform:uppercase;background:#8b5cf61f;border:1px solid #8b5cf64d;border-radius:9999px;align-items:center;margin-bottom:12px;padding:5px 13px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 0 14px #8b5cf626}.settings-header h1{letter-spacing:-.5px;background:linear-gradient(135deg,#fff 30%,#ddd6fe 70%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:34px;font-weight:900}.settings-subtitle{color:#94a3b8;margin:0;font-size:15px;line-height:1.5}.settings-card{-webkit-backdrop-filter:blur(24px);background:linear-gradient(145deg,#181826b3,#0d0d16d9);border:1px solid #ffffff14;border-radius:20px;margin-bottom:22px;padding:26px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px #00000059}.settings-card:hover{border-color:#8b5cf64d;box-shadow:0 16px 40px #00000073}.settings-card-header{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.settings-icon{color:#a78bfa;flex-shrink:0;margin-top:3px;font-size:22px}.settings-card-header h2{color:#f1f5f9;letter-spacing:-.2px;margin:0 0 4px;font-size:19px;font-weight:800}.settings-card-header p{color:#94a3b8;margin:0;font-size:13.5px;line-height:1.45}.avatar-settings-card{background:linear-gradient(145deg,#8b5cf61f,#0f0f19d9);border:1px solid #8b5cf640;align-items:center;gap:24px;display:flex}.avatar-settings-preview{flex-shrink:0;position:relative}.avatar-camera-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:2px solid #0b0b14;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:-2px;right:-2px;box-shadow:0 4px 12px #8b5cf680}.avatar-camera-btn:hover{transform:scale(1.12);box-shadow:0 6px 18px #8b5cf6b3}.avatar-settings-info{flex:1;min-width:0}.avatar-settings-info h2{color:#fff;margin:0 0 6px;font-size:20px;font-weight:800}.avatar-settings-info p{color:#94a3b8;margin:0 0 16px;font-size:13.5px;line-height:1.45}.avatar-settings-actions{flex-wrap:wrap;gap:12px;display:flex}.settings-action-btn{cursor:pointer;border-radius:12px;align-items:center;padding:9px 18px;font-size:13.5px;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.settings-action-btn.primary{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;box-shadow:0 4px 14px #8b5cf659}.settings-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf680}.settings-action-btn.secondary{color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff1f}.settings-action-btn.secondary:hover{color:#fff;background:#ffffff1a}.settings-input-group{align-items:center;gap:12px;display:flex}.settings-input-group input{color:#fff;background:#0a0a1299;border:1px solid #ffffff1a;border-radius:12px;outline:none;flex:1;padding:13px 18px;font-size:14px;transition:all .25s}.settings-input-group input:focus{background:#0f0f18e6;border-color:#8b5cf699;box-shadow:0 0 0 3px #8b5cf62e,0 0 20px #8b5cf626}.settings-save-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:12px;align-items:center;padding:13px 24px;font-size:13.5px;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 4px 14px #8b5cf659}.settings-save-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf680}.settings-toggle-row{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.settings-toggle-row:first-of-type{border-top:none;padding-top:0}.settings-toggle-row strong{color:#f1f5f9;margin-bottom:3px;font-size:14.5px;display:block}.settings-toggle-row p{color:#94a3b8;margin:0;font-size:13px;line-height:1.4}.settings-switch{flex-shrink:0;width:48px;height:26px;display:inline-block;position:relative}.settings-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ffffff1f;border-radius:34px;transition:all .3s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:4px;left:4px;box-shadow:0 2px 6px #00000059}input:checked+.slider{background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 0 12px #8b5cf666}input:checked+.slider:before{transform:translate(22px)}.danger{background:linear-gradient(145deg,#ef444414,#10101ad9)!important;border:1px solid #ef444440!important}.danger-icon{color:#f87171!important}.reset-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:12px;align-items:center;padding:11px 22px;font-size:13.5px;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 4px 16px #dc26264d}.reset-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);transform:translateY(-2px);box-shadow:0 8px 24px #dc262673}.brave-guide-card{background:linear-gradient(145deg,#f9731614,#10101ae6)!important;border:1px solid #f9731659!important}.brave-guide-steps{flex-direction:column;gap:14px;margin-top:10px;display:flex}.bg-step-item{background:#ffffff08;border:1px solid #ffffff12;border-radius:14px;align-items:flex-start;gap:14px;padding:16px;transition:all .2s;display:flex}.bg-step-item:hover{background:#ffffff0f;border-color:#f973164d}.bg-step-num{color:#fff;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:800;display:flex;box-shadow:0 2px 10px #f9731666}.bg-step-info{flex:1}.bg-step-info strong{color:#f1f5f9;margin-bottom:4px;font-size:14.5px;display:block}.bg-step-info p{color:#94a3b8;margin:0;font-size:13px;line-height:1.5}.bg-step-info em{color:#fdba74;font-style:normal;font-weight:600}.brave-verified-tag{color:#4ade80;background:#22c55e26;border:1px solid #22c55e59;border-radius:6px;margin-top:8px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}@media (width<=640px){.settings-page{padding:20px 14px 180px}.settings-header h1{font-size:28px}.avatar-settings-card{text-align:center;flex-direction:column;align-items:center}.avatar-settings-actions{justify-content:center}.settings-input-group{flex-direction:column}.settings-input-group input,.settings-save-btn{justify-content:center;width:100%}}.room-page{color:#fff;flex-direction:column;gap:28px;padding-bottom:160px;animation:.4s roomFade;display:flex}.join-session-card{text-align:center;background:linear-gradient(145deg,#181826cc,#0d0d16e6);border:1px solid #8b5cf640;border-radius:26px;max-width:540px;margin:40px auto;padding:36px 30px;box-shadow:0 16px 48px #00000073,0 0 32px #8b5cf626}.join-session-badge{color:#c4b5fd;letter-spacing:1px;background:#8b5cf626;border:1px solid #8b5cf659;border-radius:9999px;align-items:center;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-flex}.join-session-header h2{background:linear-gradient(135deg,#fff 30%,#ddd6fe 70%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:26px;font-weight:800}.join-session-header p{color:#94a3b8;margin:0 0 24px;font-size:14px;line-height:1.5}.join-session-user-box{text-align:left;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:14px;margin-bottom:22px;padding:14px 18px;display:flex}.join-session-user-info strong{color:#f1f5f9;font-size:16px;font-weight:700;display:block}.join-session-user-info span{color:#94a3b8;font-size:12.5px}.join-session-form{flex-direction:column;gap:16px;display:flex}.join-session-input{color:#fff;letter-spacing:1.5px;text-align:center;box-sizing:border-box;background:#0a0a12b3;border:1px solid #ffffff1a;border-radius:14px;outline:none;width:100%;padding:14px 18px;font-size:15px;font-weight:700;transition:all .25s}.join-session-input:focus{background:#0f0f19f2;border-color:#8b5cf699;box-shadow:0 0 0 3px #8b5cf633,0 0 20px #8b5cf633}.join-session-btn-row{gap:12px;display:flex}.join-session-btn{cursor:pointer;border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:6px;padding:13px 20px;font-size:14px;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.join-session-btn.create-btn{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 4px 16px #8b5cf659}.join-session-btn.create-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf68c}.join-session-btn.join-btn{color:#fff;background:linear-gradient(135deg,#0284c7,#0369a1);box-shadow:0 4px 16px #0284c759}.join-session-btn.join-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #0284c78c}.join-session-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.room-top{-webkit-backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffffff0d,#ffffff05);border:1px solid #ffffff0d;border-radius:26px;justify-content:space-between;align-items:center;padding:28px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #0003}.room-top:before{content:"";opacity:.14;filter:blur(90px);background:#7c3aed;border-radius:50%;width:260px;height:260px;position:absolute;top:-120px;right:-100px}.room-title h1{background:linear-gradient(135deg,#fff 0%,#c4b5fd 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:42px;font-weight:800}.room-title p{color:#9ca3af;font-size:16px}.room-status{color:#4ade80;align-items:center;gap:12px;font-size:17px;font-weight:700;display:flex}.status-dot{background:#22c55e;border-radius:50%;width:13px;height:13px;animation:2s ease-in-out infinite statusPulse;box-shadow:0 0 18px #22c55e}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.room-top-right-bar{z-index:2;align-items:center;gap:20px;display:flex}.leave-room-btn{-webkit-backdrop-filter:blur(14px);color:#fca5a5;letter-spacing:.3px;cursor:pointer;background:linear-gradient(135deg,#ef444424 0%,#b91c1c12 100%);border:1px solid #f8717147;border-radius:16px;align-items:center;gap:10px;padding:8px 18px 8px 10px;font-size:13.5px;font-weight:600;transition:all .35s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 18px #ef444426,inset 0 1px 1px #ffffff1f}.leave-room-btn:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff38 50%,#0000 100%);width:60%;height:220%;transition:transform .65s cubic-bezier(.16,1,.3,1);position:absolute;top:-60%;left:-70%;transform:rotate(25deg)}.leave-room-btn:after{content:"";pointer-events:none;border-radius:16px;transition:box-shadow .35s;position:absolute;inset:0;box-shadow:inset 0 0 12px #ef444400}.leave-btn-icon-wrapper{color:#f87171;background:#ef444433;border:1px solid #f8717152;border-radius:10px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex}.leave-btn-label{z-index:1;transition:color .25s;position:relative}.leave-room-btn:hover{color:#fff;background:linear-gradient(135deg,#ef444442 0%,#dc26262e 100%);border-color:#f87171bf;transform:translateY(-2px);box-shadow:0 6px 25px #ef444461,0 0 20px #ef444438,inset 0 1px 2px #ffffff40}.leave-room-btn:hover:before{transform:rotate(25deg)translate(360%)}.leave-room-btn:hover:after{box-shadow:inset 0 0 14px #ef444459}.leave-room-btn:hover .leave-btn-icon-wrapper{color:#fff;background:#ef4444;border-color:#f87171;transform:translate(2px)scale(1.08);box-shadow:0 0 14px #ef4444cc}.leave-room-btn:active{transform:translateY(0)scale(.97);box-shadow:0 2px 10px #ef44444d}.room-stats{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.stat-card{-webkit-backdrop-filter:blur(20px);text-align:center;background:linear-gradient(145deg,#ffffff0d,#ffffff06);border:1px solid #ffffff0d;border-radius:22px;padding:24px;transition:all .35s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #00000026}.stat-card:hover{border-color:#7c3aed33;transform:translateY(-6px);box-shadow:0 12px 36px #0000004d,0 0 24px #7c3aed1a}.stat-card span{font-size:30px}.stat-card h2{background:linear-gradient(135deg,#c4b5fd,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:12px 0;font-size:32px}.stat-card p{color:#9ca3af}.room-grid{grid-template-columns:280px 1fr;align-items:start;gap:22px;display:grid}.left-column{flex-direction:column;grid-column:1;gap:20px;display:flex}.right-column{flex-direction:column;grid-column:2;gap:20px;display:flex}.room-card{-webkit-backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffffff0d,#ffffff05);border:1px solid #ffffff0d;border-radius:24px;padding:22px;box-shadow:0 4px 20px #00000026}.room-card h2{margin-bottom:18px;font-size:24px;font-weight:700}.member{background:#ffffff05;border:1px solid #ffffff0a;border-radius:16px;justify-content:space-between;align-items:center;margin-top:14px;padding:14px;transition:all .25s;display:flex}.member.is-speaking{background:#10b98114;border-color:#10b98159;box-shadow:0 0 16px #10b98126}.member:hover{background:#ffffff0a;border-color:#ffffff14;transform:translate(4px)}.member.is-speaking:hover{background:#10b9811f;border-color:#10b98180}.member-left{align-items:center;gap:14px;display:flex}.member-avatar-box{justify-content:center;align-items:center;display:inline-flex;position:relative}.avatar-speaking-glow{pointer-events:none;border:2px solid #10b981;border-radius:50%;animation:1.2s infinite speakingPulse;position:absolute;inset:-4px;box-shadow:0 0 12px #10b981cc}@keyframes speakingPulse{0%{opacity:.9;transform:scale(.96)}50%{opacity:.3;transform:scale(1.08)}to{opacity:.9;transform:scale(.96)}}.member-info-col{flex-direction:column;gap:4px;display:flex}.member-name-row{align-items:center;gap:8px;display:flex}.voice-talking-bars{background:#10b98126;border:1px solid #10b98159;border-radius:6px;align-items:flex-end;gap:2.5px;height:14px;padding:2px 5px;display:inline-flex}.voice-bar{background:linear-gradient(#34d399 0%,#10b981 100%);border-radius:2px;width:3px;animation:.75s ease-in-out infinite alternate voiceBarWave}.voice-bar.bar-1{height:5px;animation-delay:50ms}.voice-bar.bar-2{height:12px;animation-delay:.25s}.voice-bar.bar-3{height:8px;animation-delay:.15s}.voice-bar.bar-4{height:11px;animation-delay:.35s}@keyframes voiceBarWave{0%{opacity:.4;height:3px}50%{opacity:1;height:13px}to{opacity:.6;height:5px}}.avatar{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-weight:700;display:flex;box-shadow:0 0 18px #7c3aed59}.online,.member-voice-dot{border-radius:50%;flex-shrink:0;width:11px;min-width:11px;height:11px;min-height:11px;transition:all .3s}.online,.member-voice-dot.voice-joined{background:#22c55e;animation:1.8s infinite onlinePulse;box-shadow:0 0 6px #22c55e}.member-voice-dot.voice-not-joined{background:#ef4444;box-shadow:0 0 8px #ef4444b3}@keyframes onlinePulse{0%{box-shadow:0 0 #22c55e}to{box-shadow:0 0 0 10px #0000}}.room-member-host-badge{color:#fde047;letter-spacing:.3px;background:linear-gradient(135deg,#eab30838 0%,#ca8a041f 100%);border:1px solid #eab30873;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 0 10px #eab30833}.room-member-game-badge{cursor:default;-webkit-user-select:none;user-select:none;background:#a855f729;border:1px solid #a855f759;border-radius:8px;justify-content:center;align-items:center;padding:2px 6px;font-size:13.5px;transition:transform .2s;display:inline-flex;box-shadow:0 0 8px #a855f740}.room-member-game-badge:hover{transform:scale(1.2)}.room-member-kick-btn{color:#fca5a5;cursor:pointer;background:linear-gradient(135deg,#ef44442e 0%,#b91c1c14 100%);border:1px solid #ef444459;border-radius:10px;align-items:center;gap:4px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 8px #ef444426}.room-member-kick-btn:hover{color:#fff;background:#ef444459;border-color:#f87171bf;transform:translateY(-1px)scale(1.05);box-shadow:0 4px 14px #ef444473}.room-member-kick-btn:active{transform:translateY(0)scale(.97)}.room-music-section{grid-template-columns:1fr 1fr;align-items:stretch;gap:16px;display:grid}.now-playing-card.compact{flex-direction:column;min-width:0;min-height:180px;padding:18px 20px;display:flex}.now-playing-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.now-playing-header h2{color:#f3f4f6;letter-spacing:-.2px;margin:0;font-size:15px;font-weight:700}.playing-card.compact{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.ambient-album-glow-wrap.room-size-compact{flex-shrink:0;width:68px;height:68px;position:relative}.ambient-album-glow-wrap.room-size-compact .ambient-album-glow{filter:blur(14px);opacity:.35;pointer-events:none;z-index:0;background-position:50%;background-size:cover;border-radius:18px;transition:opacity .5s,filter .5s;position:absolute;inset:-4px}.ambient-album-glow-wrap.room-size-compact.playing .ambient-album-glow{opacity:.88;filter:blur(18px);animation:3s ease-in-out infinite alternate albumGlowBreathe}.ambient-album-glow-wrap.room-size-compact .playing-cover.compact{z-index:1;object-fit:cover;border:1px solid #ffffff1f;border-radius:14px;width:100%;height:100%;position:relative;box-shadow:0 8px 20px #00000073}.playing-card.compact.is-paused .playing-cover.compact{filter:grayscale(25%);opacity:.85}.playing-info.compact{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.room-playing-status-pill.compact{color:#c4b5fd;background:#7c3aed26;border:1px solid #7c3aed52;border-radius:14px;align-items:center;gap:6px;width:fit-content;margin-bottom:6px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.playing-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:all .3s}.playing-dot.live{background:#22c55e;animation:1.2s ease-in-out infinite livePulse;box-shadow:0 0 8px #22c55e}.playing-dot.paused{background:#eab308;box-shadow:0 0 8px #eab308}@keyframes livePulse{0%,to{transform:scale(.9);box-shadow:0 0 6px #ef4444b3}50%{transform:scale(1.3);box-shadow:0 0 18px #ef4444}}.playing-status-text{letter-spacing:.2px;font-size:11px;font-weight:600}.music-wave-visualizer.mini{align-items:flex-end;gap:2px;height:11px;margin-left:2px;display:inline-flex}.music-wave-visualizer.mini .wave-bar{background:linear-gradient(#c084fc,#a78bfa);border-radius:2px;width:2px}.playing-info.compact h3{white-space:nowrap;text-overflow:ellipsis;color:#f3f4f6;letter-spacing:-.2px;margin:0 0 3px;font-size:15px;font-weight:700;overflow:hidden}.playing-info.compact p{white-space:nowrap;text-overflow:ellipsis;color:#9ca3af;margin:0;font-size:12px;overflow:hidden}.nothing-playing.compact{color:#6b7280;flex:1;justify-content:center;align-items:center;min-height:80px;font-size:13px;font-style:italic;display:flex}.room-card.room-queue-card{flex-direction:column;min-width:0;min-height:180px;padding:18px 20px;display:flex}.room-queue-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.room-queue-header h2{color:#f3f4f6;letter-spacing:-.2px;white-space:nowrap;margin:0;font-size:15px;font-weight:700}.room-play-next{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:4px;padding:5px 12px;font-size:11px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 8px #7c3aed40}.room-play-next:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#7c3aed);transform:translateY(-1px);box-shadow:0 4px 14px #7c3aed73}.room-play-next:active:not(:disabled){transform:translateY(0)}.room-play-next:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;transform:none}.room-queue-scrollable{flex-direction:column;flex:1;gap:6px;max-height:115px;padding-right:4px;display:flex;overflow-y:auto}.room-queue-scrollable::-webkit-scrollbar{width:4px}.room-queue-scrollable::-webkit-scrollbar-track{background:0 0}.room-queue-scrollable::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.room-queue-scrollable::-webkit-scrollbar-thumb:hover{background:#7c3aed80}.room-queue-empty{text-align:center;color:#6b7280;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:75px;display:flex}.room-queue-empty p{color:#9ca3af;margin:0;font-size:13px;font-weight:600}.room-queue-empty small{color:#6b7280;font-size:11px}.room-queue-song{background:#ffffff08;border:1px solid #ffffff0a;border-radius:10px;align-items:center;gap:10px;min-width:0;padding:6px 8px;transition:all .2s;display:flex}.room-queue-song:hover{background:#ffffff0f;border-color:#7c3aed33;transform:translate(2px)}.room-queue-num{color:#a78bfa;text-align:center;flex-shrink:0;min-width:14px;font-size:11px;font-weight:700}.room-queue-thumb{object-fit:cover;border:1px solid #ffffff14;border-radius:8px;flex-shrink:0;width:38px;height:38px;box-shadow:0 2px 8px #00000059}.room-queue-info{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.room-queue-info strong{color:#f3f4f6;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;display:block;overflow:hidden}.room-queue-info p{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;overflow:hidden}.room-queue-adder{color:#c4b5fd;white-space:nowrap;text-overflow:ellipsis;background:#7c3aed26;border:1px solid #7c3aed40;border-radius:8px;flex-shrink:0;max-width:90px;padding:2px 7px;font-size:10px;font-weight:600;overflow:hidden}@keyframes roomFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.invite-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#ffffff0a,#ffffff04);border:1px solid #7c3aed33;border-radius:18px;margin-top:18px;padding:20px;box-shadow:0 4px 16px #00000026}.invite-box p{margin-bottom:10px;font-weight:700}.invite-box input{color:#fff;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;outline:none;width:100%;margin-bottom:15px;padding:12px;transition:border-color .2s}.invite-box input:focus{border-color:#7c3aed66}.invite-buttons{gap:12px;display:flex}.invite-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#7c3aed,#5b21b6);border:none;border-radius:12px;flex:1;padding:12px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #7c3aed40}.invite-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed59,0 0 20px #7c3aed1a}.invite-btn.qr-btn{background:linear-gradient(135deg,#7c3aed,#6366f1);justify-content:center;align-items:center;gap:8px;display:inline-flex}.invite-btn.copy-btn{background:#ffffff14;border:1px solid #ffffff26;justify-content:center;align-items:center;gap:8px;display:inline-flex}.invite-btn.copy-btn.copied{background:#10b981;border-color:#10b981}.copy-room-btn{color:#c4b5fd;cursor:pointer;background:#7c3aed33;border:1px solid #7c3aed66;border-radius:8px;align-items:center;gap:6px;margin-left:10px;padding:5px 12px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.copy-room-btn:hover{color:#fff;background:#7c3aed59;transform:translateY(-1px)}@media (width<=768px){.room-page{gap:12px;padding:10px 10px 180px}.room-top{border-radius:18px;flex-direction:column;align-items:flex-start;gap:10px;padding:14px;display:flex}.room-title h1{margin:0;font-size:22px}.room-code{gap:6px;margin-top:4px;font-size:12px}.room-code strong{letter-spacing:1px;font-size:16px}.copy-room-btn{width:30px;height:30px;font-size:11px}.room-status{font-size:13px}.room-top-right-bar{justify-content:space-between;gap:12px;width:100%;margin-top:6px}.leave-room-btn{border-radius:12px;padding:6px 14px 6px 8px;font-size:12px}.leave-btn-icon-wrapper{width:24px;height:24px;font-size:11px}.room-grid{flex-direction:column;gap:12px;display:flex}.left-column,.right-column{flex-direction:column;gap:12px;width:100%;display:flex}.room-music-section{grid-template-columns:1fr;gap:12px}.now-playing-card.compact,.room-card.room-queue-card{min-height:auto;padding:14px 16px}.ambient-album-glow-wrap.room-size-compact,.playing-cover.compact{width:58px;height:58px}.room-queue-scrollable{max-height:110px}.nothing-playing.compact{min-height:60px;font-size:12px}.chat-box{height:300px}.chat-header{padding:12px 14px;font-size:18px}.chat-input{gap:8px;padding:10px}.chat-input input{height:38px;font-size:13px}.chat-input button{width:80px;height:38px;font-size:13px}}.room-voice-controls-wrapper{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#ffffff0d,#ffffff05);border:1px solid #7c3aed40;border-radius:20px;align-items:center;gap:16px;padding:10px 18px;display:flex;box-shadow:0 4px 18px #0003}.room-voice-status{color:#c4b5fd;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.voice-status-indicator-dot{background:#6b7280;border-radius:50%;width:10px;height:10px;transition:all .3s}.voice-status-indicator-dot.active{background:#22c55e;box-shadow:0 0 10px #22c55e}.voice-status-indicator-dot.connecting{background:#eab308;animation:1.2s infinite statusPulse;box-shadow:0 0 10px #eab308}.room-voice-actions{align-items:center;gap:10px;display:flex}.room-voice-toggle-btn{cursor:pointer;border:none;border-radius:14px;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 12px #0003}.room-voice-toggle-btn:hover{transform:translateY(-2px)}.room-voice-toggle-btn.mic-on{color:#4ade80;background:linear-gradient(135deg,#22c55e40,#16a34a26);border:1px solid #22c55e80}.room-voice-toggle-btn.mic-on:hover{background:linear-gradient(135deg,#22c55e59,#16a34a40);box-shadow:0 6px 18px #22c55e40}.room-voice-toggle-btn.mic-off{color:#f87171;background:linear-gradient(135deg,#ef444440,#dc262626);border:1px solid #ef444480}.room-voice-toggle-btn.mic-off:hover{background:linear-gradient(135deg,#ef444459,#dc262640);box-shadow:0 6px 18px #ef444440}.room-voice-toggle-btn.speaker-on{color:#c4b5fd;background:linear-gradient(135deg,#7c3aed4d,#5b21b633);border:1px solid #7c3aed80}.room-voice-toggle-btn.speaker-on:hover{background:linear-gradient(135deg,#7c3aed66,#5b21b64d);box-shadow:0 6px 18px #7c3aed4d}.room-voice-toggle-btn.speaker-off{color:#f87171;background:linear-gradient(135deg,#ef444440,#dc262626);border:1px solid #ef444480}.room-voice-toggle-btn.speaker-off:hover{background:linear-gradient(135deg,#ef444459,#dc262640);box-shadow:0 6px 18px #ef444440}.room-voice-join-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:14px;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #10b98166}.room-voice-join-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #10b98199}.room-voice-join-btn:disabled{opacity:.65;cursor:not-allowed}.room-voice-leave-btn{cursor:pointer;color:#fca5a5;background:linear-gradient(135deg,#ef444433,#b91c1c26);border:1px solid #ef444466;border-radius:14px;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 12px #ef444433}.room-voice-leave-btn:hover{color:#fff;background:linear-gradient(135deg,#ef444459,#b91c1c40);transform:translateY(-2px);box-shadow:0 6px 18px #ef444459}.room-voice-error-text{color:#fca5a5;font-size:11px}.member-right{align-items:center;gap:12px;display:flex}.member-voice-status{align-items:center;gap:6px;display:flex}.member-mic,.member-speaker{border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;transition:all .2s;display:inline-flex}.member-mic.on{color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d}.member-mic.off,.member-speaker.off{color:#f87171;background:#ef444426;border:1px solid #ef44444d}@media (width<=768px){.room-voice-controls-wrapper{flex-direction:column;align-items:flex-start;gap:10px;width:100%;padding:12px}.room-voice-actions{gap:8px;width:100%}.room-voice-toggle-btn,.room-voice-join-btn,.room-voice-leave-btn{flex:1;justify-content:center;padding:8px 12px;font-size:12px}}.room-queue-auto-badge{color:#d8b4fe;background:#a855f733;border:1px solid #a855f759;border-radius:8px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.chat-box{background:#18181f;border:1px solid #ffffff0d;border-radius:18px;flex-direction:column;height:420px;min-height:340px;max-height:420px;display:flex;overflow:hidden}.chat-box h2{border-bottom:1px solid #ffffff0f;margin:0;padding:14px 18px;font-size:20px}.chat-messages{flex-direction:column;flex:1;gap:10px;padding:14px;display:flex;overflow:hidden auto}.chat-message{border-radius:16px;width:fit-content;max-width:72%;padding:8px 12px;animation:.2s pop}.chat-message.mine{background:linear-gradient(135deg,#7c3aed,#5b21b6);border-bottom-right-radius:5px;align-self:flex-end}.chat-message.other{background:#262636;border-bottom-left-radius:5px;align-self:flex-start}.chat-user-row{align-items:center;gap:6px;margin-bottom:4px;display:flex}.chat-user{color:#b794f4;font-size:12px;font-weight:700;display:inline-block}.chat-text{color:#fff;word-break:break-word;margin:0;font-size:14px;line-height:1.35}.chat-time{text-align:right;color:#9ca3af;margin-top:4px;font-size:10px;display:block}.chat-input{border-top:1px solid #ffffff0f;gap:8px;padding:12px;display:flex}.chat-input input{color:#fff;background:#252533;border:none;border-radius:10px;outline:none;flex:1;height:42px;padding:0 14px;font-size:14px}.chat-input button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#4f46e5);border:none;border-radius:10px;width:90px;font-weight:600}@keyframes pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (width<=768px){.chat-box{height:300px;max-height:300px}.chat-box h2{padding:12px 14px;font-size:17px}.chat-messages{gap:8px;padding:10px}.chat-message{max-width:78%;padding:7px 10px}.chat-user{font-size:11px}.chat-text{font-size:13px}.chat-time{font-size:9px}.chat-input{flex-direction:row;gap:6px;padding:10px}.chat-input input{height:36px;font-size:12px}.chat-input button{width:70px;height:36px;font-size:12px}}.share-modal-backdrop{z-index:999999;-webkit-backdrop-filter:blur(14px);background:#08080ed1;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.share-modal-card{color:#fff;background:#141420;border:1px solid #7c3aed59;border-radius:20px;flex-direction:column;gap:16px;width:100%;max-width:400px;padding:24px;animation:.25s cubic-bezier(.16,1,.3,1) modalScaleUp;display:flex;box-shadow:0 16px 40px #000000b3,0 0 30px #7c3aed33}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.share-modal-header{justify-content:space-between;align-items:center;display:flex}.share-modal-title{align-items:center;gap:10px;display:flex}.share-modal-icon{font-size:22px}.share-modal-title h3{color:#f3f4f6;letter-spacing:-.2px;margin:0;font-size:20px;font-weight:700}.share-modal-close-btn{color:#9ca3af;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.share-modal-close-btn:hover{color:#f87171;background:#ef444440}.share-room-badge-wrap{justify-content:center;display:flex}.share-room-badge{background:#7c3aed26;border:1px solid #7c3aed66;border-radius:30px;align-items:center;gap:8px;padding:6px 14px;display:inline-flex}.room-badge-lbl{color:#c084fc;letter-spacing:.8px;font-size:11px;font-weight:700}.room-badge-val{color:#fff;letter-spacing:1px;font-size:16px;font-weight:800}.share-qr-section{flex-direction:column;align-items:center;gap:10px;display:flex}.share-qr-frame{background:#161622;border:2px solid #7c3aed66;border-radius:16px;justify-content:center;align-items:center;width:200px;height:200px;padding:10px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000080,0 0 15px #7c3aed33}.share-qr-skeleton{background:linear-gradient(90deg,#1c1c2b 25%,#252538 50%,#1c1c2b 75%) 0 0/200% 100%;border-radius:10px;animation:1.5s infinite skeletonPulse;position:absolute;inset:10px}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}.share-qr-image{object-fit:contain;opacity:0;border-radius:8px;width:100%;height:100%;transition:opacity .3s}.share-qr-image.loaded{opacity:1}.share-qr-center-pill{color:#fff;letter-spacing:.5px;pointer-events:none;background:#7c3aed;border:2px solid #161622;border-radius:12px;padding:2px 7px;font-size:9px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0009}.share-qr-hint{color:#9ca3af;align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.share-link-box{background:#1d1d2b;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:6px;padding:4px;display:flex}.share-link-input{color:#e5e7eb;text-overflow:ellipsis;background:0 0;border:none;outline:none;flex:1;padding:8px 10px;font-family:inherit;font-size:13px}.share-copy-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#7c3aed;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.share-copy-btn:hover{background:#6d28d9}.share-copy-btn.copied{background:#10b981}.share-actions-grid{gap:8px;display:flex}.share-action-btn{cursor:pointer;color:#fff;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.share-btn-icon{font-size:15px}.share-action-btn.whatsapp-btn{background:#25d366}.share-action-btn.whatsapp-btn:hover{background:#20ba5a;transform:translateY(-1px)}.share-action-btn.telegram-btn{background:#229ed9}.share-action-btn.telegram-btn:hover{background:#1e8cc1;transform:translateY(-1px)}.share-action-btn.native-share-btn{background:#ffffff1a;border:1px solid #ffffff26}.share-action-btn.native-share-btn:hover{background:#ffffff2e;transform:translateY(-1px)}@media (width<=480px){.share-modal-card{padding:18px 16px}.share-qr-frame{width:170px;height:170px}}.profile-page{color:#fff;max-width:860px;margin:0 auto;padding:36px 24px 160px;animation:.4s cubic-bezier(.16,1,.3,1) fadeProfile}@keyframes fadeProfile{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.profile-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:36px;display:flex;position:relative}.profile-header:before{content:"";pointer-events:none;filter:blur(28px);z-index:0;background:radial-gradient(circle,#8b5cf638 0%,#06b6d41a 50%,#0000 75%);width:220px;height:220px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.profile-avatar-container{cursor:pointer;z-index:1;background:linear-gradient(135deg,#8b5cf6cc,#06b6d480,#ec4899cc);border-radius:50%;margin-bottom:18px;padding:4px;transition:transform .3s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 10px 30px #00000080,0 0 25px #8b5cf64d}.profile-avatar-container:hover{transform:scale(1.06);box-shadow:0 14px 40px #0009,0 0 35px #8b5cf680}.profile-main-avatar{border-radius:50%;display:block;overflow:hidden;border:3px solid #0b0b14!important}.profile-avatar-edit-badge{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:2px solid #0b0b14;border-radius:9999px;padding:5px 11px;font-size:11px;font-weight:800;transition:all .25s cubic-bezier(.16,1,.3,1);position:absolute;bottom:4px;right:4px;box-shadow:0 4px 14px #0009}.profile-avatar-container:hover .profile-avatar-edit-badge{background:linear-gradient(135deg,#a78bfa,#7c3aed);transform:scale(1.08);box-shadow:0 6px 18px #8b5cf699}.profile-header h1{background:linear-gradient(135deg,#fff 30%,#ddd6fe 70%,#8b5cf6 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;z-index:1;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:34px;font-weight:800}.profile-badge-row{z-index:1;align-items:center;gap:10px;margin-bottom:18px;display:flex}.profile-role-pill{color:#fcd34d;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:9999px;padding:4px 14px;font-size:12px;font-weight:700;box-shadow:0 0 14px #f59e0b26}.profile-status-pill{color:#34d399;background:#10b9811f;border:1px solid #10b9814d;border-radius:9999px;padding:4px 14px;font-size:12px;font-weight:700;box-shadow:0 0 14px #10b98126}.profile-change-avatar-btn{color:#f1f5f9;cursor:pointer;-webkit-backdrop-filter:blur(14px);z-index:1;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:14px;padding:10px 22px;font-size:13px;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1)}.profile-change-avatar-btn:hover{color:#fff;background:#8b5cf62e;border-color:#a78bfa66;transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf640}.profile-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px;display:grid}.stat-box{-webkit-backdrop-filter:blur(20px);text-align:center;background:linear-gradient(145deg,#1a1a28a6,#10101acc);border:1px solid #ffffff14;border-radius:20px;padding:22px 18px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 6px 24px #00000040}.stat-box:hover{border-color:#8b5cf666;transform:translateY(-4px);box-shadow:0 12px 30px #00000059,0 0 20px #8b5cf62e}.stat-box h2{background:linear-gradient(135deg,#ddd6fe,#8b5cf6);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin:0 0 6px;font-size:34px;font-weight:900}.stat-box span{color:#94a3b8;font-size:13px;font-weight:600}.profile-card{-webkit-backdrop-filter:blur(20px);background:linear-gradient(145deg,#181826a6,#0f0f18bf);border:1px solid #ffffff14;border-radius:22px;margin-bottom:20px;padding:24px;transition:all .25s;box-shadow:0 6px 24px #00000040}.profile-card:hover{border-color:#ffffff24}.profile-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.profile-card-header h2{color:#f8fafc;letter-spacing:-.2px;margin:0;font-size:18px;font-weight:800}.profile-card-tag{text-transform:uppercase;letter-spacing:.8px;color:#c4b5fd;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:9999px;padding:3px 10px;font-size:11px;font-weight:800}.favorite-artist-text{color:#c4b5fd;margin:0;font-size:16px;font-weight:600;line-height:1.5}.recent-songs-list{flex-direction:column;gap:10px;display:flex}.recent-song{background:#ffffff08;border:1px solid #ffffff0d;border-radius:14px;align-items:center;gap:14px;padding:10px 14px;transition:all .2s;display:flex}.recent-song:hover{background:#ffffff12;border-color:#8b5cf640;transform:translate(3px)}.recent-song img{object-fit:cover;border-radius:10px;flex-shrink:0;width:48px;height:48px;box-shadow:0 4px 10px #0006}.recent-song-info{flex:1;min-width:0}.recent-song-info strong{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.recent-song-info p{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:12px;overflow:hidden}@media (width<=768px){.profile-page{padding:24px 16px 180px}.profile-header h1{font-size:28px}.profile-stats{grid-template-columns:repeat(3,1fr);gap:8px}.stat-box{padding:14px 8px}.stat-box h2{font-size:24px}.stat-box span{font-size:11px}}.video-card{-webkit-backdrop-filter:blur(22px);background:linear-gradient(150deg,#181826cc,#10101aeb);border:1px solid #ffffff14;border-radius:20px;flex-direction:column;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000059}.video-card:hover{border-color:#8b5cf673;transform:translateY(-6px);box-shadow:0 16px 44px #0000008c,0 0 32px #8b5cf638}.video-card img{aspect-ratio:16/9;object-fit:cover;background:#0a0a10;width:100%;transition:transform .4s cubic-bezier(.16,1,.3,1);display:block}.video-card:hover img{transform:scale(1.04)}.video-info{flex-direction:column;flex:1;padding:18px 18px 8px;display:flex}.video-info h3{color:#f8fafc;-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;min-height:42px;margin:0 0 8px;font-size:15.5px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.video-info p{color:#94a3b8;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:500;display:flex}.video-card button.watch-btn,.video-card button{color:#fff;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:13px;justify-content:center;align-items:center;gap:8px;margin:14px 18px 18px;padding:12px 18px;font-size:13.5px;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 16px #8b5cf659}.video-card button.watch-btn:hover,.video-card button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf68c}.mp-container{-webkit-backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffff0d,#ffffff05);border:1px solid #ffffff0f;border-radius:22px;margin-top:20px;overflow:hidden;box-shadow:0 8px 36px #00000059}.mp-header{border-bottom:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;display:flex}.mp-header-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mp-turn-off-btn{color:#f87171;cursor:pointer;background:#ef444426;border:1px solid #ef444459;border-radius:12px;align-items:center;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.mp-turn-off-btn:hover{color:#fff;background:#ef444447;border-color:#ef444499;transform:translateY(-1px);box-shadow:0 4px 14px #ef444459}.mp-stop-btn{color:#f87171!important;background:#ef444426!important;border-color:#ef44444d!important}.mp-stop-btn:hover{transform:scale(1.1);color:#fff!important;background:#ef44444d!important}.mp-title{color:#eee;font-size:18px;font-weight:700}.mp-buffering-badge,.mp-downloading-badge{border-radius:8px;margin-left:12px;padding:3px 10px;font-size:12px;font-weight:600}.mp-buffering-badge{color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf2433;animation:1.2s ease-in-out infinite badgePulse}.mp-downloading-badge{color:#8b5cf6;background:#8b5cf61f;border:1px solid #8b5cf633;animation:1.2s ease-in-out infinite badgePulse}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.5}}.mp-download-section{border-bottom:1px solid #ffffff0d;padding:28px 24px}.mp-download-info{align-items:center;gap:14px;margin-bottom:14px;display:flex}.mp-download-icon{font-size:28px}.mp-download-text{flex-direction:column;gap:2px;display:flex}.mp-download-label{color:#eee;font-size:15px;font-weight:600}.mp-download-percent{background:linear-gradient(135deg,#c4b5fd,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800}.mp-download-count{color:#fbbf24;font-size:14px;font-weight:600}.mp-download-hint{color:#6d6d7a;margin-top:10px;font-size:12px;display:block}.mp-download-bar-track{background:#ffffff14;border-radius:10px;width:100%;height:6px;overflow:hidden}.mp-download-bar-fill{background:linear-gradient(90deg,#8b5cf6,#a855f7);border-radius:10px;height:100%;transition:width .2s;box-shadow:0 0 10px #8b5cf666}.mp-ready-bar{background:linear-gradient(90deg,#22c55e,#4ade80);box-shadow:0 0 10px #22c55e66}.mp-waiting-section{background:#fbbf2408}@keyframes mpIndeterminate{0%{transform:translate(-100%)}50%{transform:translate(50%)}to{transform:translate(200%)}}.mp-video-wrap{background:#000;width:100%;line-height:0;position:relative}.mp-video{cursor:pointer;width:100%;display:block}.mp-buffering-overlay{pointer-events:none;background:#0000004d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mp-buffering-spinner{border:4px solid #ffffff26;border-top-color:#8b5cf6;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite mpSpin}@keyframes mpSpin{to{transform:rotate(360deg)}}.mp-buffering-badge{color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf2433;border-radius:8px;margin-left:12px;padding:3px 10px;font-size:12px;font-weight:600;animation:1.2s ease-in-out infinite badgePulse}.mp-controls{background:#00000040;padding:12px 18px 14px}.mp-progress-row{align-items:center;gap:12px;margin-bottom:10px;display:flex}.mp-time{color:#aaa;text-align:center;font-variant-numeric:tabular-nums;min-width:38px;font-size:12px;font-weight:600}.mp-progress-bar{appearance:none;cursor:pointer;background:#ffffff1f;border-radius:10px;outline:none;flex:1;height:5px;transition:height .15s}.mp-progress-bar:hover{height:7px}.mp-progress-bar::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#8b5cf6;border-radius:50%;width:14px;height:14px;transition:transform .15s;box-shadow:0 0 8px #8b5cf680}.mp-progress-bar:hover::-webkit-slider-thumb{transform:scale(1.25)}.mp-progress-bar::-moz-range-thumb{cursor:pointer;background:#8b5cf6;border:none;border-radius:50%;width:14px;height:14px;box-shadow:0 0 8px #8b5cf680}.mp-buttons{justify-content:space-between;align-items:center;display:flex}.mp-left-btns,.mp-right-btns{align-items:center;gap:6px;display:flex}.mp-btn{color:#ddd;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.mp-btn:hover{color:#fff;background:#ffffff1a}.mp-play-btn{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);width:46px;height:46px;box-shadow:0 4px 16px #8b5cf659}.mp-play-btn:hover:not(:disabled){background:linear-gradient(135deg,#9b6ff7,#7c3aed);transform:scale(1.08);box-shadow:0 6px 24px #8b5cf673,0 0 20px #8b5cf626}.mp-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none!important;transform:none!important}.mp-progress-bar:disabled{opacity:.4;cursor:not-allowed}.mp-skip-label{color:#aaa;font-size:8px;font-weight:800;position:absolute;bottom:5px}.mp-mute-btn{width:34px;height:34px}.mp-volume-bar{appearance:none;cursor:pointer;background:#ffffff1f;border-radius:10px;outline:none;width:80px;height:4px}.mp-volume-bar::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#c4b5fd;border-radius:50%;width:12px;height:12px}.mp-volume-bar::-moz-range-thumb{cursor:pointer;background:#c4b5fd;border:none;border-radius:50%;width:12px;height:12px}@media (width<=768px){.mp-container{border-radius:16px}.mp-header{padding:12px 16px}.mp-title{font-size:15px}.mp-controls{padding:10px 14px 12px}.mp-play-btn{width:42px;height:42px}.mp-volume-bar{width:60px}}.videos-page{color:#f8fafc;width:100%;animation:.45s cubic-bezier(.16,1,.3,1) videoFade}@keyframes videoFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.videos-header-wrap{margin-bottom:28px}.videos-badge{color:#c4b5fd;letter-spacing:.8px;text-transform:uppercase;background:#8b5cf629;border:1px solid #8b5cf659;border-radius:20px;align-items:center;gap:8px;margin-bottom:12px;padding:5px 14px;font-size:11px;font-weight:800;display:inline-flex}.videos-title{letter-spacing:-.6px;background:linear-gradient(135deg,#fff 20%,#c4b5fd 70%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:38px;font-weight:800}.videos-subtitle{color:#94a3b8;max-width:640px;margin:0;font-size:15px;line-height:1.5}.videos-search-wrapper{align-items:center;width:100%;margin-bottom:34px;display:flex;position:relative}.videos-search-icon{color:#8b5cf6;pointer-events:none;font-size:18px;position:absolute;left:20px}.video-search{color:#fff;-webkit-backdrop-filter:blur(20px);background:#12121cb8;border:1px solid #ffffff14;border-radius:18px;width:100%;height:60px;padding:0 54px 0 56px;font-size:15.5px;font-weight:500;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 30px #0000004d}.video-search:focus{background:#1a1a26d9;border-color:#8b5cf6;box-shadow:0 8px 32px #8b5cf640,0 0 0 2px #8b5cf633}.video-search::placeholder{color:#64748b}.videos-search-clear{color:#94a3b8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;transition:all .2s;display:flex;position:absolute;right:18px}.videos-search-clear:hover{color:#fff;background:#ef444440}.video-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.upload-section{-webkit-backdrop-filter:blur(28px);background:linear-gradient(145deg,#181826d9,#10101af2);border:1px solid #ffffff17;border-radius:26px;margin-top:55px;padding:36px;position:relative;overflow:hidden;box-shadow:0 16px 44px #00000080}.upload-section:before{content:"";filter:blur(70px);pointer-events:none;background:radial-gradient(circle,#8b5cf633 0%,#0000 70%);border-radius:50%;width:280px;height:280px;position:absolute;top:-70px;right:-70px}.upload-section h2{color:#fff;margin-bottom:10px;font-size:26px;font-weight:800}.upload-section p{color:#94a3b8;max-width:580px;margin-bottom:24px;font-size:14.5px;line-height:1.5}.upload-btn{color:#fff;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:14px;align-items:center;gap:8px;padding:13px 28px;font-size:15px;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 18px #8b5cf666}.upload-btn:hover{transform:translateY(-2px);box-shadow:0 8px 26px #8b5cf68c}.upload-progress{background:#0a0a10b3;border:1px solid #8b5cf640;border-radius:18px;margin-top:24px;padding:20px}.progress-header{color:#c4b5fd;justify-content:space-between;margin-bottom:12px;font-size:14px;font-weight:700;display:flex}.progress-bar{background:#ffffff14;border-radius:6px;width:100%;height:8px;margin-bottom:14px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#8b5cf6,#ec4899);border-radius:6px;height:100%;transition:width .3s}.upload-details{color:#94a3b8;flex-wrap:wrap;gap:16px;font-size:12.5px;display:flex}.movie-player{margin-top:40px}@media (width<=768px){.videos-title{font-size:26px}.videos-subtitle{font-size:13.5px}.video-search{height:52px;padding:0 46px 0 48px;font-size:14px}.videos-search-icon{font-size:16px;left:16px}.video-grid{grid-template-columns:1fr;gap:16px}.upload-section{border-radius:20px;padding:24px 18px}.upload-section h2{font-size:20px}}.watch-party-page{color:#fff;flex-direction:column;gap:24px;width:100%;max-width:1300px;margin:0 auto;padding-bottom:160px;transition:all .3s;animation:.35s watchPartyFade;display:flex}@keyframes watchPartyFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.watch-party-top-bar{-webkit-backdrop-filter:blur(16px);background:linear-gradient(135deg,#ffffff0d 0%,#ffffff05 100%);border:1px solid #ffffff12;border-radius:24px;justify-content:space-between;align-items:center;padding:24px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000040}.watch-party-top-bar:before{content:"";opacity:.16;filter:blur(80px);pointer-events:none;background:#7c3aed;border-radius:50%;width:220px;height:220px;position:absolute;top:-100px;right:-60px}.watch-party-title{align-items:center;gap:14px;display:flex}.watch-party-title .title-icon{color:#c084fc;filter:drop-shadow(0 0 12px #c084fc99);font-size:28px}.watch-party-title h1{letter-spacing:-.5px;background:linear-gradient(135deg,#fff 0%,#d8b4fe 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:32px;font-weight:800}.watch-party-subtitle{color:#94a3b8;margin:6px 0 0;font-size:14px;font-weight:500}.watch-party-status-group{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.watch-party-room-badge{color:#c4b5fd;cursor:pointer;background:#7c3aed26;border:1px solid #8b5cf659;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .25s;display:inline-flex}.watch-party-room-badge:hover{color:#fff;background:#7c3aed47;transform:translateY(-1px);box-shadow:0 0 16px #8b5cf666}.room-badge-dot{background:#a855f7;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #a855f7}.watch-party-live-pill{color:#fff;letter-spacing:.4px;background:#ef444429;border:1px solid #ef444466;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 0 18px #ef444440}.live-pulsing-dot{background:#ef4444;border-radius:50%;width:9px;height:9px;animation:1.4s ease-in-out infinite livePulse;box-shadow:0 0 12px #ef4444}.live-streamer-name{color:#fca5a5;font-weight:600}.live-audio-pill{color:#86efac;background:#22c55e33;border:1px solid #22c55e59;border-radius:12px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.watch-party-empty-card{text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#ffffff0a 0%,#ffffff04 100%);border:1px solid #ffffff0f;border-radius:26px;flex-direction:column;align-items:center;max-width:600px;margin:40px auto;padding:60px 30px;display:flex;box-shadow:0 8px 32px #00000040}.empty-icon-glow{color:#c084fc;background:linear-gradient(135deg,#7c3aed4d 0%,#a855f726 100%);border:1px solid #a855f766;border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;font-size:34px;display:flex;box-shadow:0 0 28px #7c3aed66}.watch-party-empty-card h2{color:#fff;margin:0 0 12px;font-size:26px;font-weight:700}.watch-party-empty-card p{color:#94a3b8;max-width:480px;margin:0 0 28px;font-size:15px;line-height:1.6}.watch-party-primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#9333ea 100%);border:none;border-radius:16px;padding:13px 32px;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px #7c3aed66}.watch-party-primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #7c3aed99}.streamer-dashboard-stage{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#14141ecc 0%,#0f0f16f2 100%);border:1px solid #7c3aed4d;border-radius:26px;flex-direction:column;gap:16px;padding:24px;display:flex;box-shadow:0 10px 40px #0006,0 0 30px #7c3aed1f}.streamer-live-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.streamer-badge{color:#fca5a5;letter-spacing:.5px;background:#ef444426;border:1px solid #ef444473;border-radius:20px;align-items:center;gap:10px;padding:8px 18px;font-size:13px;font-weight:700;display:inline-flex}.streamer-meta{align-items:center;gap:14px;display:flex}.streamer-viewers-count{color:#c4b5fd;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.streamer-stop-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444d9 0%,#b91c1ce6 100%);border:1px solid #f8717180;border-radius:16px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 4px 18px #ef444466}.streamer-stop-btn:hover{background:#ef4444;transform:translateY(-2px);box-shadow:0 6px 24px #ef444499}.streamer-monitor-wrapper{aspect-ratio:16/9;background:#09090e;border:1px solid #ffffff14;border-radius:20px;justify-content:center;align-items:center;width:100%;max-height:70vh;display:flex;position:relative;overflow:hidden}.streamer-monitor-video{object-fit:contain;background:#000;width:100%;height:100%}.streamer-watermark{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#94a3b8;pointer-events:none;background:#000000a6;border:1px solid #ffffff26;border-radius:12px;padding:6px 14px;font-size:12px;font-weight:500;position:absolute;top:14px;right:14px}.streamer-footer-info{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:6px;display:flex}.streamer-tip{color:#94a3b8;align-items:center;gap:10px;font-size:13px;line-height:1.4;display:flex}.streamer-tip svg{color:#c084fc;flex-shrink:0;font-size:16px}.streamer-quick-actions{align-items:center;gap:10px;display:flex}.theater-mode-btn{color:#e2e8f0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.theater-mode-btn:hover{color:#fff;background:#ffffff1f}.viewer-theater-stage{background:#07070a;border:1px solid #ffffff14;border-radius:26px;width:100%;position:relative;overflow:hidden;box-shadow:0 12px 48px #00000080,0 0 36px #7c3aed26}.ambient-stream-glow{filter:blur(40px);pointer-events:none;z-index:0;background:radial-gradient(circle,#7c3aed33 0%,#0000 70%);position:absolute;inset:-20px}.viewer-video-container{aspect-ratio:16/9;z-index:1;background:#000;justify-content:center;align-items:center;width:100%;max-height:75vh;display:flex;position:relative}.viewer-main-video{object-fit:contain;cursor:pointer;background:#000;width:100%;height:100%}.viewer-connecting-overlay{z-index:5;color:#e2e8f0;background:#09090ee6;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:15px;font-weight:600;display:flex;position:absolute;inset:0}.stream-loading-spinner{border:3px solid #7c3aed40;border-top-color:#a855f7;border-radius:50%;width:44px;height:44px;animation:1s linear infinite streamSpin}@keyframes streamSpin{to{transform:rotate(360deg)}}.reconnect-stream-btn{color:#fff;cursor:pointer;background:#7c3aed40;border:1px solid #8b5cf666;border-radius:14px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.reconnect-stream-btn:hover{background:#7c3aed73}.viewer-controls-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:linear-gradient(#0000 0%,#0006 35%,#000000e0 100%);justify-content:space-between;align-items:center;padding:16px 20px;transition:opacity .3s,transform .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.viewer-controls-bar.hidden{opacity:0;pointer-events:none;transform:translateY(10px)}.viewer-controls-bar.visible{opacity:1;transform:translateY(0)}.viewer-controls-left,.viewer-controls-right{align-items:center;gap:12px;display:flex}.control-icon-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;transition:all .2s;display:flex}.control-icon-btn:hover{background:#fff3;transform:scale(1.08);box-shadow:0 0 12px #fff3}.volume-slider-group{align-items:center;gap:8px;display:flex}.stream-volume-slider{accent-color:#a855f7;cursor:pointer;background:#fff3;border-radius:4px;width:80px;height:4px}.live-tag-pill{color:#fca5a5;letter-spacing:.5px;background:#ef444433;border:1px solid #ef444466;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.viewer-controls-center{text-align:center;flex:1;padding:0 16px;overflow:hidden}.viewer-stream-title{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:14px;font-weight:600;display:inline-block;overflow:hidden}.theater-mode-active{max-width:100%!important}.theater-mode-active .viewer-video-container{max-height:86vh}.watch-party-host-prompt-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#ffffff0a 0%,#ffffff04 100%);border:1px solid #ffffff0f;border-radius:28px;flex-direction:column;gap:28px;padding:36px 32px;display:flex;box-shadow:0 8px 36px #00000040}.host-prompt-left{align-items:center;gap:20px;display:flex}.host-icon-squircle{color:#c084fc;background:linear-gradient(135deg,#7c3aed4d 0%,#c084fc26 100%);border:1px solid #8b5cf666;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;display:flex;box-shadow:0 0 24px #7c3aed59}.host-prompt-text h2{color:#fff;margin:0 0 6px;font-size:24px;font-weight:800}.host-prompt-text p{color:#94a3b8;margin:0;font-size:14.5px;line-height:1.5}.host-stream-start-box{background:#00000040;border:1px solid #ffffff0d;border-radius:20px;flex-wrap:wrap;align-items:center;gap:14px;padding:18px 22px;display:flex}.host-stream-title-input{color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;outline:none;flex:1;min-width:240px;padding:12px 18px;font-size:14px;transition:all .25s}.host-stream-title-input:focus{background:#ffffff17;border-color:#a855f7;box-shadow:0 0 16px #a855f74d}.start-stream-action-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%);border:none;border-radius:14px;align-items:center;gap:10px;padding:12px 28px;font-size:14.5px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 20px #7c3aed73}.start-stream-action-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 30px #7c3aeda6}.start-stream-action-btn:active{transform:translateY(0)}.host-stream-buttons-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.start-camera-action-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a855f740 0%,#7c3aed33 100%);border:1px solid #a855f766;border-radius:14px;align-items:center;gap:10px;padding:12px 24px;font-size:14.5px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 18px #7c3aed40}.start-camera-action-btn:hover{background:linear-gradient(135deg,#a855f773 0%,#7c3aed59 100%);transform:translateY(-2px);box-shadow:0 6px 24px #a855f773}.stream-error-message{color:#fca5a5;background:#ef44441f;border:1px solid #ef44444d;border-radius:14px;flex-direction:column;gap:10px;width:100%;padding:12px 16px;font-size:13.5px;font-weight:500;display:flex}.stream-error-text{line-height:1.5}.stream-camera-fallback-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%);border:none;border-radius:10px;align-self:flex-start;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 3px 12px #7c3aed66}.stream-camera-fallback-btn:hover{filter:brightness(1.15);transform:scale(1.02)}.watch-party-feature-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:10px;display:grid}.feature-item-card{background:linear-gradient(145deg,#ffffff09 0%,#ffffff03 100%);border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;gap:10px;padding:22px;transition:transform .25s,border-color .25s;display:flex}.feature-item-card:hover{border-color:#7c3aed4d;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d,0 0 16px #7c3aed1a}.feature-icon{font-size:28px}.feature-item-card h3{color:#fff;margin:0;font-size:16px;font-weight:700}.feature-item-card p{color:#94a3b8;margin:0;font-size:13px;line-height:1.5}@media (width<=900px){.watch-party-feature-grid{grid-template-columns:1fr}.watch-party-top-bar{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.watch-party-status-group{justify-content:flex-start;width:100%}.host-stream-start-box{flex-direction:column;align-items:stretch}.start-stream-action-btn{justify-content:center}}.quick-fullscreen-badge{z-index:15;-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#000000b8;border:1px solid #ffffff40;border-radius:20px;align-items:center;gap:7px;padding:8px 14px;font-size:12.5px;font-weight:700;transition:all .25s;display:inline-flex;position:absolute;top:14px;right:14px;box-shadow:0 4px 16px #0006}.quick-fullscreen-badge:hover{background:#7c3aede6;border-color:#c084fc99;transform:scale(1.05);box-shadow:0 0 20px #7c3aed99}.quick-fullscreen-badge.hidden{opacity:0;pointer-events:none;transform:translateY(-6px)}.quick-fullscreen-badge.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.fullscreen-control-btn{border-color:#a855f759!important}.fullscreen-control-btn:hover,.fullscreen-control-btn.active-fs{color:#fff!important;background:#7c3aed73!important;border-color:#c084fc!important;box-shadow:0 0 14px #a855f780!important}.viewer-theater-stage.stage-fullscreen,.streamer-dashboard-stage.stage-fullscreen{z-index:999999!important;background:#000!important;border:none!important;border-radius:0!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important;padding:0!important;position:fixed!important;inset:0!important}.stage-fullscreen .viewer-video-container,.stage-fullscreen .streamer-monitor-wrapper{border:none!important;border-radius:0!important;width:100vw!important;height:100vh!important;max-height:100vh!important}.stage-fullscreen .viewer-main-video,.stage-fullscreen .streamer-monitor-video{object-fit:contain!important;width:100%!important;height:100%!important}.stage-fullscreen .streamer-live-header{z-index:20;position:absolute;top:16px;left:16px;right:16px}.stage-fullscreen .streamer-footer-info{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a6;border-radius:16px;padding:10px 16px;position:absolute;bottom:16px;left:16px;right:16px}@media (width<=600px){.watch-party-page{padding-bottom:180px}.watch-party-title h1{font-size:24px}.watch-party-title .title-icon{font-size:22px}.watch-party-subtitle{font-size:12.5px}.streamer-dashboard-stage,.watch-party-host-prompt-card{border-radius:20px;padding:16px}.host-icon-squircle{width:48px;height:48px;font-size:22px}.host-stream-buttons-group{flex-direction:column;align-items:stretch;gap:10px;width:100%}.start-stream-action-btn,.start-camera-action-btn{justify-content:center;width:100%}.viewer-controls-bar{gap:8px;padding:10px 12px}.viewer-controls-left{gap:8px}.viewer-controls-right{flex-shrink:0;gap:8px}.control-icon-btn{border-radius:10px;flex-shrink:0;width:36px;height:36px;font-size:13.5px}.volume-slider-group .stream-volume-slider{display:none!important}.live-tag-pill{padding:3px 8px;font-size:10.5px}.viewer-stream-title{display:none}.quick-fullscreen-badge{padding:6px 12px;font-size:11.5px;top:10px;right:10px}}.streamer-audio-indicator{border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.streamer-audio-indicator.active{color:#4ade80;background:#22c55e26;border:1px solid #22c55e59}.streamer-audio-indicator.inactive{color:#f87171;background:#ef44441f;border:1px solid #ef444440}.streamer-mic-btn{cursor:pointer;border:none;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.streamer-mic-btn.active{color:#c4b5fd;background:#7c3aed33;border:1px solid #8b5cf666}.streamer-mic-btn.active:hover{color:#fff;background:#7c3aed59}.streamer-mic-btn.muted{color:#fca5a5;background:#ef444433;border:1px solid #ef444466}.stream-unmute-overlay-btn{z-index:25;color:#fff;cursor:pointer;background:#7c3aede6;border:1px solid #ffffff40;border-radius:24px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;animation:2s ease-in-out infinite bounceSlow;display:inline-flex;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000080}@keyframes bounceSlow{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-4px)}}.stream-unmute-overlay-btn:hover{background:#8b5cf6;transform:translate(-50%,-2px)}.host-audio-options{align-items:center;margin:4px 0 8px;display:flex}.host-mic-checkbox-label{color:#cbd5e1;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13.5px;font-weight:500;display:inline-flex}.host-mic-checkbox-label input[type=checkbox]{accent-color:#8b5cf6;cursor:pointer;width:16px;height:16px}.host-audio-help-note{color:#94a3b8;background:#8b5cf614;border:1px solid #8b5cf633;border-radius:12px;align-items:flex-start;gap:8px;margin-top:10px;padding:10px 14px;font-size:12.5px;line-height:1.45;display:flex}.host-audio-help-note svg{color:#a78bfa;flex-shrink:0;margin-top:2px;font-size:15px}.host-audio-help-note strong{color:#e2e8f0}.floating-video-root{-webkit-backdrop-filter:blur(24px);background:linear-gradient(145deg,#161622f5,#0f0f18fa);border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;box-shadow:0 20px 50px #0009,0 0 25px #8b5cf626}.floating-video-root.video-page-mode,.floating-video-root.video-large{width:100%;max-width:1040px;margin:0 auto 30px;animation:.3s ease-out fvFadeIn}.floating-video-root.video-theater-mode{z-index:9998;width:min(680px,94vw);animation:.35s cubic-bezier(.16,1,.3,1) fvSlideUp;position:fixed;bottom:105px;right:25px;box-shadow:0 25px 65px #000000bf,0 0 35px #ec489933}.floating-video-root.video-mini-mode,.floating-video-root.video-mini{z-index:9998;width:380px;max-width:90vw;animation:.35s cubic-bezier(.16,1,.3,1) fvSlideUp;position:fixed;bottom:105px;right:25px;box-shadow:0 18px 45px #000000a6,0 0 20px #8b5cf62e}.floating-video-top-bar{background:#0c0c12d9;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.floating-video-title-wrap{flex:1;align-items:center;gap:8px;display:flex;overflow:hidden}.live-badge{color:#fff;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap;background:linear-gradient(135deg,#ef4444,#ec4899);border-radius:6px;padding:3px 8px;font-size:9.5px;font-weight:800;animation:2s ease-in-out infinite pulseBadge;box-shadow:0 2px 8px #ef444466}@keyframes pulseBadge{0%,to{opacity:1;box-shadow:0 2px 8px #ef444466}50%{opacity:.85;box-shadow:0 2px 14px #ef4444b3}}.video-title-text{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.floating-video-top-actions{align-items:center;gap:8px;display:flex}.floating-btn{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;height:30px;padding:0 10px;font-size:12px;transition:all .2s;display:inline-flex}.floating-btn:hover{color:#fff;background:#fff3;transform:translateY(-1px)}.stop-video-btn-top{color:#fca5a5;letter-spacing:.4px;text-transform:uppercase;background:#ef444426;border:1px solid #ef444459;font-size:11px;font-weight:700}.stop-video-btn-top:hover{color:#fff;background:linear-gradient(135deg,#dc2626,#ef4444);border-color:#ef4444;box-shadow:0 4px 14px #ef444473}.floating-video-frame-wrap{aspect-ratio:16/9;background:#000;width:100%;position:relative;overflow:hidden}.floating-yt-embed{width:100%;height:100%}.floating-yt-embed iframe{border:none;display:block;width:100%!important;height:100%!important}@keyframes fvFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fvSlideUp{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=640px){.floating-video-root.video-mini-mode,.floating-video-root.video-mini{width:calc(100vw - 24px);bottom:85px;right:12px}.video-title-text{max-width:160px;font-size:12px}.stop-video-btn-top span{display:none}.stop-video-btn-top{padding:0 8px}}.voice-pill-floating{z-index:9999;-webkit-backdrop-filter:blur(16px);-webkit-user-select:none;user-select:none;background:#12121ceb;border:1px solid #7c3aed66;border-radius:30px;align-items:center;gap:6px;padding:5px 8px;animation:.3s slideInDown;display:flex;position:fixed;top:78px;right:20px;box-shadow:0 8px 24px #0000008c,0 0 15px #7c3aed33}.voice-pill-floating.in-game{border-color:#a855f799;box-shadow:0 8px 28px #000000a6,0 0 20px #a855f74d}.voice-pill-main-btn{cursor:pointer;color:#e5e7eb;background:0 0;border:none;border-radius:20px;align-items:center;gap:7px;padding:3px 6px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.voice-pill-main-btn:hover{background:#ffffff14}.voice-pill-game-icon{color:#c084fc;font-size:13px}.voice-pill-count{color:#d1d5db;align-items:center;gap:4px;font-size:11px;display:flex}.voice-pill-chevron{color:#9ca3af;margin-left:2px;font-size:10px}.voice-pill-speaker-preview{align-items:center;gap:6px;display:flex}.voice-pill-speaker-name{color:#4ade80;font-size:11px;font-weight:700}.voice-bubble.mini{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;min-width:24px;max-width:24px;height:24px;min-height:24px;max-height:24px;display:flex;position:relative}.voice-bubble.mini .voice-bubble-user-avatar{border:1.5px solid #22c55e!important;border-radius:50%!important;flex-shrink:0!important;width:24px!important;min-width:24px!important;max-width:24px!important;height:24px!important;min-height:24px!important;max-height:24px!important;overflow:hidden!important}.voice-talking-bars.mini{background:#000c;border-radius:3px;align-items:flex-end;gap:1.5px;height:9px;padding:1px 2px;display:flex;position:absolute;bottom:-3px;left:50%;transform:translate(-50%)}.voice-talking-bars.mini .voice-bar{background:#22c55e;border-radius:1px;width:2px;animation:.5s ease-in-out infinite alternate voiceBarWave}.voice-talking-bars.mini .voice-bar.bar-1{height:4px;animation-delay:.1s}.voice-talking-bars.mini .voice-bar.bar-2{height:8px;animation-delay:.25s}.voice-talking-bars.mini .voice-bar.bar-3{height:5px;animation-delay:.4s}.voice-quick-mic-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;transition:all .2s;display:flex}.voice-quick-mic-btn.mic-on{color:#4ade80;background:#22c55e40;border:1px solid #22c55e80}.voice-quick-mic-btn.mic-on:hover{background:#22c55e66}.voice-quick-mic-btn.mic-off{color:#f87171;background:#ef444440;border:1px solid #ef444480}.voice-quick-mic-btn.mic-off:hover{background:#ef444466}.voice-overlay-floating{z-index:9999;-webkit-backdrop-filter:blur(16px);-webkit-user-select:none;user-select:none;background:#12121cf0;border:1px solid #7c3aed66;border-radius:16px;flex-direction:column;gap:8px;min-width:260px;max-width:320px;padding:10px 14px;animation:.3s slideInDown;display:flex;position:fixed;top:76px;right:20px;box-shadow:0 10px 32px #0009,0 0 20px #7c3aed40}.voice-overlay-floating.in-game{border-color:#a855f7a6;box-shadow:0 12px 36px #000000b3,0 0 24px #a855f759}.voice-overlay-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.voice-overlay-title{cursor:pointer;align-items:center;gap:7px;display:flex}.voice-overlay-label{color:#f3f4f6;letter-spacing:.3px;font-size:13px;font-weight:700}.voice-overlay-roomcode{color:#c084fc;background:#7c3aed38;border-radius:6px;padding:1px 6px;font-size:11px;font-weight:600}.voice-overlay-collapse-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px 6px;font-size:12px;transition:all .2s;display:flex}.voice-overlay-collapse-btn:hover{color:#fff;background:#ffffff1a}.voice-bubble-strip{scrollbar-width:none;align-items:center;gap:10px;padding:4px 2px;display:flex;overflow-x:auto}.voice-bubble-strip::-webkit-scrollbar{display:none}.voice-strip-empty{color:#9ca3af;padding:4px 0;font-size:11px}.voice-bubble-item{cursor:default;flex-direction:column;flex-shrink:0;align-items:center;gap:3px;display:flex}.voice-bubble-avatar-wrapper{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;min-width:40px;max-width:40px;height:40px;min-height:40px;max-height:40px;display:flex;position:relative}.voice-bubble-user-avatar{transition:all .25s;border:2px solid #ffffff26!important;border-radius:50%!important;flex-shrink:0!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;overflow:hidden!important}.voice-bubble-item.is-speaking .voice-bubble-user-avatar{border-color:#22c55e!important}.voice-bubble-glow{pointer-events:none;border:2px solid #22c55e;border-radius:50%;animation:1.2s ease-in-out infinite alternate pulseGlow;position:absolute;inset:-3px;box-shadow:0 0 12px #22c55ebf,inset 0 0 6px #22c55e80}@keyframes pulseGlow{0%{opacity:.6;transform:scale(.98)}to{opacity:1;transform:scale(1.04)}}.voice-bubble-talking-bars{z-index:5;background:#0a0a12d9;border:1px solid #22c55eb3;border-radius:4px;align-items:flex-end;gap:2px;height:12px;padding:1px 3px;display:flex;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.voice-bubble-talking-bars .voice-bar{background:#22c55e;border-radius:2px;width:2.5px;animation:.55s ease-in-out infinite alternate voiceBarWave}.voice-bubble-talking-bars .voice-bar.bar-1{height:4px;animation-delay:.1s}.voice-bubble-talking-bars .voice-bar.bar-2{height:10px;animation-delay:.25s}.voice-bubble-talking-bars .voice-bar.bar-3{height:6px;animation-delay:.4s}.voice-bubble-badge{z-index:6;border:1.5px solid #12121c;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:8px;display:flex;position:absolute;bottom:-2px;right:-2px}.voice-bubble-badge.muted{color:#fff;background:#ef4444}.voice-bubble-badge.deafened{color:#fff;background:#f59e0b}.voice-bubble-name{color:#d1d5db;text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:44px;font-size:10px;font-weight:600;overflow:hidden}.voice-overlay-controls{border-top:1px solid #ffffff0f;align-items:center;gap:6px;padding-top:4px;display:flex}.voice-control-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:5px;padding:6px 10px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.voice-control-btn.mic-on{color:#4ade80;background:#22c55e33;border:1px solid #22c55e73}.voice-control-btn.mic-on:hover{background:#22c55e52}.voice-control-btn.mic-off{color:#f87171;background:#ef444433;border:1px solid #ef444473}.voice-control-btn.mic-off:hover{background:#ef444452}.voice-control-btn.speaker-on{color:#c4b5fd;background:#7c3aed33;border:1px solid #7c3aed73}.voice-control-btn.speaker-on:hover{background:#7c3aed52}.voice-control-btn.speaker-off{color:#f87171;background:#ef444433;border:1px solid #ef444473}.voice-control-btn.speaker-off:hover{background:#ef444452}.voice-control-btn.leave-call-btn{color:#f87171;background:#ef444426;border:1px solid #ef444459;border-radius:10px;flex:0 0 32px;height:30px}.voice-control-btn.leave-call-btn:hover{background:#ef44444d}.voice-control-btn.join-call-btn{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:none;box-shadow:0 4px 12px #10b98159}.voice-control-btn.join-call-btn:hover{background:linear-gradient(135deg,#059669,#047857)}.voice-overlay-error{color:#fca5a5;background:#ef444426;border-radius:6px;padding:3px 6px;font-size:11px}.voice-bar-dot{background:#6b7280;border-radius:50%;width:9px;height:9px;transition:all .3s}.voice-bar-dot.active{background:#22c55e;box-shadow:0 0 8px #22c55e}.voice-bar-dot.connecting{background:#eab308;animation:1.2s infinite pulse;box-shadow:0 0 8px #eab308}@keyframes slideInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.voice-overlay-floating{max-width:250px;padding:8px 10px;top:72px;left:auto;right:10px}.voice-pill-floating{top:72px;right:10px}.voice-bubble-avatar-wrapper{width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;max-height:36px}.voice-bubble-avatar-wrapper .voice-bubble-user-avatar{width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important}.voice-bubble-name{max-width:36px;font-size:9px}}.navbar{z-index:999;-webkit-backdrop-filter:blur(28px);background:#08080ec7;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:74px;padding:0 36px;display:flex;position:sticky;top:0;box-shadow:0 4px 30px #0006}.nav-title{letter-spacing:-.3px;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#fff 30%,#c4b5fd 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:12px;font-size:24px;font-weight:800;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.nav-title:before{content:"🎧";-webkit-text-fill-color:initial;filter:drop-shadow(0 0 12px #7c3aed99);font-size:26px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.nav-title:hover{opacity:.95;transform:scale(1.02)}.nav-title:hover:before{transform:rotate(-12deg)scale(1.18)}.nav-right{align-items:center;gap:16px;display:flex}.nav-room-pill{color:#e0e7ff;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#7c3aed26,#06b6d41a);border:1px solid #7c3aed59;border-radius:30px;align-items:center;gap:8px;padding:7px 16px;font-size:13px;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 14px #7c3aed26}.nav-room-pill:hover{background:linear-gradient(135deg,#7c3aed40,#06b6d42e);border-color:#7c3aed8c;transform:translateY(-2px);box-shadow:0 4px 20px #7c3aed4d}.nav-stream-pill{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#ef444429,#dc262614);border:1px solid #ef444466;border-radius:30px;align-items:center;gap:8px;padding:7px 16px;font-size:13px;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 0 16px #ef444440}.nav-stream-pill:hover{background:linear-gradient(135deg,#ef444447,#dc26262e);border-color:#f87171b3;transform:translateY(-2px);box-shadow:0 4px 22px #ef444473}.nav-room-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite statusPulse;box-shadow:0 0 10px #22c55e}.nav-unread-dot{background:#ef4444;border-radius:50%;width:9px;height:9px;margin-left:2px;animation:1.4s infinite chatDotPulse;box-shadow:0 0 10px #ef4444,0 0 18px #ef4444cc}@keyframes chatDotPulse{0%{transform:scale(.9);box-shadow:0 0 4px #ef4444}50%{transform:scale(1.3);box-shadow:0 0 14px #ef4444,0 0 20px #ef4444e6}to{transform:scale(.9);box-shadow:0 0 4px #ef4444}}.profile-nav-btn,.profile{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex}.profile-nav-btn:hover,.profile:hover{transform:scale(1.1)}.profile-nav-btn:active,.profile:active{transform:scale(.95)}.profile{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:2px solid #ffffff26;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:800;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 0 16px #7c3aed66}.profile:hover{border-color:#fff6;transform:scale(1.1);box-shadow:0 0 28px #7c3aedb3,0 0 10px #ffffff4d}.profile:active{transform:scale(.95)}@media (width<=768px){.navbar{height:64px;padding:0 16px}.nav-title{font-size:20px}.nav-title:before{font-size:22px}.nav-room-pill{padding:5px 12px;font-size:11px}.profile{width:38px;height:38px;font-size:14px}}.sidebar{-webkit-backdrop-filter:blur(30px);z-index:1000;background:#0a0a10d9;border-right:1px solid #ffffff0f;flex-direction:column;width:270px;height:100vh;padding:28px 18px;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.logo{letter-spacing:-.5px;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#fff 40%,#c4b5fd 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex-direction:column;margin-bottom:36px;padding:0 8px;font-size:28px;font-weight:800;display:flex}.logo:before{content:"🎧";-webkit-text-fill-color:initial;filter:drop-shadow(0 0 16px #7c3aed8c);margin-bottom:10px;font-size:34px;animation:4s ease-in-out infinite alternate logoFloat}@keyframes logoFloat{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.logo span{letter-spacing:.5px;text-transform:uppercase;color:#9ca3af;-webkit-text-fill-color:#9ca3af;margin-top:4px;font-size:12px;font-weight:600}.sidebar-menu{flex-direction:column;gap:8px;display:flex}.sidebar-menu a{color:#9ca3af;border:1px solid #0000;border-radius:14px;align-items:center;gap:14px;padding:13px 16px;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.sidebar-menu svg{color:#9ca3af;font-size:18px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),color .2s}.sidebar-icon-wrap{justify-content:center;align-items:center;display:flex;position:relative}.sidebar-unread-dot{background:#ef4444;border-radius:50%;width:9px;height:9px;animation:1.4s infinite chatDotPulse;position:absolute;top:-4px;right:-6px;box-shadow:0 0 10px #ef4444,0 0 18px #ef4444cc}.sidebar-menu a:hover{color:#fff;background:#ffffff0a;border-color:#ffffff0f;transform:translate(4px)}.sidebar-menu a:hover svg{color:#c4b5fd;transform:scale(1.15)}.active-link{box-shadow:0 4px 20px #7c3aed40,inset 0 0 12px #7c3aed26;color:#fff!important;background:linear-gradient(135deg,#7c3aed47,#5b21b62e)!important;border:1px solid #7c3aed73!important}.active-link svg{filter:drop-shadow(0 0 8px #7c3aed99);transform:scale(1.1);color:#c4b5fd!important}.active-link:before{content:"";background:#a78bfa;border-radius:0 4px 4px 0;width:3px;height:50%;position:absolute;top:25%;left:0;box-shadow:0 0 10px #a78bfa}.hidden-player{opacity:.001;pointer-events:none;z-index:-9999;width:200px;height:150px;position:fixed;bottom:0;right:0;overflow:hidden}.hidden-player iframe,.hidden-player #yt-player{border:none;width:100%!important;height:100%!important}.bottom-player{-webkit-backdrop-filter:blur(32px);z-index:9998;background:#0e0e18eb;border:1px solid #7c3aed59;border-radius:22px;flex-direction:column;justify-content:center;min-height:84px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:20px;left:280px;right:24px;overflow:hidden;box-shadow:0 16px 48px #000000a6,0 0 32px #7c3aed33}.bottom-player:hover{border-color:#7c3aed99;transform:translateY(-2px);box-shadow:0 20px 56px #000000bf,0 0 40px #7c3aed4d}.bottom-player.is-playing{border-color:#a855f78c;animation:4s ease-in-out infinite alternate capsuleAuroraPulse;box-shadow:0 16px 48px #000000a6,0 0 35px #7c3aed47,0 0 60px #a855f726}@keyframes capsuleAuroraPulse{0%{box-shadow:0 16px 48px #000000a6,0 0 25px #7c3aed40,0 0 50px #a855f71f}to{box-shadow:0 16px 48px #000000a6,0 0 38px #a855f761,0 0 70px #ec48992e}}.player-progress-bar-wrap{cursor:pointer;background:#ffffff14;width:100%;height:6px;transition:height .2s;position:relative}.player-progress-bar-wrap:hover{height:8px}.player-progress-slider{appearance:none;cursor:pointer;background:0 0;border:none;outline:none;width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0}.player-progress-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;opacity:0;background:#fff;border-radius:50%;width:12px;height:12px;transition:opacity .15s,transform .15s;box-shadow:0 0 10px #a855f7e6}.player-progress-bar-wrap:hover .player-progress-slider::-webkit-slider-thumb{opacity:1;transform:scale(1.2)}.player-progress-slider::-moz-range-thumb{cursor:pointer;opacity:0;background:#fff;border:none;border-radius:50%;width:12px;height:12px;transition:opacity .15s;box-shadow:0 0 10px #a855f7e6}.player-progress-bar-wrap:hover .player-progress-slider::-moz-range-thumb{opacity:1}.player-content{box-sizing:border-box;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:10px 22px;display:flex}.player-left{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.ambient-album-glow-wrap{flex-shrink:0;width:50px;height:50px;position:relative}.ambient-album-glow{filter:blur(14px);opacity:.35;pointer-events:none;z-index:0;background-position:50%;background-size:cover;border-radius:14px;transition:opacity .5s,filter .5s;position:absolute;inset:-3px}.ambient-album-glow-wrap.playing .ambient-album-glow{opacity:.85;filter:blur(18px);animation:3s ease-in-out infinite alternate albumGlowBreathe}@keyframes albumGlowBreathe{0%{opacity:.65;filter:blur(14px);transform:scale(.96)}to{opacity:.95;filter:blur(20px);transform:scale(1.08)}}.ambient-album-glow-wrap .cover{z-index:1;width:100%;height:100%;position:relative}.cover{object-fit:cover;border:1px solid #ffffff1a;border-radius:12px;flex-shrink:0;width:50px;height:50px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 18px #00000080,0 0 12px #7c3aed40}.bottom-player:hover .cover{transform:scale(1.05)}.song-details{min-width:0}.song-title-row{align-items:center;gap:8px;display:flex}.music-wave-visualizer{flex-shrink:0;align-items:flex-end;gap:2.5px;height:14px;padding:1px;display:inline-flex}.music-wave-visualizer .wave-bar{background:linear-gradient(#c084fc,#7c3aed);border-radius:2px;width:2.5px;transition:height .3s,opacity .3s}.music-wave-visualizer.playing .wave-bar{animation:.75s ease-in-out infinite alternate musicWaveBounce}.music-wave-visualizer.playing .wave-bar.bar-1{height:12px;animation-duration:.7s;animation-delay:.1s}.music-wave-visualizer.playing .wave-bar.bar-2{height:7px;animation-duration:.6s;animation-delay:.3s}.music-wave-visualizer.playing .wave-bar.bar-3{height:14px;animation-duration:.8s;animation-delay:.18s}.music-wave-visualizer.playing .wave-bar.bar-4{height:9px;animation-duration:.65s;animation-delay:.42s}.music-wave-visualizer.paused .wave-bar{opacity:.35;height:3px;animation:none}@keyframes musicWaveBounce{0%{height:3px}to{height:14px}}.song-name{color:#fff;letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;max-width:260px;margin:0;font-size:14px;font-weight:700;overflow:hidden}.artist-name{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0;font-size:12px;font-weight:500;overflow:hidden}.player-center{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;display:flex}.player-controls-row{align-items:center;gap:12px;display:flex}.player-control-btn{cursor:pointer;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.play-pause-btn{color:#fff;background:linear-gradient(135deg,#7c3aed,#6366f1);width:42px;height:42px;font-size:16px;box-shadow:0 4px 16px #7c3aed73}.play-pause-btn:hover{transform:scale(1.1);box-shadow:0 6px 22px #7c3aedb3}.play-pause-btn:active{transform:scale(.95)}.stop-btn{color:#f87171;background:#ef44441f;border:1px solid #ef44444d;border-radius:20px;gap:6px;padding:7px 14px;font-size:13px;font-weight:700;box-shadow:0 2px 8px #ef444426}.stop-btn:hover{color:#fff;background:#ef444440;border-color:#ef444499;transform:translateY(-1px);box-shadow:0 4px 14px #ef444459}.stop-btn:active{transform:scale(.96)}.stop-btn-text{letter-spacing:.2px;font-size:12px}.next-btn{color:#e2e8f0;background:#ffffff0f;border:1px solid #ffffff1a;width:34px;height:34px;font-size:13px}.next-btn:hover:not(:disabled){color:#fff;background:#ffffff24;transform:scale(1.08)}.next-btn:disabled{opacity:.35;cursor:not-allowed}.player-time-row{color:#94a3b8;font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.time-divider{color:#64748b;font-size:10px}.player-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.player-icon-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;transition:all .2s;display:flex}.player-icon-btn:hover{color:#fff;background:#ffffff1f;transform:scale(1.05)}.queue-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#7c3aed,#5b21b6);border:none;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 14px #7c3aed59}.queue-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed8c}.queue-btn:active{transform:scale(.96)}.queue-badge{background:#ffffff38;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:800}.player-close-quick-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;transition:all .2s;display:flex}.player-close-quick-btn:hover{color:#f87171;background:#ef444433;border-color:#ef444480;transform:scale(1.1)}.queue-overlay{-webkit-backdrop-filter:blur(12px);z-index:99999;background:#000000a6;justify-content:flex-end;display:flex;position:fixed;inset:0}.queue-panel{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#0e0e16f5;border-left:1px solid #ffffff14;width:420px;max-width:90vw;padding:28px;animation:.35s cubic-bezier(.16,1,.3,1) queueSlide;overflow-y:auto;box-shadow:-10px 0 50px #000000b3}@keyframes queueSlide{0%{transform:translate(100%)}to{transform:translate(0)}}.queue-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.queue-header-left{flex-direction:column;gap:8px;display:flex}.queue-header h2{background:linear-gradient(135deg,#fff 40%,#c4b5fd 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:10px;font-size:24px;font-weight:800;display:flex}.queue-auto-toggle{cursor:pointer;color:#c4b5fd;background:#8b5cf626;border:1px solid #8b5cf666;border-radius:12px;align-items:center;gap:6px;width:fit-content;padding:5px 12px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.queue-auto-toggle:hover{color:#fff;background:#8b5cf640;border-color:#a855f7;transform:translateY(-1px)}.queue-auto-toggle.active{color:#e9d5ff;background:linear-gradient(135deg,#7c3aed4d 0%,#06b6d440 100%);border-color:#a855f7}.queue-auto-badge{color:#d8b4fe;background:#a855f733;border:1px solid #a855f759;border-radius:6px;margin-top:3px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.close-btn{color:#d1d5db;cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex}.close-btn:hover{color:#f87171;background:#ef444433;transform:rotate(90deg)}.play-next-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:12px;width:100%;margin-bottom:20px;padding:12px;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 4px 16px #7c3aed4d}.play-next-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 22px #7c3aed80}.play-next-btn:disabled{color:#6b7280;cursor:not-allowed;box-shadow:none;background:#ffffff0f}.queue-now-playing h4,.queue-up-next h4{color:#9ca3af;text-transform:uppercase;letter-spacing:.6px;margin-bottom:12px;font-size:12px}.queue-song,.queued-song{background:#ffffff08;border:1px solid #ffffff0d;border-radius:14px;align-items:center;gap:14px;margin-bottom:10px;padding:10px 12px;transition:all .2s;display:flex}.queue-song:hover,.queued-song:hover{background:#ffffff0f;border-color:#7c3aed4d}.queue-song img,.queued-song img{object-fit:cover;border-radius:10px;width:44px;height:44px}.queue-song strong,.queued-info strong{color:#f3f4f6;white-space:nowrap;text-overflow:ellipsis;max-width:250px;font-size:14px;display:block;overflow:hidden}.queue-song p,.queued-info p{color:#9ca3af;margin-top:2px;font-size:12px}.queued-info small{color:#c4b5fd;margin-top:2px;font-size:11px;display:block}.empty-queue{text-align:center;color:#6b7280;padding:40px 10px}.empty-queue h3{color:#9ca3af;margin-bottom:6px;font-size:16px}@media (width<=768px){.bottom-player{border-radius:18px;min-height:70px;bottom:74px;left:8px;right:8px}.player-content{gap:8px;padding:6px 12px}.cover{border-radius:10px;width:42px;height:42px}.song-details{max-width:105px}.song-name{max-width:100px;font-size:12px}.artist-name{font-size:10px}.player-center{gap:2px}.player-controls-row{gap:8px}.play-pause-btn{width:36px;height:36px;font-size:14px}.stop-btn{border-radius:50%;justify-content:center;width:32px;height:32px;padding:6px}.stop-btn-text{display:none}.next-btn{width:30px;height:30px;font-size:11px}.player-time-row{display:none}.player-right{gap:6px}.mute-btn{display:none}.queue-btn{padding:6px 10px;font-size:11px}.queue-btn-text,.player-close-quick-btn{display:none}.mobile-nav{-webkit-backdrop-filter:blur(24px);z-index:9999;background:#0e0e14f2;border-top:1px solid #ffffff0f;justify-content:space-evenly;align-items:center;height:65px;padding:0 8px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000004d}.mobile-nav a{color:#666;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.mobile-nav a.active{color:#8b5cf6;background:#8b5cf61f;box-shadow:0 0 12px #7c3aed26}.mobile-nav a:active{transform:scale(.92)}.mobile-icon-wrap{justify-content:center;align-items:center;display:flex;position:relative}.mobile-unread-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.4s infinite chatDotPulse;position:absolute;top:-2px;right:-4px;box-shadow:0 0 10px #ef4444}}.brave-install-banner{-webkit-backdrop-filter:blur(16px);z-index:999;background:linear-gradient(90deg,#f973162e,#8b5cf638);border-bottom:1px solid #f9731659;width:100%;padding:10px 20px;animation:.3s ease-out bibSlideDown;position:relative}@keyframes bibSlideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.bib-content{justify-content:space-between;align-items:center;gap:16px;max-width:1280px;margin:0 auto;display:flex}.bib-icon-wrap{background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.bib-emoji{font-size:20px}.bib-text-wrap{flex-direction:column;flex:1;gap:3px;display:flex;overflow:hidden}.bib-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bib-badge{color:#fff;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:5px;padding:2px 7px;font-size:9.5px;font-weight:800}.bib-title{color:#fff;font-size:13.5px;font-weight:700}.bib-desc{color:#cbd5e1;margin:0;font-size:12.5px;line-height:1.4}.bib-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.bib-btn{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;font-size:12.5px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.bib-btn.primary-btn{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#f97316,#8b5cf6);border:none;padding:8px 16px;box-shadow:0 4px 14px #f9731659}.bib-btn.primary-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f9731680}.bib-btn.close-btn{color:#94a3b8;background:#ffffff14;border:1px solid #ffffff26;width:32px;height:32px;padding:0}.bib-btn.close-btn:hover{color:#fff;background:#fff3}@media (width<=768px){.brave-install-banner{padding:10px 14px}.bib-content{flex-wrap:wrap;gap:10px}.bib-actions{justify-content:space-between;width:100%}.bib-btn.primary-btn{flex:1}}.bib-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.bib-modal-card{color:#fff;background:#14141f;border:1px solid #ffffff26;border-radius:20px;width:100%;max-width:440px;padding:24px;animation:.25s cubic-bezier(.16,1,.3,1) scaleUp;box-shadow:0 20px 50px #000000b3}@keyframes scaleUp{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.bib-modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.bib-modal-header h3{align-items:center;margin:0;font-size:18px;display:flex}.bib-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px}.bib-modal-close:hover{color:#fff}.bib-modal-body p{color:#94a3b8;margin-bottom:12px;font-size:14px}.bib-steps-list{color:#e2e8f0;margin:0 0 16px 20px;padding:0;font-size:13.5px;line-height:1.8}.bib-steps-list strong{color:#fff}.bib-brave-tip{color:#fdba74;background:#f973161f;border:1px solid #f973164d;border-radius:12px;margin-bottom:18px;padding:12px;font-size:12.5px;line-height:1.5}.bib-brave-tip strong{color:#ffedd5}.bib-modal-action-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:10px;width:100%;padding:12px;font-size:14px;font-weight:700;transition:all .2s}.bib-modal-action-btn:hover{opacity:.92;transform:translateY(-1px)}.games-page{color:#fff;width:100%;padding-bottom:160px;animation:.4s cubic-bezier(.16,1,.3,1) fadeGames}@keyframes fadeGames{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.games-header{margin-bottom:32px}.games-badge{color:#c4b5fd;letter-spacing:1.2px;background:#8b5cf61f;border:1px solid #8b5cf647;border-radius:9999px;align-items:center;gap:8px;margin-bottom:14px;padding:6px 14px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 0 16px #8b5cf626}.games-badge-dot{background:#a78bfa;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #a78bfa}.games-page h1{background:linear-gradient(135deg,#fff 30%,#ddd6fe 70%,#8b5cf6 100%);-webkit-text-fill-color:transparent;letter-spacing:-.6px;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:38px;font-weight:900}.games-subtitle{color:#94a3b8;max-width:600px;margin:0;font-size:15px;font-weight:500;line-height:1.5}.games-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}@media (width<=768px){.games-page{padding-bottom:180px}.games-grid{grid-template-columns:1fr;gap:16px}.games-page h1{font-size:28px}.games-subtitle{font-size:14px}}.game-card{-webkit-backdrop-filter:blur(24px);cursor:pointer;background:linear-gradient(145deg,#181826bf,#0d0d16d9);border:1px solid #ffffff14;border-radius:20px;outline:none;flex-direction:column;justify-content:space-between;padding:24px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000059}.game-card:before{content:"";opacity:.35;background:linear-gradient(90deg,#8b5cf6,#3b82f6,#ec4899);height:3px;transition:opacity .3s,height .3s;position:absolute;top:0;left:0;right:0}.game-card:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#8b5cf61f 0%,#0000 65%);width:180%;height:180%;transition:opacity .35s;position:absolute;top:-40%;left:-40%}.game-card:hover{border-color:#8b5cf666;transform:translateY(-6px);box-shadow:0 20px 45px #00000080,0 0 30px #8b5cf633}.game-card:hover:before{opacity:1;height:4px}.game-card:hover:after{opacity:1}.game-card--active{border-color:#10b98159;box-shadow:0 12px 35px #0006,0 0 25px #10b98126}.game-card--active:before{opacity:.7;background:linear-gradient(90deg,#10b981,#06b6d4,#8b5cf6)}.game-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.game-card-header h2{letter-spacing:-.3px;color:#fff;margin:0;font-size:20px;font-weight:800;line-height:1.3}.game-live-pill{color:#34d399;letter-spacing:.8px;background:#10b98126;border:1px solid #10b98159;border-radius:9999px;flex-shrink:0;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 0 12px #10b98140}.live-pulse-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:1.5s ease-in-out infinite livePulseDot;box-shadow:0 0 8px #10b981}@keyframes livePulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.game-ready-pill{color:#94a3b8;letter-spacing:.8px;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9999px;flex-shrink:0;align-items:center;padding:3px 9px;font-size:10px;font-weight:700;display:inline-flex}.game-card p{color:#94a3b8;min-height:42px;margin:0 0 20px;font-size:13.5px;font-weight:450;line-height:1.55}.game-footer{border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.game-players-count{color:#cbd5e1;background:#ffffff0a;border:1px solid #ffffff14;border-radius:9999px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:600;display:inline-flex}.game-players-count strong{color:#a78bfa;font-weight:700}.player-emoji{font-size:13px}.game-play-btn{color:#fff;cursor:pointer;letter-spacing:.2px;background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:9px 20px;font-size:13px;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px #8b5cf659}.game-play-btn .btn-arrow{transition:transform .2s}.game-card:hover .game-play-btn:not(:disabled) .btn-arrow,.game-play-btn:hover:not(:disabled) .btn-arrow{transform:translate(4px)}.game-play-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf68c,0 0 16px #8b5cf64d}.game-play-btn:disabled{color:#64748b;cursor:not-allowed;box-shadow:none;background:#ffffff0d;border:1px solid #ffffff14}:root{--scribble-topbar-h-desktop:76px;--scribble-sidebar-w-desktop:264px;--scribble-topbar-h-mobile:56px;--scribble-mobile-nav-h:74px;--scribble-border:1px solid #ffffff14;--scribble-panel-bg:#1e1e2a;--scribble-box-radius:4px}.sidebar-collapsed{--scribble-sidebar-w-desktop:84px}.scribble-game-shell{top:var(--scribble-topbar-h-desktop);left:var(--scribble-sidebar-w-desktop);box-sizing:border-box;color:#ccc;background:#16161e;flex-direction:column;gap:0;padding:8px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;display:flex;position:fixed;bottom:0;right:0;overflow:hidden}.scribble-header-box{background:var(--scribble-panel-bg);border:var(--scribble-border);border-radius:var(--scribble-box-radius);flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;display:flex}.scribble-header-round{flex-direction:column;flex-shrink:0;gap:1px;min-width:80px;display:flex}.scribble-header-round strong{color:#eee;font-size:18px}.scribble-word-display{text-align:center;letter-spacing:3px;color:#aaa;flex:1;font-size:20px;font-weight:600}.scribble-word-display strong{color:#e0d4ff;letter-spacing:4px;font-size:22px}.scribble-word-display strong.scribble-word-revealed{color:#4ade80;letter-spacing:4px;font-size:22px}.scribble-timer{text-align:center;border-radius:var(--scribble-box-radius);color:#fb923c;background:#fb923c1f;border:1px solid #fb923c40;flex-shrink:0;min-width:90px;padding:8px 14px;font-size:18px;font-weight:800}.scribble-play-area{flex:1;grid-template-columns:1fr 340px;gap:8px;min-height:0;margin-top:8px;display:grid}.scribble-canvas-box{border:var(--scribble-border);border-radius:var(--scribble-box-radius);background:#fafafa;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.scribble-canvas{cursor:default;touch-action:none;background:#fff;flex:1;width:100%;min-height:0;display:block}.scribble-canvas.drawer{cursor:crosshair}.scribble-toolbar{border-top:var(--scribble-border);background:#2a2a38;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.scribble-colors{flex-wrap:wrap;gap:4px;display:flex}.scribble-colors button{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;padding:0;transition:transform .12s,border-color .12s}.scribble-colors button:hover{transform:scale(1.2)}.scribble-colors button.active{border-color:#fff;transform:scale(1.15);box-shadow:0 0 0 2px #8b5cf666}.scribble-brush-control{border-radius:var(--scribble-box-radius);background:#ffffff0f;align-items:center;gap:6px;padding:4px 8px;display:flex}.scribble-brush-control span{font-size:14px}.scribble-brush-control input{accent-color:#7c3aed;cursor:pointer;width:80px}.scribble-tool-btn{color:#ccc;border-radius:var(--scribble-box-radius);cursor:pointer;background:#ffffff14;border:1px solid #ffffff14;padding:6px 10px;font-size:12px;font-weight:600;transition:background .12s}.scribble-tool-btn:hover{background:#ffffff1f}.scribble-tool-btn.active{color:#fff;background:#7c3aed;border-color:#7c3aed}.scribble-tool-btn.danger{color:#fca5a5;background:#ef44441f;border-color:#ef444433}.scribble-tool-btn.danger:hover{background:#ef444433}.scribble-chat-box{background:var(--scribble-panel-bg);border:var(--scribble-border);border-radius:var(--scribble-box-radius);flex-direction:column;min-height:0;display:flex;overflow:hidden}.scribble-chat-messages{scrollbar-width:thin;scrollbar-color:#444 transparent;flex:1;min-height:0;padding:8px 10px;overflow-y:auto}.scribble-message{border-radius:var(--scribble-box-radius);background:#ffffff0a;flex-direction:column;gap:2px;margin-bottom:6px;padding:6px 8px;font-size:12px;display:flex}.scribble-message strong{color:#a78bfa;font-size:11px}.scribble-message span{color:#bbb;word-break:break-word}.scribble-message.correct{background:#22c55e1a;border:1px solid #22c55e33}.scribble-message.correct span{color:#86efac;font-weight:700}.scribble-message.system{text-align:center;color:#c4b5fd;background:#7c3aed1a;font-style:italic}.scribble-guess-form{border-top:var(--scribble-border);flex-shrink:0;gap:6px;padding:8px 10px;display:flex}.scribble-guess-form input{color:#eee;border-radius:var(--scribble-box-radius);background:#2a2a38;border:1px solid #ffffff14;outline:none;flex:1;min-width:0;padding:9px 10px;font-size:13px}.scribble-guess-form input:focus{border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed26}.scribble-guess-form input::placeholder{color:#666}.scribble-guess-form button{border-radius:var(--scribble-box-radius);color:#fff;cursor:pointer;background:#7c3aed;border:none;width:38px;height:38px;font-size:16px;transition:background .12s}.scribble-guess-form button:hover{background:#6d28d9}.scribble-footer-status{text-align:center;border-top:var(--scribble-border);flex-shrink:0;padding:10px 16px;font-size:13px;font-weight:700}.scribble-footer-status.correct{color:#86efac;background:#22c55e14}.scribble-footer-status.drawer{color:#c4b5fd;background:#8b5cf614}.scribble-players-strip{scrollbar-width:thin;scrollbar-color:#444 transparent;background:var(--scribble-panel-bg);border:var(--scribble-border);border-radius:var(--scribble-box-radius);flex-shrink:0;gap:6px;margin-top:8px;padding:8px;display:flex;overflow-x:auto}.scribble-strip-player{border-radius:var(--scribble-box-radius);background:#ffffff0a;border:1px solid #ffffff0d;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;transition:background .12s;display:flex}.scribble-strip-player:hover{background:#ffffff12}.scribble-strip-avatar{color:#fff;background:#7c3aed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:800;display:flex}.scribble-strip-info{flex-direction:column;min-width:0;display:flex}.scribble-strip-info strong{white-space:nowrap;text-overflow:ellipsis;color:#ddd;font-size:11px;overflow:hidden}.scribble-strip-info span{color:#777;font-size:9px}.scribble-strip-badge{flex-shrink:0;font-size:11px}.scribble-reveal-banner{z-index:10;border-radius:var(--scribble-box-radius);color:#e5e7eb;white-space:nowrap;background:#111827f2;border:1px solid #8b5cf666;padding:10px 20px;font-size:14px;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000004d}.scribble-reveal-banner strong{color:#c4b5fd}.scribble-choosing-card{text-align:center;background:var(--scribble-panel-bg);border:var(--scribble-border);border-radius:14px;width:min(600px,92%);margin:80px auto;padding:45px 30px}.scribble-big-icon{margin-bottom:12px;font-size:55px}.scribble-choosing-card h1{color:#eee;margin:0 0 8px;font-size:28px}.scribble-choosing-card p{color:#777;margin-bottom:25px;font-size:15px}.scribble-choose-timer{color:#fb923c;background:#fb923c1f;border:1px solid #fb923c40;border-radius:20px;margin-bottom:15px;padding:6px 16px;font-size:16px;font-weight:700;display:inline-block}.scribble-word-options{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.scribble-word-options button{color:#c4b5fd;cursor:pointer;background:#7c3aed26;border:1px solid #8b5cf64d;border-radius:8px;padding:12px 22px;font-size:15px;font-weight:700;transition:all .15s}.scribble-word-options button:hover{color:#fff;background:#7c3aed;border-color:#7c3aed;transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed4d}.scribble-waiting-animation{margin-bottom:12px;font-size:55px;animation:1.4s ease-in-out infinite scribblePencilFloat;display:inline-block}@keyframes scribblePencilFloat{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-10px)rotate(8deg)}}.scribble-finished-card{text-align:center;background:var(--scribble-panel-bg);border:var(--scribble-border);border-radius:14px;width:min(560px,92%);margin:55px auto;padding:35px}.scribble-finished-card h1{color:#eee;margin-bottom:20px;font-size:30px}.scribble-final-leaderboard{flex-direction:column;gap:8px;display:flex}.scribble-final-player{text-align:left;background:#ffffff0a;border:1px solid #ffffff0d;border-radius:8px;grid-template-columns:45px 1fr auto;align-items:center;padding:12px 14px;display:grid}.scribble-final-player>span{font-size:20px}.scribble-final-player strong{color:#eee}.scribble-final-player b{color:#c4b5fd}.scribble-play-again-btn{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:8px;margin-top:20px;padding:11px 22px;font-size:14px;font-weight:700;transition:background .15s}.scribble-play-again-btn:hover{background:#6d28d9}@media (width<=900px) and (width>=601px){.scribble-game-shell{left:var(--scribble-sidebar-w-desktop)}.scribble-play-area{grid-template-columns:1fr 260px}}@media (width<=600px){.scribble-game-shell{top:var(--scribble-topbar-h-mobile);left:0;right:0;bottom:var(--scribble-mobile-nav-h);gap:0;padding:6px}.scribble-header-box{gap:8px;padding:8px 10px}.scribble-header-round{min-width:auto}.scribble-header-round strong{font-size:15px}.scribble-word-display{letter-spacing:2px;font-size:15px}.scribble-word-display strong{font-size:17px}.scribble-timer{min-width:auto;padding:6px 10px;font-size:14px}.scribble-play-area{flex-direction:column;flex:1;gap:6px;min-height:0;display:flex}.scribble-canvas-box{flex:1;min-height:0}.scribble-toolbar{gap:6px;padding:6px 8px}.scribble-colors button{width:20px;height:20px}.scribble-brush-control{width:100%}.scribble-brush-control input{flex:1}.scribble-tool-btn{flex:1;padding:5px 6px;font-size:11px}.scribble-chat-box{flex:none;max-height:180px}.scribble-chat-messages{box-sizing:border-box;overscroll-behavior:contain;flex:1;width:100%;height:0;padding:8px;overflow:hidden auto}.scribble-message{box-sizing:border-box;word-break:break-word;flex-shrink:0;width:100%;margin-bottom:5px}.scribble-players-strip{flex-shrink:0;margin-top:6px;padding:6px}.scribble-strip-player{padding:4px 8px}.scribble-strip-avatar{width:22px;height:22px;font-size:10px}.scribble-strip-info strong{font-size:10px}.scribble-strip-info span{font-size:8px}.scribble-choosing-card{margin:30px auto;padding:30px 16px}.scribble-choosing-card h1{font-size:22px}.scribble-big-icon,.scribble-waiting-animation{font-size:45px}.scribble-word-options{flex-direction:column}.scribble-word-options button{width:100%}.scribble-finished-card{margin:25px auto;padding:24px 14px}.scribble-final-player{grid-template-columns:38px 1fr auto;padding:10px 8px;font-size:12px}}.scribble-page{color:#fff;padding:40px}.scribble-page h1{margin-bottom:30px;font-size:42px}.scribble-card{background:#1b1b26;border:1px solid #ffffff14;border-radius:20px;padding:30px}.player-list{flex-direction:column;gap:14px;margin-top:25px;display:flex}.scribble-player{background:#252535;border-radius:14px;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.avatar{background:#7c3aed;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;margin-right:15px;font-size:20px;font-weight:700;display:flex}.scribble-player span{flex:1;font-size:18px}.scribble-player strong{color:#facc15}.scribble-no-room{color:#fff;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.scribble-layout{grid-template-columns:2fr 1fr;gap:25px;display:grid}.settings-card{background:#1b1b26;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;gap:12px;padding:25px;display:flex}.settings-card label{font-weight:700}.settings-card select{color:#fff;background:#2a2a39;border:none;border-radius:10px;padding:12px}.start-btn{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:12px;margin-top:15px;padding:14px;font-size:16px;font-weight:700}.start-btn:hover{background:#6d28d9}@media (width<=900px){.scribble-layout{grid-template-columns:1fr}}.waiting-settings{background:#252535;border-radius:15px;flex-direction:column;gap:15px;margin-top:20px;padding:18px;display:flex}.waiting-settings div{justify-content:space-between;font-size:16px;display:flex}.waiting-settings strong{color:#7c3aed;font-size:18px}.playlist-page{width:100%;animation:.45s cubic-bezier(.16,1,.3,1) fadeHome}.playlist-header{-webkit-backdrop-filter:blur(28px);background:linear-gradient(135deg,#8b5cf61f 0%,#12121cd9 100%);border:1px solid #ffffff14;border-radius:26px;flex-wrap:wrap;align-items:flex-start;gap:20px;margin-bottom:36px;padding:30px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000073}.playlist-header:before{content:"";filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#8b5cf638 0%,#0000 70%);border-radius:50%;width:260px;height:260px;position:absolute;top:-60px;right:-40px}.playlist-back-btn{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:700;transition:all .25s;display:inline-flex}.playlist-back-btn:hover{color:#fff;background:#ffffff2e;transform:translate(-3px)}.playlist-header-info{flex:1;min-width:260px}.playlist-title{color:#fff;letter-spacing:-.5px;align-items:center;gap:12px;margin:0;font-size:34px;font-weight:800;display:flex}.playlist-edit-name-btn{cursor:pointer;opacity:.5;color:#c4b5fd;background:0 0;border:none;font-size:18px;transition:all .2s}.playlist-edit-name-btn:hover{opacity:1;transform:scale(1.15)}.playlist-rename-form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.playlist-rename-form input{color:#f8fafc;background:#12121cd9;border:1px solid #8b5cf666;border-radius:12px;padding:10px 16px;font-size:18px;font-weight:700}.playlist-rename-form input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf640}.playlist-rename-form button{color:#f1f5f9;background:#ffffff1a;border-radius:10px;padding:9px 16px;font-size:13.5px;font-weight:700}.playlist-rename-form button:hover{color:#fff;background:#8b5cf6}.playlist-meta{color:#94a3b8;align-items:center;gap:8px;margin-top:10px;font-size:14px;font-weight:500;display:flex}.playlist-collab-pill{color:#f472b6;background:#ec489929;border:1px solid #ec489966;border-radius:12px;padding:3px 10px;font-size:11.5px;font-weight:700}.playlist-header-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.playlist-play-all-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:14px;align-items:center;gap:6px;padding:11px 22px;font-size:14px;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 4px 18px #8b5cf666}.playlist-play-all-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf68c}.playlist-search-toggle-btn{color:#f1f5f9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:13px;padding:10px 18px;font-size:13.5px;font-weight:700;transition:all .2s}.playlist-search-toggle-btn:hover{background:#ffffff29;transform:translateY(-2px)}.playlist-delete-btn{color:#fca5a5;cursor:pointer;background:#ef444424;border:1px solid #ef44444d;border-radius:13px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .2s}.playlist-delete-btn:hover{color:#fff;background:#ef444447;transform:translateY(-1px)}.playlist-leave-btn{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:13px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .2s}.playlist-leave-btn:hover{color:#fff;background:#ffffff29}.playlist-add-search{-webkit-backdrop-filter:blur(24px);background:linear-gradient(150deg,#181826e6,#10101af2);border:1px solid #8b5cf64d;border-radius:20px;margin-bottom:32px;padding:24px;box-shadow:0 12px 36px #0006}.playlist-add-search-input{color:#f8fafc;background:#0a0a10b3;border:1px solid #ffffff1a;border-radius:14px;width:100%;height:52px;margin-bottom:14px;padding:0 20px;font-size:14.5px;transition:all .25s}.playlist-add-search-input:focus{background:#0e0e16d9;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf640}.playlist-add-results{scrollbar-width:thin;scrollbar-color:#8b5cf666 transparent;flex-direction:column;gap:6px;max-height:320px;display:flex;overflow-y:auto}.playlist-add-result{background:#ffffff08;border:1px solid #0000;border-radius:12px;align-items:center;gap:14px;padding:10px 14px;transition:all .2s;display:flex}.playlist-add-result:hover{background:#ffffff14;border-color:#8b5cf64d}.playlist-add-thumb{object-fit:cover;border-radius:10px;flex-shrink:0;width:48px;height:48px}.playlist-add-info{flex:1;min-width:0}.playlist-add-title{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:14px;font-weight:700;overflow:hidden}.playlist-add-artist{color:#94a3b8;font-size:12px}.playlist-add-action-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:10px;padding:7px 14px;font-size:12px;font-weight:700;box-shadow:0 2px 10px #8b5cf64d}.playlist-add-action-btn:hover{transform:scale(1.05)}.playlist-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:start;gap:20px;display:grid}.playlist-song-wrapper{position:relative}.playlist-remove-btn{color:#fff;cursor:pointer;opacity:0;z-index:10;background:#ef4444d9;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 4px 12px #ef444466}.playlist-song-wrapper:hover .playlist-remove-btn{opacity:1}.playlist-remove-btn:hover{background:#ef4444;transform:scale(1.15)}.playlist-empty{text-align:center;background:#12121c99;border:1px solid #ffffff14;border-radius:24px;margin:20px 0;padding:60px 24px}.playlist-empty h2{color:#fff;margin-bottom:8px;font-size:24px;font-weight:800}.playlist-empty p{color:#94a3b8;margin-bottom:20px;font-size:14.5px}@media (width<=768px){.playlist-header{border-radius:20px;gap:14px;padding:20px 16px}.playlist-title{font-size:24px}.playlist-grid{grid-template-columns:1fr;gap:14px}.playlist-header-actions{width:100%}.playlist-play-all-btn,.playlist-search-toggle-btn{flex:1;justify-content:center}}.spectator-banner-container{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#1e1b4bd9 0%,#0f172ae6 100%);border:1px solid #a855f759;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:10px 18px;animation:.3s ease-out spectatorFadeIn;display:flex;box-shadow:0 8px 24px -6px #9333ea40,inset 0 1px #ffffff1a}@keyframes spectatorFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.spectator-banner-badge{background:#a855f726;border:1px solid #a855f766;border-radius:20px;flex-shrink:0;align-items:center;gap:8px;padding:6px 12px;display:flex}.spectator-live-pulse{background:#a855f7;border-radius:50%;width:9px;height:9px;animation:1.5s infinite spectatorPulse;box-shadow:0 0 10px #a855f7}@keyframes spectatorPulse{0%{transform:scale(.9);box-shadow:0 0 #a855f7b3}70%{transform:scale(1.15);box-shadow:0 0 0 8px #a855f700}to{transform:scale(.9);box-shadow:0 0 #a855f700}}.spectator-badge-text{letter-spacing:.8px;color:#e9d5ff;text-transform:uppercase;font-size:11px;font-weight:800}.spectator-banner-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.spectator-banner-title{color:#f8fafc;font-size:13px;font-weight:700}.spectator-status.live{color:#c084fc}.spectator-status.finished{color:#34d399}.spectator-banner-subtitle{color:#cbd5e1;align-items:center;gap:6px;font-size:12px;display:flex}.spectator-spinner{border:2px solid #c084fc40;border-top-color:#c084fc;border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:1s linear infinite spectatorSpin}@keyframes spectatorSpin{to{transform:rotate(360deg)}}.spectator-exit-btn{color:#fca5a5;cursor:pointer;background:#ef444426;border:1px solid #ef444459;border-radius:10px;flex-shrink:0;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.spectator-exit-btn:hover{color:#fff;background:#ef444440;border-color:#ef444499;transform:translateY(-1px)}@media (width<=600px){.spectator-banner-container{flex-wrap:wrap;gap:10px;padding:10px 14px}.spectator-banner-info{order:2;width:100%}.spectator-exit-btn{order:1;margin-left:auto}}.ttt-page{max-width:600px;margin:0 auto;padding:30px;animation:.4s fadeHome}.ttt-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.ttt-header h1{background:linear-gradient(135deg,#fff 0%,#c4b5fd 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px;font-weight:800}.ttt-header button{-webkit-backdrop-filter:blur(12px);color:#aaa;cursor:pointer;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffffff14;border-radius:12px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .25s}.ttt-header button:hover{color:#fff;background:linear-gradient(135deg,#ffffff1f,#ffffff0d);border-color:#fff3;box-shadow:0 4px 16px #0003}.ttt-game-area{flex-direction:column;align-items:center;display:flex}.ttt-players-bar{justify-content:center;align-items:center;gap:16px;width:100%;margin-bottom:24px;display:flex}.ttt-player-info{-webkit-backdrop-filter:blur(16px);color:#888;background:linear-gradient(145deg,#ffffff0a,#ffffff03);border:1px solid #ffffff0f;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-width:130px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex}.ttt-player-info.active{color:#fff;background:linear-gradient(145deg,#7c3aed26,#7c3aed0d);border-color:#7c3aed80;box-shadow:0 0 20px #7c3aed33,0 0 40px #7c3aed0d}.ttt-symbol{border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;font-weight:900;display:flex}.ttt-symbol.x{color:#ef4444;background:linear-gradient(135deg,#ef444440,#ef44441a);box-shadow:0 0 12px #ef444426}.ttt-symbol.o{color:#3b82f6;background:linear-gradient(135deg,#3b82f640,#3b82f61a);box-shadow:0 0 12px #3b82f626}.ttt-score{color:#ccc;background:linear-gradient(135deg,#ffffff14,#ffffff08);border-radius:8px;padding:4px 10px;font-size:13px;font-weight:700}.ttt-vs{color:#444;letter-spacing:3px;text-transform:uppercase;font-size:13px;font-weight:800}.ttt-status{color:#888;-webkit-backdrop-filter:blur(12px);text-align:center;background:linear-gradient(145deg,#ffffff0a,#ffffff03);border:1px solid #ffffff0d;border-radius:12px;margin-bottom:22px;padding:10px 24px;font-size:15px;font-weight:700;transition:all .35s}.ttt-status.my-turn{color:#c4b5fd;background:linear-gradient(145deg,#7c3aed26,#7c3aed0d);border-color:#7c3aed33;box-shadow:0 0 20px #7c3aed1a}.ttt-status.finished{color:#fff;font-size:17px}.ttt-board{aspect-ratio:1;-webkit-backdrop-filter:blur(16px);background:linear-gradient(145deg,#ffffff0f,#ffffff05);border:1px solid #ffffff14;border-radius:18px;grid-template-columns:repeat(3,1fr);gap:8px;width:min(360px,90vw);padding:10px;display:grid;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d}.ttt-cell{cursor:default;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#ffffff0a,#ffffff03);border:1px solid #ffffff0a;border-radius:14px;justify-content:center;align-items:center;font-size:48px;font-weight:900;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.ttt-cell.clickable{cursor:pointer}.ttt-cell.clickable:hover{background:linear-gradient(145deg,#ffffff14,#ffffff08);border-color:#ffffff1a;transform:scale(1.04);box-shadow:0 4px 16px #0003}.ttt-cell.filled.x{color:#ef4444;text-shadow:0 0 20px #ef44444d}.ttt-cell.filled.o{color:#3b82f6;text-shadow:0 0 20px #3b82f64d}.ttt-cell.win{background:linear-gradient(145deg,#7c3aed4d,#7c3aed1a);border-color:#7c3aed66;animation:1.2s ease-in-out infinite alternate tttPulse;box-shadow:0 0 24px #7c3aed4d,0 0 48px #7c3aed1a}@keyframes tttPulse{0%{box-shadow:0 0 24px #7c3aed4d,0 0 48px #7c3aed1a}to{box-shadow:0 0 32px #7c3aed80,0 0 60px #7c3aed33}}.ttt-restart-btn{color:#fff;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:14px;margin-top:28px;padding:14px 32px;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #7c3aed40}.ttt-restart-btn:hover{transform:translateY(-3px);box-shadow:0 8px 28px #7c3aed59,0 0 40px #7c3aed1a}@media (width<=600px){.ttt-page{padding:16px}.ttt-header h1{font-size:22px}.ttt-cell{font-size:36px}.ttt-players-bar{gap:10px}.ttt-player-info{min-width:100px;padding:8px 12px;font-size:12px}.ttt-symbol{width:28px;height:28px;font-size:14px}}.sl-page{max-width:1100px;margin:0 auto;padding:20px;animation:.4s fadeHome}.sl-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.sl-header h1{background:linear-gradient(135deg,#fff 0%,#c4b5fd 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:26px;font-weight:800}.sl-header button{-webkit-backdrop-filter:blur(12px);color:#aaa;cursor:pointer;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffffff14;border-radius:12px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .25s}.sl-header button:hover{color:#fff;background:linear-gradient(135deg,#ffffff1f,#ffffff0d);border-color:#fff3;box-shadow:0 4px 16px #0003}.sl-layout{align-items:flex-start;gap:24px;display:flex}.sl-board-container{aspect-ratio:1;border:1px solid #ffffff14;border-radius:16px;flex-shrink:0;width:min(520px,85vw);position:relative;overflow:hidden;box-shadow:0 8px 40px #0006,0 0 60px #7c3aed0f}.sl-board-img{object-fit:cover;width:100%;height:100%;display:block}.sl-token{color:#fff;z-index:10;text-shadow:0 1px 3px #0009;width:30px;height:30px;box-shadow:0 2px 8px #00000080, 0 0 14px 4px var(--token-glow,#ffffff59), 0 0 30px 6px var(--token-glow,#ffffff26), inset 0 -2px 4px #00000040, inset 0 2px 4px #ffffff4d;border:3px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:800;transition:left .2s,top .2s;animation:2s ease-in-out infinite tokenGlow;display:flex;position:absolute}@keyframes tokenGlow{0%,to{filter:brightness(1) drop-shadow(0 0 4px var(--token-glow,#ffffff4d))}50%{filter:brightness(1.15) drop-shadow(0 0 10px var(--token-glow,#ffffff80))}}.sl-token-active{z-index:15;animation:1.2s ease-in-out infinite tokenGlowActive;transform:scale(1.12)}@keyframes tokenGlowActive{0%,to{filter:brightness(1.1) drop-shadow(0 0 6px var(--token-glow));box-shadow:0 2px 8px #00000080, 0 0 16px 5px var(--token-glow,#fff6), 0 0 36px 8px var(--token-glow,#fff3), inset 0 -2px 4px #00000040, inset 0 2px 4px #ffffff4d}50%{filter:brightness(1.3) drop-shadow(0 0 14px var(--token-glow));box-shadow:0 2px 8px #00000080, 0 0 24px 8px var(--token-glow,#ffffff80), 0 0 50px 12px var(--token-glow,#ffffff40), inset 0 -2px 4px #00000040, inset 0 2px 4px #ffffff4d}}.sl-sidebar{flex-direction:column;flex:1;gap:16px;min-width:220px;display:flex}.sl-players-list{-webkit-backdrop-filter:blur(16px);background:linear-gradient(145deg,#ffffff0d,#ffffff05);border:1px solid #ffffff0f;border-radius:16px;padding:16px;box-shadow:0 4px 20px #0003}.sl-players-list h3{color:#eee;margin:0 0 12px;font-size:15px;font-weight:700}.sl-player-row{background:#ffffff05;border:1.5px solid #0000;border-radius:10px;align-items:center;gap:10px;margin-bottom:6px;padding:10px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.sl-player-row.active-turn{background:linear-gradient(145deg,#7c3aed1f,#7c3aed0a);border-color:#7c3aed80;box-shadow:0 0 16px #7c3aed26}.sl-player-color{border-radius:50%;flex-shrink:0;width:12px;height:12px;box-shadow:0 0 8px}.sl-player-name{color:#eee;flex:1;font-size:13px;font-weight:600}.sl-turn-badge{font-size:14px;animation:1.5s ease-in-out infinite turnPulse}@keyframes turnPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.sl-dice-area{-webkit-backdrop-filter:blur(16px);background:linear-gradient(145deg,#ffffff0d,#ffffff05);border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;align-items:center;gap:14px;padding:22px;display:flex;box-shadow:0 4px 20px #0003}.sl-dice{background:linear-gradient(145deg,#fff,#f0f0f0);border-radius:16px;justify-content:center;align-items:center;width:80px;height:80px;display:flex;box-shadow:0 6px 20px #00000040,inset 0 1px #fffc}.sl-dice.rolling{animation:.1s linear infinite diceShake}@keyframes diceShake{0%{transform:rotate(0)scale(1)}25%{transform:rotate(10deg)scale(1.06)}50%{transform:rotate(-10deg)scale(.94)}75%{transform:rotate(5deg)scale(1.03)}to{transform:rotate(0)scale(1)}}.sl-dice-empty{color:#999;font-size:32px;font-weight:900}.dice-face{flex-direction:column;gap:5px;padding:10px;display:flex}.dice-row{justify-content:center;gap:5px;display:flex}.dice-cell{background:0 0;border-radius:50%;width:16px;height:16px}.dice-cell.dot{background:#1a1a27;box-shadow:0 1px 3px #00000040}.sl-roll-btn{color:#fff;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:14px;padding:14px 36px;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #7c3aed40}.sl-roll-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 28px #7c3aed59,0 0 40px #7c3aed1a}.sl-roll-btn:disabled{color:#555;cursor:not-allowed;box-shadow:none;background:linear-gradient(135deg,#2a2a38,#223);transform:none}.sl-finished{text-align:center;padding:8px 0}.sl-winner-text{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:20px;font-weight:800}.sl-play-again-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:14px;padding:14px 32px;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #16a34a40}.sl-play-again-btn:hover{transform:translateY(-3px);box-shadow:0 8px 28px #16a34a59,0 0 40px #16a34a1a}.sl-effect-flash{text-align:center;border-radius:12px;padding:12px 18px;font-size:15px;font-weight:700;animation:.35s cubic-bezier(.4,0,.2,1) flashIn}.sl-effect-flash.ladder{color:#22c55e;background:linear-gradient(145deg,#22c55e33,#22c55e14);border:1px solid #22c55e40;box-shadow:0 0 20px #22c55e1a}.sl-effect-flash.snake{color:#ef4444;background:linear-gradient(145deg,#ef444433,#ef444414);border:1px solid #ef444440;box-shadow:0 0 20px #ef44441a}@keyframes flashIn{0%{opacity:0;transform:scale(.85)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=768px){.sl-layout{flex-direction:column;align-items:center}.sl-board-container{width:min(400px,95vw)}.sl-sidebar{width:100%;min-width:unset;flex-flow:wrap}.sl-players-list{flex:1;min-width:200px}.sl-dice-area{flex:none}}@media (width<=480px){.sl-page{padding:12px}.sl-header h1{font-size:20px}.sl-board-container{width:min(340px,95vw)}.sl-token{width:22px;height:22px;font-size:9px}}.sl-token-floating-name{color:#fff;white-space:nowrap;pointer-events:none;z-index:15;background:#0f172ae6;border:1px solid #ffffff40;border-radius:6px;padding:1px 5px;font-size:9px;font-weight:700;position:absolute;bottom:-15px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0009}.uno-game-container{-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:space-between;gap:20px;width:100%;min-height:80vh;display:flex;position:relative}.uno-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#12121cbf;border:1px solid #ffffff14;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 22px;display:flex}.uno-header-left,.uno-header-center,.uno-header-right{align-items:center;gap:12px;display:flex}.uno-back-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s}.uno-back-btn:hover{background:#ffffff26;transform:translateY(-2px)}.uno-turn-badge{color:#e0e7ff;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.uno-turn-dot{background:#22c55e;border-radius:50%;width:10px;height:10px;animation:1.5s infinite statusPulse;box-shadow:0 0 10px #22c55e}.uno-active-color-pill{background:#0006;border:2px solid #ef4444;border-radius:30px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;display:flex}.uno-color-dot{border-radius:50%;width:12px;height:12px}.uno-direction-pill{color:#c4b5fd;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:30px;padding:6px 14px;font-size:12px;font-weight:600}.uno-call-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316,#ef4444);border:none;border-radius:30px;padding:10px 20px;font-size:14px;font-weight:800;transition:all .2s;animation:2s infinite bounce;box-shadow:0 4px 18px #f9731666}.uno-call-btn:hover{transform:scale(1.08);box-shadow:0 6px 24px #f9731699}.uno-action-ticker{text-align:center;color:#c7d2fe;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#6366f126;border:1px solid #6366f14d;border-radius:12px;padding:8px 18px;font-size:14px;font-weight:700}.uno-opponents-row{scrollbar-width:thin;justify-content:center;gap:12px;padding:10px 4px;display:flex;overflow-x:auto}.uno-opponent-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#12121c99;border:1px solid #ffffff14;border-radius:18px;flex-shrink:0;align-items:center;gap:10px;padding:10px 16px;transition:all .3s;display:flex;position:relative}.uno-opponent-card.active-turn{background:#6366f133;border-color:#818cf8;transform:translateY(-4px);box-shadow:0 0 20px #6366f166}.uno-opponent-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:800;display:flex}.uno-opponent-details{flex-direction:column;gap:2px;display:flex}.uno-opponent-details strong{color:#f3f4f6;font-size:13px}.uno-card-count-badge{color:#9ca3af;font-size:11px;font-weight:600}.uno-alert-badge{color:#fff;background:#ef4444;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:900;animation:1s infinite bounce;position:absolute;top:-8px;right:-8px;box-shadow:0 0 12px #ef4444}.uno-table{justify-content:center;align-items:center;gap:40px;margin:10px 0;display:flex;position:relative}.uno-draw-pile{cursor:pointer;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.uno-draw-pile.clickable{animation:1.8s infinite drawPulse}.uno-draw-pile.shuffling-deck{animation:.4s ease-in-out infinite deckShuffleShake}@keyframes deckShuffleShake{0%,to{transform:rotate(0)scale(1)}25%{transform:rotate(-3deg)scale(1.04)}75%{transform:rotate(3deg)scale(1.04)}}@keyframes drawPulse{0%,to{filter:drop-shadow(0 0 #818cf8);transform:scale(1)}50%{filter:drop-shadow(0 0 16px #818cf8b3);transform:scale(1.05)}}.uno-card-back{background:#0f172a;border:3px solid #fff;border-radius:14px;justify-content:center;align-items:center;width:85px;height:128px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #0009}.uno-card-back:before{content:"";background:#dc2626;border-radius:50%;width:60px;height:84px;position:absolute;transform:rotate(-28deg)}.uno-card-back span{color:#facc15;letter-spacing:1px;text-shadow:1px 1px 2px #000c;font-size:18px;font-weight:900;position:relative;transform:rotate(-28deg)}.uno-deck-label{color:#c4b5fd;font-size:12px;font-weight:700}.uno-card-item{background:var(--card-color,#7c3aed);border:3px solid #fff;border-radius:14px;flex-shrink:0;width:85px;height:128px;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 8px 20px #00000080}.uno-card-item.card-wild,.uno-card-item.card-wild4,.uno-card-item.card-swap{border-color:#fff;box-shadow:0 8px 25px #000000bf,inset 0 0 12px #ffffff14;background:#101014!important}.uno-card-inner{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.uno-card-corner{color:#fff;text-shadow:1px 1px 3px #000c;font-size:14px;font-weight:900;position:absolute}.uno-card-corner.top-left{top:6px;left:8px}.uno-card-corner.bottom-right{bottom:6px;right:8px;transform:rotate(180deg)}.uno-card-center-oval{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:58px;height:84px;display:flex;overflow:hidden;transform:rotate(-28deg);box-shadow:0 3px 8px #00000059}.uno-card-center-oval span{color:var(--card-color,#7c3aed);font-size:26px;font-weight:900}.uno-wild4-text{color:#111;letter-spacing:-1px;text-shadow:1px 1px #00000026;font-size:26px;font-weight:900}.uno-wild-wheel{background:conic-gradient(#ef4444 0deg 90deg,#3b82f6 90deg 180deg,#eab308 180deg 270deg,#22c55e 270deg 360deg);border:3px solid #fff;border-radius:50%;width:44px;height:64px;box-shadow:0 2px 6px #00000040}.uno-swap-symbol-wrap{flex-direction:column;justify-content:center;align-items:center;display:flex}.uno-swap-icon{color:#111;font-size:24px;font-weight:900;line-height:1}.uno-swap-text{color:#111;letter-spacing:.5px;text-transform:uppercase;font-size:9px;font-weight:900}.uno-card-item.top-card{transform:scale(1.15);box-shadow:0 12px 32px #000000b3}.uno-my-hand-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0e0e16cc;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;gap:12px;padding:16px 20px;display:flex}.uno-hand-header{color:#9ca3af;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;display:flex}.uno-hint-text{color:#4ade80;animation:1.5s infinite statusPulse}.uno-cards-fan{scrollbar-width:thin;gap:8px;padding:16px 8px 10px;display:flex;overflow-x:auto}.uno-card-item.playable{cursor:pointer;border-color:#4ade80;box-shadow:0 6px 24px #4ade8066}.uno-card-item.playable:hover{z-index:10;transform:translateY(-20px)scale(1.1);box-shadow:0 16px 36px #4ade8099}.uno-card-item.dimmed{opacity:.55;filter:grayscale(30%)}.uno-shuffle-modal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#0a0a14e0;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:absolute;inset:0}.uno-shuffle-deck-box{perspective:800px;width:100px;height:148px;position:relative}.uno-shuffle-card-slice{color:#f59e0b;background:linear-gradient(135deg,#0f172a,#1e1b4b);border:3px solid #f59e0b;border-radius:14px;justify-content:center;align-items:center;width:100%;height:100%;font-size:20px;font-weight:900;display:flex;position:absolute;box-shadow:0 10px 25px #000000b3}.uno-shuffle-card-slice:first-child{animation:1.2s ease-in-out infinite shuffleSplitLeft}.uno-shuffle-card-slice:nth-child(2){animation:1.2s ease-in-out infinite shuffleSplitRight}.uno-shuffle-card-slice:nth-child(3){animation:1.2s ease-in-out infinite shuffleCenterSlide}@keyframes shuffleSplitLeft{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-55px)rotate(-14deg)scale(1.05)}50%{z-index:5;transform:translate(-20px)rotate(-4deg)}75%{transform:translate(-4px)rotate(1deg)}}@keyframes shuffleSplitRight{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(55px)rotate(14deg)scale(1.05)}50%{z-index:6;transform:translate(20px)rotate(4deg)}75%{transform:translate(4px)rotate(-1deg)}}@keyframes shuffleCenterSlide{0%,to{transform:translateY(0)}30%{transform:translateY(-16px)scale(.96)}60%{transform:translateY(10px)scale(1.02)}}.uno-shuffle-title{background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:20px;font-weight:900}.uno-flying-card{color:#f59e0b;pointer-events:none;z-index:1000;background:#0f172a;border:2px solid #fff;border-radius:12px;justify-content:center;align-items:center;width:70px;height:105px;font-size:13px;font-weight:900;transition:all .28s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;box-shadow:0 10px 30px #000c}.uno-modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10000;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.uno-color-picker-modal{text-align:center;background:#141420f5;border:1px solid #ffffff26;border-radius:24px;width:90%;max-width:440px;padding:28px;box-shadow:0 20px 50px #000c}.uno-color-picker-modal h3{color:#f3f4f6;margin:0 0 20px;font-size:18px;font-weight:800}.uno-color-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.uno-pick-color-btn{color:#fff;cursor:pointer;border:none;border-radius:16px;padding:16px;font-size:16px;font-weight:900;transition:all .2s;box-shadow:0 4px 14px #0006}.uno-pick-color-btn:hover{transform:scale(1.05);box-shadow:0 8px 24px #0009}.uno-swap-modal{text-align:center;background:#141420fa;border:1px solid #ffffff26;border-radius:24px;flex-direction:column;gap:16px;width:90%;max-width:480px;padding:28px;display:flex;box-shadow:0 20px 50px #000c}.uno-swap-modal h3{background:linear-gradient(135deg,#a855f7,#6366f1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:20px;font-weight:900}.uno-swap-step-title{color:#cbd5e1;text-align:left;margin:4px 0 0;font-size:13px;font-weight:700}.uno-swap-players-grid{grid-template-columns:1fr 1fr;gap:10px;max-height:180px;display:grid;overflow-y:auto}.uno-swap-player-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:14px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .2s;display:flex}.uno-swap-player-btn.selected{background:#a855f740;border-color:#c084fc;box-shadow:0 0 12px #a855f780}.uno-swap-player-btn:hover{background:#ffffff1a}.uno-confirm-swap-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a855f7,#6366f1);border:none;border-radius:14px;padding:12px 24px;font-size:15px;font-weight:800;transition:all .2s;box-shadow:0 6px 20px #a855f766}.uno-confirm-swap-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.uno-cancel-swap-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:12px;padding:8px 16px;font-size:13px}.uno-winner-overlay{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10000;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.uno-winner-card{text-align:center;background:#141420f2;border:2px solid #ffffff26;border-radius:28px;flex-direction:column;align-items:center;gap:16px;width:90%;max-width:400px;padding:40px;display:flex;box-shadow:0 25px 60px #000c}.uno-trophy-icon{font-size:56px}.uno-winner-card h2{background:linear-gradient(135deg,#facc15,#f97316);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:26px;font-weight:900}.uno-winner-card p{color:#9ca3af;margin:0;font-size:15px}.uno-winner-actions{gap:12px;margin-top:10px;display:flex}.uno-restart-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#a855f7);border:none;border-radius:14px;padding:12px 24px;font-weight:800;transition:all .2s;box-shadow:0 4px 18px #6366f166}.uno-restart-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #6366f199}.uno-exit-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:14px;padding:12px 20px;font-weight:700;transition:all .2s}.uno-exit-btn:hover{background:#ffffff26}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.chess-container{color:#f8fafc;flex-direction:column;gap:20px;max-width:960px;min-height:calc(100vh - 90px);margin:0 auto;padding:20px 16px;display:flex}.chess-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172ab3;border:1px solid #ffffff1a;border-radius:18px;justify-content:space-between;align-items:center;padding:14px 22px;display:flex}.chess-header-left{align-items:center;gap:16px;display:flex}.chess-back-btn{color:#f8fafc;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:12px;padding:8px 18px;font-size:14px;font-weight:700;transition:all .2s}.chess-back-btn:hover{background:#ffffff29;transform:translate(-2px)}.chess-title-wrap h2{background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:20px;font-weight:800}.chess-title-wrap span{color:#94a3b8;font-size:12px}.chess-header-right{align-items:center;gap:12px;display:flex}.chess-resign-btn{color:#fca5a5;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:12px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s}.chess-resign-btn:hover{color:#fff;background:#ef444447}.chess-flip-btn{color:#e2e8f0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s}.chess-flip-btn:hover{background:#ffffff1f}.chess-main-layout{grid-template-columns:1fr 280px;align-items:start;gap:24px;display:grid}@media (width<=860px){.chess-main-layout{grid-template-columns:1fr}}.chess-board-wrapper{flex-direction:column;align-items:center;gap:12px;display:flex}.chess-player-strip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a8c;border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;align-items:center;width:100%;max-width:520px;padding:10px 16px;display:flex}.chess-player-strip.active-turn{background:#6366f11f;border-color:#6366f199;box-shadow:0 0 16px #6366f140}.chess-player-info{align-items:center;gap:10px;display:flex}.chess-color-indicator{border:2px solid #ffffff4d;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 6px #0006}.chess-color-indicator.white{background:#f8fafc}.chess-color-indicator.black{background:#1e293b;border-color:#64748b}.chess-player-name{color:#f8fafc;font-size:15px;font-weight:700}.chess-captured-tray{align-items:center;gap:4px;min-height:24px;font-size:18px;display:flex}.chess-check-alert{color:#f87171;letter-spacing:.5px;background:#ef444433;border:1px solid #ef444466;border-radius:20px;padding:6px 18px;font-size:13px;font-weight:800;animation:1.6s infinite chess-pulse}@keyframes chess-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.02)}}.chess-board-outer{background:linear-gradient(145deg,#1e293b,#0f172a);border:2px solid #ffffff1f;border-radius:18px;padding:10px;position:relative;box-shadow:0 20px 50px #0009,inset 0 1px #ffffff1a}.chess-board-grid{-webkit-user-select:none;user-select:none;border-radius:10px;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:min(78vw,480px);height:min(78vw,480px);display:grid;overflow:hidden;box-shadow:0 4px 16px #00000080}.chess-square{cursor:pointer;justify-content:center;align-items:center;transition:background .15s;display:flex;position:relative}.chess-square.light{color:#574636;background-color:#e2d6b5}.chess-square.dark{color:#e2d6b5;background-color:#b88b4a}.chess-square.selected{background-color:#f6e05e!important}.chess-square.last-move{background-color:#facc1573!important}.chess-square.in-check-king{background:radial-gradient(circle,#ef4444 40%,#0000 80%)!important}.chess-move-dot{pointer-events:none;z-index:2;background:#10b981b3;border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:0 0 8px #10b981cc}.chess-capture-ring{pointer-events:none;z-index:2;border:4px solid #ef4444bf;border-radius:50%;width:82%;height:82%;position:absolute;box-shadow:0 0 10px #ef444480}.chess-coord-file{opacity:.75;pointer-events:none;font-size:10px;font-weight:800;position:absolute;bottom:2px;right:3px}.chess-coord-rank{opacity:.75;pointer-events:none;font-size:10px;font-weight:800;position:absolute;top:2px;left:3px}.chess-piece-icon{z-index:1;justify-content:center;align-items:center;width:82%;height:82%;font-size:38px;line-height:1;transition:transform .15s;display:flex}@media (width<=500px){.chess-piece-icon{font-size:30px}}.chess-piece-icon.white-piece{color:#fff;filter:drop-shadow(0 2px 4px #000000b3)drop-shadow(0 0 1px #000)}.chess-piece-icon.black-piece{color:#1a1a1a;filter:drop-shadow(0 2px 4px #fff3)drop-shadow(0 0 1px #fff9)}.chess-square:hover .chess-piece-icon{transform:scale(1.08)}.chess-side-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172a99;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:16px;padding:20px;display:flex}.chess-side-panel h3{color:#f1f5f9;margin:0;font-size:16px;font-weight:800}.chess-status-badge{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:4px;padding:10px 14px;font-size:13px;display:flex}.chess-status-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.chess-status-value{font-size:14px;font-weight:700}.chess-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.chess-promotion-modal{text-align:center;background:#1e293b;border:1px solid #ffffff26;border-radius:20px;padding:26px;box-shadow:0 20px 40px #0009}.chess-promotion-modal h3{color:#f8fafc;margin:0 0 18px;font-size:18px;font-weight:800}.chess-promotion-choices{justify-content:center;gap:14px;display:flex}.chess-promo-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:14px;justify-content:center;align-items:center;width:64px;height:64px;font-size:36px;transition:all .2s;display:flex}.chess-promo-btn:hover{background:#6366f166;border-color:#818cf8;transform:translateY(-3px)}.chess-gameover-card{text-align:center;background:#0f172a;border:1px solid #ffffff26;border-radius:24px;width:90%;max-width:400px;padding:36px;box-shadow:0 25px 60px #000c}.chess-trophy-icon{margin-bottom:12px;font-size:48px}.chess-gameover-card h2{margin:0 0 8px;font-size:26px;font-weight:900}.chess-gameover-card p{color:#94a3b8;margin:0 0 24px;font-size:15px}.chess-gameover-actions{justify-content:center;gap:12px;display:flex}.chess-restart-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .2s}.chess-restart-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.ludo-container{color:#f8fafc;flex-direction:column;gap:16px;max-width:1040px;min-height:calc(100vh - 90px);margin:0 auto;padding:16px;display:flex}.ludo-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172abf;border:1px solid #ffffff1a;border-radius:18px;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.ludo-back-btn{color:#f8fafc;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:12px;padding:8px 18px;font-size:14px;font-weight:700;transition:all .2s}.ludo-back-btn:hover{background:#ffffff29;transform:translate(-2px)}.ludo-title-wrap h2{background:linear-gradient(135deg,#ef4444 0%,#10b981 33%,#f59e0b 66%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:22px;font-weight:900}.ludo-title-wrap span{color:#94a3b8;font-size:12px}.ludo-action-ticker{text-align:center;color:#c7d2fe;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#6366f126;border:1px solid #6366f14d;border-radius:12px;padding:8px 16px;font-size:14px;font-weight:700}.ludo-main-layout{grid-template-columns:1fr 300px;align-items:start;gap:20px;display:grid}@media (width<=900px){.ludo-main-layout{grid-template-columns:1fr}}.ludo-board-wrapper{justify-content:center;align-items:center;display:flex}.ludo-board{-webkit-user-select:none;user-select:none;background:#0f172a;border:3px solid #ffffff26;border-radius:20px;grid-template-rows:repeat(15,1fr);grid-template-columns:repeat(15,1fr);width:min(88vw,540px);height:min(88vw,540px);display:grid;position:relative;overflow:hidden;box-shadow:0 20px 50px #0009,inset 0 0 40px #00000080}.ludo-base{box-sizing:border-box;z-index:2;border-radius:16px;justify-content:center;align-items:center;width:40%;height:40%;padding:12px;display:flex;position:absolute}.ludo-base-inner{background:#0f172ad9;border-radius:12px;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;place-items:center;gap:12px;width:100%;height:100%;padding:12px;display:grid;box-shadow:inset 0 2px 8px #0009}.ludo-base.red{background:#dc2626;border-bottom:2px solid #991b1b;border-right:2px solid #991b1b;top:0;left:0}.ludo-base.green{background:#059669;border-bottom:2px solid #065f46;border-left:2px solid #065f46;top:0;right:0}.ludo-base.yellow{background:#d97706;border-top:2px solid #92400e;border-left:2px solid #92400e;bottom:0;right:0}.ludo-base.blue{background:#2563eb;border-top:2px solid #1e40af;border-right:2px solid #1e40af;bottom:0;left:0}.ludo-base-slot{background:#ffffff14;border:2px dashed #fff3;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative}@media (width<=500px){.ludo-base-slot{width:28px;height:28px}}.ludo-center-home{z-index:2;background:#1e293b;border:2px solid #fff3;justify-content:center;align-items:center;width:20%;height:20%;display:flex;position:absolute;top:40%;left:40%;overflow:hidden}.ludo-center-triangles{width:100%;height:100%;position:absolute;inset:0}.ludo-center-trophy{z-index:5;filter:drop-shadow(0 2px 6px #0009);font-size:26px;position:relative}.ludo-cell{box-sizing:border-box;background:#1e293b80;border:1px solid #ffffff0d;justify-content:center;align-items:center;display:flex;position:relative}.ludo-cell.path-red{background:#ef4444d9}.ludo-cell.path-green{background:#10b981d9}.ludo-cell.path-yellow{background:#f59e0bd9}.ludo-cell.path-blue{background:#3b82f6d9}.ludo-cell.start-red{background:#ef4444}.ludo-cell.start-green{background:#10b981}.ludo-cell.start-yellow{background:#f59e0b}.ludo-cell.start-blue{background:#3b82f6}.ludo-star-icon{color:#fef08a;text-shadow:0 0 6px #facc15cc;pointer-events:none;font-size:14px}.ludo-token{color:#fff;cursor:default;z-index:10;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:900;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 6px #0009}@media (width<=500px){.ludo-token{width:17px;height:17px;font-size:8px}}.ludo-token.token-red{background:radial-gradient(circle at 35% 35%,#f87171,#b91c1c)}.ludo-token.token-green{background:radial-gradient(circle at 35% 35%,#34d399,#047857)}.ludo-token.token-yellow{background:radial-gradient(circle at 35% 35%,#fde047,#b45309)}.ludo-token.token-blue{background:radial-gradient(circle at 35% 35%,#60a5fa,#1d4ed8)}.ludo-token.clickable{cursor:pointer;animation:1.2s infinite alternate ludo-token-bounce;box-shadow:0 0 12px #fff,0 0 20px #818cf8}@keyframes ludo-token-bounce{0%{transform:scale(1)}to{transform:scale(1.3)}}.ludo-cell-tokens-wrap{z-index:10;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.ludo-side-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172ab3;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;gap:16px;padding:20px;display:flex}.ludo-dice-box{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;align-items:center;gap:14px;padding:20px;display:flex}.ludo-dice-cube{cursor:default;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#fff 0%,#f1f5f9 100%);border:2px solid #fff;border-radius:18px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:76px;height:76px;padding:10px;transition:transform .2s,box-shadow .2s;display:grid;position:relative;box-shadow:0 8px #cbd5e1,0 16px 28px #00000073}.ludo-dice-cube.can-roll{cursor:pointer;animation:1.6s infinite dicePulseCanRoll}.ludo-dice-cube.can-roll:hover{transform:translateY(-4px)scale(1.06);box-shadow:0 12px #cbd5e1,0 20px 32px #6366f166}@keyframes dicePulseCanRoll{0%,to{transform:translateY(0);box-shadow:0 8px #cbd5e1,0 16px 28px #00000073}50%{transform:translateY(-3px);box-shadow:0 10px #cbd5e1,0 20px 32px #6366f180,0 0 16px #6366f166}}.ludo-dice-cube.rolling{pointer-events:none;animation:.65s cubic-bezier(.25,1,.5,1) dice3dRoll}@keyframes dice3dRoll{0%{transform:rotate(0)scale(1)translateY(0)}15%{transform:rotate(-22deg)scale(1.18)translateY(-14px)}35%{transform:rotate(26deg)scale(1.22)translateY(-18px)}55%{transform:rotate(-18deg)scale(1.15)translateY(-10px)}75%{transform:rotate(12deg)scale(1.08)translateY(-4px)}90%{transform:rotate(-4deg)scale(1.02)translateY(-1px)}to{transform:rotate(0)scale(1)translateY(0)}}.ludo-dice-pip{background:radial-gradient(circle at 35% 35%,#ef4444,#991b1b);border-radius:50%;place-self:center;width:14px;height:14px;transition:transform .1s;box-shadow:inset 0 1px 2px #00000073,0 1px 1px #ffffffb3}.ludo-dice-pip.pip-center-large{background:radial-gradient(circle at 35% 35%,#dc2626,#7f1d1d);width:18px;height:18px;box-shadow:inset 0 2px 3px #00000080,0 1px 2px #fffc}.ludo-dice-pip-empty{width:14px;height:14px}.ludo-roll-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:14px;width:100%;padding:12px 28px;font-size:15px;font-weight:800;transition:all .2s;box-shadow:0 6px 18px #6366f159}.ludo-roll-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.ludo-roll-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f180}.ludo-players-list{flex-direction:column;gap:10px;display:flex}.ludo-player-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;align-items:center;padding:12px 14px;transition:all .2s;display:flex}.ludo-player-card.active-turn{background:#6366f11f;border-color:#6366f199;box-shadow:0 0 16px #6366f133}.ludo-player-meta{align-items:center;gap:10px;display:flex}.ludo-color-badge{border:2px solid #fff;border-radius:50%;width:16px;height:16px}.ludo-color-badge.red{background:#ef4444}.ludo-color-badge.green{background:#10b981}.ludo-color-badge.yellow{background:#f59e0b}.ludo-color-badge.blue{background:#3b82f6}.ludo-player-tokens-count{color:#94a3b8;font-size:12px}.ludo-winner-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ludo-winner-card{text-align:center;background:#0f172a;border:1px solid #ffffff26;border-radius:24px;width:90%;max-width:420px;padding:36px;box-shadow:0 25px 60px #000c}.ludo-base-player-tag{color:#fff;letter-spacing:.3px;pointer-events:none;z-index:10;text-overflow:ellipsis;white-space:nowrap;background:#0f172aeb;border:1px solid #ffffff40;border-radius:20px;max-width:85%;padding:3px 10px;font-size:11px;font-weight:800;position:absolute;overflow:hidden;box-shadow:0 4px 12px #00000080}.ludo-base.red .ludo-base-player-tag{border-color:#ef444499;bottom:8px;left:50%;transform:translate(-50%)}.ludo-base.green .ludo-base-player-tag{border-color:#10b98199;bottom:8px;left:50%;transform:translate(-50%)}.ludo-base.yellow .ludo-base-player-tag{border-color:#f59e0b99;top:8px;left:50%;transform:translate(-50%)}.ludo-base.blue .ludo-base-player-tag{border-color:#3b82f699;top:8px;left:50%;transform:translate(-50%)}:root{--primary:#8b5cf6;--primary-light:#a78bfa;--primary-dark:#6d28d9;--primary-gradient:linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%);--primary-glow:#8b5cf673;--accent-cyan:#06b6d4;--accent-pink:#ec4899;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--bg-dark:#07070c;--bg-deep:#040408;--card-bg:#12121cbf;--card-bg-hover:#1a1a26d9;--card-border:#ffffff14;--card-border-hover:#8b5cf673;--card-border-glow:#8b5cf659;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-dim:#475569}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;color:var(--text-primary);background:#07070c;margin:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";filter:blur(110px);pointer-events:none;z-index:-1;background:radial-gradient(circle,#8b5cf629 0%,#8b5cf600 70%);border-radius:50%;width:680px;height:680px;animation:16s ease-in-out infinite alternate ambientGlow1;position:fixed;top:-150px;right:-100px}body:after{content:"";filter:blur(120px);pointer-events:none;z-index:-1;background:radial-gradient(circle,#06b6d41a 0%,#06b6d400 70%);border-radius:50%;width:620px;height:620px;animation:18s ease-in-out infinite alternate ambientGlow2;position:fixed;bottom:-150px;left:100px}@keyframes ambientGlow1{0%{transform:translate(0)scale(1)}50%{transform:translate(-80px,100px)scale(1.1)}to{transform:translate(40px,60px)scale(.95)}}@keyframes ambientGlow2{0%{transform:translate(0)scale(1)}50%{transform:translate(100px,-80px)scale(1.15)}to{transform:translate(-50px,-40px)scale(.9)}}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .25s cubic-bezier(.16,1,.3,1)}input{outline:none;font-family:inherit;transition:all .25s cubic-bezier(.16,1,.3,1)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0a0a1099}::-webkit-scrollbar-thumb{background:linear-gradient(#8b5cf6,#4f46e5);border:2px solid #07070c;border-radius:12px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#a78bfa,#6366f1)}::selection{color:#fff;background:#8b5cf699}:focus-visible{outline-offset:2px;outline:2px solid #8b5cf6a6}.gradient-text{background:linear-gradient(135deg,#fff 20%,#c4b5fd 70%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--card-border);border-radius:20px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px #00000059}.glass-card:hover{border-color:var(--card-border-hover);transform:translateY(-2px);box-shadow:0 16px 44px #00000080,0 0 28px #8b5cf633}