@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--accent-color: #00e1ff;--accent-secondary: #006aff;--accent-glow: rgba(0, 225, 255, .4);--accent-text: #00e1ff;--color-bg-dark: #0a0a0e;--glass-bg: rgba(18, 18, 24, .65);--glass-bg-hover: rgba(30, 30, 42, .75);--glass-border: rgba(255, 255, 255, .1);--glass-header-bg: rgba(12, 12, 18, .5);--login-card-bg: rgba(15, 15, 22, .88);--input-bg: rgba(255, 255, 255, .06);--input-focus-bg: rgba(255, 255, 255, .12);--nav-bg: rgba(10, 10, 14, .88);--text-primary: #ffffff;--text-secondary: #a0a6b8;--text-muted: rgba(255, 255, 255, .5);--bubble-other-bg: rgba(255, 255, 255, .08);--bubble-other-text: #ffffff;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 10px;--shadow-glow: 0 0 20px var(--accent-glow);--shadow-card: 0 12px 35px rgba(0, 0, 0, .45)}[data-accent=blue],:root{--accent-color: #00e1ff;--accent-secondary: #006aff;--accent-glow: rgba(0, 225, 255, .35);--accent-text: #00b4d8}[data-accent=green]{--accent-color: #2ecc71;--accent-secondary: #27ae60;--accent-glow: rgba(46, 204, 113, .35);--accent-text: #27ae60}[data-accent=red]{--accent-color: #ff4757;--accent-secondary: #ff6b81;--accent-glow: rgba(255, 71, 87, .35);--accent-text: #e84118}[data-accent=orange]{--accent-color: #ffa502;--accent-secondary: #ff7f50;--accent-glow: rgba(255, 165, 2, .35);--accent-text: #e67e22}[data-accent=violet]{--accent-color: #bf5af2;--accent-secondary: #9b51e0;--accent-glow: rgba(191, 90, 242, .35);--accent-text: #8e44ad}[data-accent=navy]{--accent-color: #4b7bec;--accent-secondary: #1e3799;--accent-glow: rgba(75, 123, 236, .35);--accent-text: #3867d6}[data-accent=amber]{--accent-color: #ffd152;--accent-secondary: #f39c12;--accent-glow: rgba(255, 209, 82, .35);--accent-text: #d68910}[data-theme=light]{--color-bg-dark: #f0f3f8;--glass-bg: rgba(255, 255, 255, .72);--glass-bg-hover: rgba(255, 255, 255, .88);--glass-border: rgba(255, 255, 255, .85);--glass-header-bg: rgba(255, 255, 255, .65);--login-card-bg: rgba(255, 255, 255, .96);--input-bg: rgba(0, 0, 0, .05);--input-focus-bg: rgba(0, 0, 0, .08);--nav-bg: rgba(255, 255, 255, .88);--text-primary: #121620;--text-secondary: #4a5264;--text-muted: rgba(0, 0, 0, .55);--shadow-glow: 0 0 25px var(--accent-glow);--shadow-card: 0 12px 30px rgba(0, 0, 0, .07), 0 0 0 1px rgba(255, 255, 255, .7);--bubble-other-bg: rgba(224, 235, 248, .9);--bubble-other-text: #1a1e28}[data-theme=dark]{--color-bg-dark: #0a0a0e;--glass-bg: rgba(18, 18, 24, .65);--glass-bg-hover: rgba(30, 30, 42, .75);--glass-border: rgba(255, 255, 255, .1);--glass-header-bg: rgba(12, 12, 18, .5);--login-card-bg: rgba(15, 15, 22, .88);--input-bg: rgba(255, 255, 255, .06);--input-focus-bg: rgba(255, 255, 255, .12);--nav-bg: rgba(10, 10, 14, .88);--text-primary: #ffffff;--text-secondary: #a0a6b8;--text-muted: rgba(255, 255, 255, .5);--bubble-other-bg: rgba(255, 255, 255, .08);--bubble-other-text: #ffffff}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--color-bg-dark);color:var(--text-primary);height:100vh;height:100dvh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease;-webkit-user-select:none;user-select:none}h1,h2,h3,h4,h5,h6,.font-outfit{font-family:Outfit,sans-serif;font-weight:700;margin:0}.text-primary{color:var(--accent-color)!important}[data-theme=light] .text-primary{color:var(--accent-text)!important}.background-blur{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;z-index:-1;overflow:hidden;background:var(--color-bg-dark);pointer-events:none}#body-img{width:100%;height:100%;object-fit:cover;filter:blur(75px) saturate(180%);opacity:.35;transform:scale(1.15);will-change:transform,opacity;transition:opacity .5s ease}[data-theme=light] #body-img{opacity:.45}.overlay-gradient{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0%,var(--color-bg-dark) 85%)}.glow-orb{position:absolute;border-radius:50%;filter:blur(85px);z-index:1;opacity:.45;animation:floatOrb 18s ease-in-out infinite alternate;will-change:transform}.orb-1{width:min(50vw,420px);height:min(50vw,420px);background:var(--accent-color);top:-80px;left:-80px}.orb-2{width:min(60vw,520px);height:min(60vw,520px);background:var(--accent-secondary);bottom:-120px;right:-80px;animation-delay:-6s}[data-theme=light] .glow-orb{opacity:.55;filter:blur(100px)}@keyframes floatOrb{0%{transform:translate(0) scale(1)}50%{transform:translate(60px,40px) scale(1.15)}to{transform:translate(-40px,70px) scale(.92)}}.app-wrapper{height:100vh;height:100dvh;width:100%;display:flex;flex-direction:column;position:relative;z-index:10;overflow:hidden;padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--glass-border);box-shadow:var(--shadow-card);transition:background .3s ease,border-color .3s ease}.panel-radio,.panel-chat,.panel-perfil{width:100%;flex:1;display:none;flex-direction:column;min-height:0}.panel-radio{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.panel-chat{overflow:hidden}.panel-perfil{overflow-y:auto;-webkit-overflow-scrolling:touch}.active-panel{display:flex!important;animation:slideUpFade .35s cubic-bezier(.16,1,.3,1)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.panel-radio{justify-content:space-between;padding:clamp(.75rem,2vh,1.75rem) clamp(1rem,3.5vw,2.5rem)}.radio-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;min-height:42px;width:100%;max-width:600px;margin:0 auto}.live-badge{background:#ff3b5c26;color:#ff3b5c;border:1px solid rgba(255,59,92,.3);padding:5px 12px;border-radius:20px;font-size:.78rem;font-weight:700;letter-spacing:.5px;display:inline-flex;align-items:center;gap:6px;animation:pulseLive 2s infinite}@keyframes pulseLive{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(.98)}}.header-actions{display:flex;align-items:center;gap:8px}.listeners-pill{background:var(--input-bg);padding:5px 12px;border-radius:20px;font-size:.85rem;font-weight:700;color:var(--accent-color);display:inline-flex;align-items:center;gap:6px;border:1px solid var(--glass-border);box-shadow:0 2px 10px #0000001a;cursor:pointer;transition:transform .2s,background .2s}[data-theme=light] .listeners-pill{color:var(--accent-text)}.listeners-pill:hover{background:var(--input-focus-bg);transform:translateY(-1px)}.listeners-pill:active{transform:scale(.95)}.header-icon-btn{width:38px;height:38px;border-radius:50%;background:var(--input-bg);border:1px solid var(--glass-border);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.05rem;transition:all .2s ease;padding:0}.header-icon-btn:hover{background:var(--input-focus-bg);color:var(--accent-color);border-color:var(--accent-color);transform:scale(1.06)}.player-center{display:flex;flex-direction:column;align-items:center;text-align:center;margin:auto 0;flex-grow:1;justify-content:center;padding:clamp(.5rem,1.5vh,1.25rem) 0;width:100%}.artwork-container{position:relative;width:clamp(150px,30vh,250px);height:clamp(150px,30vh,250px);margin:0 auto clamp(.75rem,2vh,1.75rem)}.artwork-img{width:100%;height:100%;border-radius:var(--radius-lg);object-fit:cover;position:relative;z-index:2;border:1px solid var(--glass-border);box-shadow:0 16px 36px #0006;transition:transform .3s cubic-bezier(.16,1,.3,1)}.artwork-container:hover .artwork-img{transform:scale(1.02)}.artwork-ring{position:absolute;inset:-10px;border-radius:32px;border:2px solid transparent;z-index:1;opacity:0;transition:opacity .4s ease,border-color .4s ease}.artwork-ring.playing{opacity:1;border-color:var(--accent-color);box-shadow:var(--shadow-glow);animation:rotateRing 6s linear infinite}@keyframes rotateRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.track-info{width:100%;max-width:480px;margin:0 auto;padding:0 12px}.track-title{font-size:clamp(1.2rem,3.2vh + .5vw,1.85rem);color:var(--text-primary);margin-bottom:6px;line-height:1.22;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.track-artist{font-size:clamp(.9rem,2vh + .3vw,1.15rem);color:var(--text-secondary);font-weight:500;font-family:Inter,sans-serif;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-controls{display:flex;justify-content:center;align-items:center;gap:clamp(1rem,3.5vw,2rem);padding:.5rem 0;flex-shrink:0;width:100%;max-width:500px;margin:0 auto;position:relative}.control-btn{border:none;background:transparent;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.16,1,.3,1),background .2s,box-shadow .2s;padding:0}.control-btn:active{transform:scale(.92)}.secondary-btn{width:clamp(44px,6vh,52px);height:clamp(44px,6vh,52px);border-radius:50%;background:var(--input-bg);color:var(--text-primary);font-size:1.25rem;border:1px solid var(--glass-border)}.secondary-btn:hover{background:var(--input-focus-bg);transform:scale(1.06);color:var(--accent-color);border-color:var(--accent-color)}.primary-play-btn{width:clamp(66px,9vh,78px);height:clamp(66px,9vh,78px);border-radius:50%;background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));color:#fff;border:none;box-shadow:0 10px 24px var(--accent-glow)}.primary-play-btn:hover{transform:scale(1.06);box-shadow:0 14px 30px var(--accent-glow)}.primary-play-btn:active{transform:scale(.95)}.icon-play-large{font-size:clamp(2.2rem,3.5vh,2.7rem);margin-left:4px}.primary-play-btn .bi-pause-fill{font-size:clamp(2.2rem,3.5vh,2.7rem);margin-left:0}.volume-control-wrapper{position:relative}.volume-slider-box{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(10px);background:var(--glass-bg);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid var(--glass-border);padding:12px 14px;border-radius:20px;box-shadow:0 10px 25px #0000004d;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:20}.volume-control-wrapper:hover .volume-slider-box,.volume-control-wrapper:focus-within .volume-slider-box,.volume-slider-box.show{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.volume-slider-box input[type=range]{-webkit-appearance:none;appearance:none;width:100px;height:6px;border-radius:4px;background:var(--input-bg);outline:none;cursor:pointer}.volume-slider-box input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-color);box-shadow:0 2px 6px #0000004d;cursor:pointer;transition:transform .15s}.volume-slider-box input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.banner-container{width:100%;max-width:520px;margin:clamp(.5rem,1.5vh,1.25rem) auto 0;display:flex;justify-content:center;align-items:center;position:relative;flex-shrink:0;transition:opacity .3s ease,transform .3s ease}.glass-banner{width:100%;aspect-ratio:5 / 1;max-height:100px;border-radius:var(--radius-md);overflow:hidden;background:#00000026;border:1px solid var(--glass-border);box-shadow:0 8px 20px #00000026;transition:transform .25s ease;display:flex;align-items:center;justify-content:center}.glass-banner:hover{transform:scale(1.015)}.banner-image{width:100%;height:100%;object-fit:cover;display:block}.banner-close-btn{position:absolute;top:6px;right:6px;width:24px;height:24px;background:#ff4757e6;color:#fff;border:none;border-radius:50%;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;box-shadow:0 2px 8px #00000040;transition:transform .2s,background .2s;padding:0}.banner-close-btn:hover{transform:scale(1.15);background:#ff4757}.mobile-nav{height:calc(62px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);display:flex;justify-content:space-around;align-items:center;background:var(--nav-bg);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-top:1px solid var(--glass-border);flex-shrink:0;position:relative;z-index:100;transition:background .3s ease}.btn-nav{background:transparent;border:none;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;height:100%;transition:color .2s ease,transform .2s ease;cursor:pointer;padding:0}.btn-nav i{font-size:1.35rem;line-height:1;transition:transform .2s}.btn-nav span{font-size:.72rem;font-weight:600;letter-spacing:.2px}.btn-nav.active{color:var(--accent-color)}[data-theme=light] .btn-nav.active{color:var(--accent-text)}.btn-nav.active i{animation:popIcon .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIcon{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}.panel-perfil{justify-content:center;align-items:center;padding:clamp(1rem,3vh,2rem) 1.5rem}.profile-card{width:100%;max-width:420px;padding:clamp(1.5rem,3vh,2.2rem) clamp(1.2rem,3vw,2rem);border-radius:var(--radius-lg);margin:auto;position:relative}.btn-close-panel{background:transparent;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s,transform .2s}.btn-close-panel:hover{color:var(--text-primary);transform:rotate(90deg)}.profile-icon-huge{font-size:clamp(3.5rem,8vh,4.5rem);line-height:1}.glass-settings{background:var(--input-bg);border:1px solid var(--glass-border)}.settings-title{color:var(--text-primary)!important;letter-spacing:.8px}.settings-title i{color:var(--accent-color);opacity:.9}.accent-dot{width:30px;height:30px;border-radius:50%;cursor:pointer;transition:all .25s cubic-bezier(.175,.885,.32,1.275);border:3px solid transparent;box-shadow:0 3px 8px #0003}.accent-dot:hover{transform:scale(1.2)}.accent-dot.active{border-color:#fff;transform:scale(1.12);box-shadow:0 0 14px var(--accent-glow)}[data-theme=light] .accent-dot.active{border-color:#121620}.glass-modal .modal-content{background:var(--glass-bg);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.share-item{padding:13px;border-radius:50px;text-decoration:none;font-weight:700;font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .2s,filter .2s;border:none}.share-item:hover{transform:translateY(-2px);filter:brightness(1.1);color:#fff}.whatsapp-share{background:#25d366;color:#fff}.x-share{background:#000;color:#fff}.facebook-share{background:#1877f2;color:#fff}.native-share-btn{background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));color:#fff!important}[data-theme=light] .x-share{background:#121212}[data-theme=light] .btn-outline-light{border-color:#00000040;color:#121620}[data-theme=light] .btn-outline-light:hover{background:#0000000f;color:#000}.btn-outline-light{border-color:#ffffff40}.btn-outline-light:hover{background:#ffffff1f;color:#fff;border-color:#fff6}.btn-premium-gold{background:linear-gradient(135deg,gold,#ff8c00);color:#111!important;border:none;box-shadow:0 4px 15px #ffd7004d;transition:all .3s ease;position:relative;overflow:hidden}.btn-premium-gold:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70073;filter:brightness(1.08)}.pwa-snackbar{position:fixed;bottom:calc(75px + env(safe-area-inset-bottom,0px));left:16px;right:16px;background:var(--glass-bg);backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:18px 20px;display:flex;flex-direction:column;gap:12px;z-index:2000;box-shadow:0 16px 40px #00000073;animation:slideUpFade .4s cubic-bezier(.16,1,.3,1);max-width:440px;margin:0 auto}.pwa-content{display:flex;align-items:center;gap:14px}.pwa-logo img{width:52px;height:52px;border-radius:14px;border:1px solid var(--glass-border)}.pwa-text{flex:1}.pwa-text .pwa-title{font-size:1.1rem;font-weight:800;color:var(--accent-color);margin-bottom:2px}[data-theme=light] .pwa-text .pwa-title{color:var(--accent-text)}.pwa-text .pwa-subtitle{font-size:.82rem;color:var(--text-secondary);margin:0}.pwa-actions{display:flex;align-items:center;gap:10px;width:100%}.btn-pwa-install{flex:2;padding:10px;font-weight:700;font-size:.95rem;box-shadow:0 4px 15px var(--accent-glow)}.btn-pwa-later{flex:1;color:var(--text-muted)!important;font-weight:600;font-size:.88rem}.btn-close-snackbar{position:absolute;top:10px;right:10px;background:transparent;border:none;color:var(--text-muted);font-size:1.3rem;cursor:pointer;line-height:1;transition:color .2s}.btn-close-snackbar:hover{color:#ff4757}@media(min-width:600px)and (max-width:1023px){.panel-radio,.panel-chat,.panel-perfil{max-width:640px;margin:0 auto;border-left:1px solid var(--glass-border);border-right:1px solid var(--glass-border)}.artwork-container{width:clamp(200px,34vh,280px);height:clamp(200px,34vh,280px)}.mobile-nav{max-width:640px;margin:0 auto;border-left:1px solid var(--glass-border);border-right:1px solid var(--glass-border)}}@media(min-width:1024px){.app-wrapper{display:grid;grid-template-columns:minmax(0,1fr) clamp(360px,30vw,450px);gap:1.5rem;padding:clamp(1rem,2vh,2rem);max-width:1600px;margin:0 auto;overflow:hidden}.panel-radio,.panel-chat{display:flex!important;height:100%;border-radius:var(--radius-lg);overflow:hidden}.panel-radio{overflow-y:auto;overflow-x:hidden}.panel-perfil{position:fixed;inset:0;z-index:1000;background:#000000a6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:none!important;align-items:center;justify-content:center;padding:2rem}.panel-perfil.active-panel{display:flex!important;animation:fadeInModal .25s ease forwards}@keyframes fadeInModal{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.panel-perfil .profile-card{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 25px 60px #0009}.mobile-nav{display:none!important}.artwork-container{width:clamp(200px,34vh,310px);height:clamp(200px,34vh,310px)}.track-title{font-size:clamp(1.4rem,2.5vw,2.2rem)}.track-artist{font-size:clamp(1rem,1.2vw,1.25rem)}.btn-profile-top{display:inline-flex!important}.pwa-snackbar{bottom:30px;left:30px;right:auto;margin:0}}@media(max-height:520px)and (orientation:landscape){.panel-radio{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-around;padding:.5rem 1.25rem;overflow-y:auto}.radio-header{width:100%;min-height:36px;margin-bottom:.25rem}.player-center{flex-direction:row;gap:1.5rem;text-align:left;margin:0;flex-grow:0;padding:0}.artwork-container{width:120px;height:120px;margin:0}.track-info{text-align:left;max-width:250px;padding:0}.player-controls{width:auto;margin:0;gap:1rem}.banner-container{display:none!important}.mobile-nav{height:calc(48px + env(safe-area-inset-bottom,0px))}.btn-nav i{font-size:1.1rem}.btn-nav span{font-size:.65rem}}@media(max-width:359px){.artwork-container{width:160px;height:160px}.track-title{font-size:1.15rem}.secondary-btn{width:42px;height:42px;font-size:1.1rem}.primary-play-btn{width:62px;height:62px}.player-controls{gap:.8rem}}.nav-icon-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.nav-unread-badge{position:absolute;top:-6px;right:-10px;background:#ff3b5c;color:#fff;font-size:.68rem;font-weight:800;min-width:18px;height:18px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 8px #ff3b5c80;animation:pulseBadge 2s infinite ease-in-out;border:1.5px solid var(--nav-bg)}.header-unread-badge{background:var(--accent-color);color:#000;font-size:.72rem;font-weight:800;min-width:22px;height:22px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;margin-left:8px;vertical-align:middle;box-shadow:0 0 10px var(--accent-glow)}@keyframes pulseBadge{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.chat-toast-banner{position:fixed;top:max(16px,env(safe-area-inset-top,0px));left:16px;right:16px;max-width:440px;margin:0 auto;background:var(--glass-bg);backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);border:1px solid var(--accent-color);border-radius:var(--radius-md);padding:12px 14px;display:flex;align-items:center;gap:12px;z-index:3000;box-shadow:0 14px 40px #00000073,0 0 25px var(--accent-glow);cursor:pointer;animation:toastSlideDown .35s cubic-bezier(.16,1,.3,1);transition:transform .2s ease,opacity .25s ease;-webkit-user-select:none;user-select:none}[data-theme=light] .chat-toast-banner{background:#fffffff0;border-color:var(--accent-color);box-shadow:0 12px 30px #0000001f,0 0 15px var(--accent-glow)}.chat-toast-banner:hover{transform:translateY(2px) scale(1.015)}.chat-toast-banner:active{transform:scale(.98)}.chat-toast-banner.toast-hide{opacity:0;transform:translateY(-16px) scale(.95);pointer-events:none}@keyframes toastSlideDown{0%{opacity:0;transform:translateY(-24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-avatar-box{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;position:relative;box-shadow:0 4px 12px var(--accent-glow)}.toast-counter-badge{position:absolute;top:-4px;right:-4px;background:#ff3b5c;color:#fff;font-size:.7rem;font-weight:800;min-width:18px;height:18px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 6px #00000059;animation:popBadge .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes popBadge{0%{transform:scale(0)}to{transform:scale(1)}}.toast-content-wrapper{flex:1;min-width:0}.toast-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.toast-title-text{font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700;color:var(--text-primary);line-height:1.2}.toast-dot-indicator{width:8px;height:8px;border-radius:50%;background:var(--accent-color);box-shadow:0 0 8px var(--accent-color);animation:pulseLive 1.5s infinite}.toast-preview-text{font-size:.82rem;color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.toast-close-btn{background:transparent;border:none;color:var(--text-muted);font-size:1.35rem;line-height:1;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s,transform .2s;flex-shrink:0}.toast-close-btn:hover{color:#ff4757;transform:scale(1.15)}@media(min-width:1024px){.chat-toast-banner{top:24px;right:24px;left:auto;width:380px;margin:0}}