@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800&display=swap";:root{--bg-darkest:#faf5f7;--bg-card:#ffffffbf;--bg-card-hover:#ffffffe6;--primary-glow:linear-gradient(135deg, #ff5e84 0%, #3b82f6 100%);--primary:#ff5e84;--primary-muted:#ff5e8433;--secondary:#3b82f6;--text-primary:#1e293b;--text-muted:#64748b;--text-dark:#0f172a;--border-glass:#0f172a14;--border-glass-active:#ff5e8459;--shadow-glow:0 8px 32px 0 #0f172a0a;--radius-lg:16px;--radius-md:10px}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}body{background-color:var(--bg-darkest);color:var(--text-primary);height:100vh;margin:0;overflow:hidden}#root{width:100vw;height:100vh}.gradient-text{background:var(--primary-glow);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-vibrant{color:var(--primary)}.hidden{display:none!important}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-glow)}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--primary-glow);color:var(--text-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #ff5a5f4d}.btn-accent{color:#c77dff;background:#7b2cbf33;border:1px solid #7b2cbf59}.btn-accent:hover{color:#e0aaff;background:#7b2cbf66}.btn-danger{color:#e74c3c;background:#e74c3c33;border:1px solid #e74c3c59}.btn-danger:hover{color:#fff;background:#e74c3c}.btn-block{width:100%}.glow-btn{position:relative;overflow:hidden}.glow-btn:after{content:"";pointer-events:none;background:linear-gradient(to bottom right,#fff0 0%,#ffffff1a 50%,#fff0 100%);width:200%;height:200%;transition:all .6s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.glow-btn:hover:after{top:120%;left:120%}.screen-container{flex-direction:column;width:100%;height:100vh;display:flex}.login-screen{background:radial-gradient(circle at 100% 0,#7b2cbf26 0%,#0000 60%),radial-gradient(circle at 0 100%,#ff5a5f1f 0%,#0000 60%);justify-content:center;align-items:center;display:flex}.login-card{flex-direction:column;gap:30px;width:100%;max-width:440px;padding:40px;animation:.6s ease-out fadeIn;display:flex}.brand-header{text-align:center}.logo-wave{justify-content:center;align-items:center;gap:6px;height:40px;margin-bottom:16px;display:flex}.wave-bar{background:var(--primary-glow);border-radius:4px;width:4px;height:20px;animation:1.2s ease-in-out infinite alternate wavePulse}.wave-bar:nth-child(2){height:35px;animation-delay:.2s}.wave-bar:nth-child(3){height:28px;animation-delay:.4s}.wave-bar:nth-child(4){height:16px;animation-delay:.6s}@keyframes wavePulse{0%{transform:scaleY(.4)}to{transform:scaleY(1.2)}}.brand-header h1{letter-spacing:2px;font-size:32px;font-weight:800}.brand-header .subtitle{color:var(--text-muted);margin-top:4px;font-size:14px}.tab-container{border-radius:var(--radius-md);background:#00000040;padding:4px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.tab-btn.active{background:var(--primary-glow);color:var(--text-primary);box-shadow:0 4px 15px #ff5a5f26}.auth-form{flex-direction:column;gap:20px;display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:var(--text-muted);font-size:13px;font-weight:500}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper input{border:1px solid var(--border-glass);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:#0003;outline:none;padding:14px 14px 14px 44px;font-size:14px;transition:all .3s}.input-wrapper input:focus{border-color:var(--primary);box-shadow:0 0 10px #ff5a5f26}.input-icon{color:var(--text-muted);font-size:16px;position:absolute;left:16px}.login-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-glass);padding-top:16px;font-size:12px}.dashboard-screen{background-color:var(--bg-darkest);flex-direction:column;height:100vh;display:flex}.app-header{border-bottom:1px solid var(--border-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#07080ccc;justify-content:space-between;align-items:center;height:70px;padding:0 24px;display:flex}.header-left{align-items:center;gap:12px;display:flex}.logo-title{letter-spacing:1px;font-size:20px;font-weight:800}.header-right{align-items:center;gap:16px;display:flex}.user-badge-premium{border:1px solid var(--border-glass);background:#ffffff08;border-radius:30px;align-items:center;gap:10px;padding:6px 14px;display:flex}.avatar-sm{background:var(--bg-card-hover);border-radius:50%;width:32px;height:32px}.user-meta{flex-direction:column;display:flex}.user-meta .username{font-size:13px;font-weight:600}.role-badge{text-transform:uppercase;border-radius:10px;width:fit-content;margin-top:2px;padding:1px 6px;font-size:9px;font-weight:700}.role-badge.guest{color:#bdc3c7;background:#95a5a633}.role-badge.admin{color:#ff5a5f;background:#ff5a5f33}.btn-icon{border:1px solid var(--border-glass);color:var(--text-muted);background:#ffffff0d;border-radius:50%;width:40px;height:40px;padding:0}.btn-icon:hover{color:var(--primary);background:#ff5a5f1a}.workspace{flex:1;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--border-glass);background:#0a0c1480;flex-direction:column;width:300px;display:flex;overflow:hidden}.sidebar-right{border-right:none;border-left:1px solid var(--border-glass);width:320px}.sidebar-header{border-bottom:1px solid var(--border-glass);justify-content:space-between;align-items:center;padding:20px;display:flex}.sidebar-header h3{letter-spacing:.5px;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.room-list{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.room-card{border:1px solid var(--border-glass);border-radius:var(--radius-md);cursor:pointer;background:#ffffff05;padding:14px;transition:all .3s}.room-card:hover{background:var(--bg-card-hover);border-color:var(--primary-muted);transform:translate(4px)}.room-card.active{border-color:var(--primary);background:#ff5a5f14;box-shadow:0 0 15px #ff5a5f0d}.room-card h4{margin-bottom:4px;font-size:14px;font-weight:600}.room-card p{color:var(--text-muted);margin-bottom:10px;font-size:11px}.room-meta-info{justify-content:space-between;align-items:center;font-size:11px;display:flex}.badge-online{color:#2ecc71;background:#2ecc7126;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-weight:600;display:inline-flex}.badge-room-type{color:var(--text-muted)}.active-room-area{background:radial-gradient(circle,#7b2cbf0a 0%,#0000 70%);flex-direction:column;flex:1;display:flex}.center-content{text-align:center;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.empty-state{flex-direction:column;align-items:center;gap:16px;max-width:400px;display:flex}.large-icon{color:var(--primary-muted);font-size:60px}.pulse-animation{animation:2s infinite alternate iconPulse}@keyframes iconPulse{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.room-workspace{flex-direction:column;flex:1;display:flex;overflow:hidden}.room-header{border-bottom:1px solid var(--border-glass);background:#ffffff03;justify-content:space-between;align-items:center;padding:24px;display:flex}.room-header h2{font-size:20px;font-weight:700}.room-header p{color:var(--text-muted);margin-top:4px;font-size:12px}.members-layout{flex:1;padding:24px;overflow-y:auto}.section-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:1px;margin-bottom:16px;font-size:12px;font-weight:700}.members-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:20px;display:grid}.member-cell{text-align:center;border-radius:var(--radius-lg);border:1px solid #0000;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;transition:all .3s;display:flex;position:relative}.member-cell:hover{border-color:var(--border-glass);background:#ffffff05}.member-actions-overlay{gap:4px;display:none;position:absolute;top:4px;right:4px}.member-cell:hover .member-actions-overlay{display:flex}.btn-action-sm{cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;transition:transform .2s;display:flex}.btn-action-sm.mute{background:#e67e22d9}.btn-action-sm.kick{background:#e74c3cd9}.btn-action-sm:hover{transform:scale(1.1)}.avatar-container{width:64px;height:64px;position:relative}.avatar-large{background:var(--bg-card);border:2px solid var(--border-glass);border-radius:50%;width:100%;height:100%;transition:border-color .3s}.member-cell.talking .avatar-large{border-color:var(--primary);box-shadow:0 0 15px #ff5a5f66}.member-cell.talking .avatar-container:after{content:"";border:2px solid var(--primary);opacity:.6;border-radius:50%;animation:1.2s ease-out infinite talkRipple;position:absolute;inset:-6px}@keyframes talkRipple{0%{opacity:.8;transform:scale(.9)}to{opacity:0;transform:scale(1.2)}}.status-indicator{background:var(--bg-darkest);border:1px solid var(--border-glass);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;display:flex;position:absolute;bottom:0;right:0}.status-indicator.muted{color:#e74c3c}.status-indicator.talking{color:#2ecc71}.member-name{text-overflow:ellipsis;white-space:nowrap;max-width:90px;font-size:12px;font-weight:600;overflow:hidden}.voice-controls-bar{border-top:1px solid var(--border-glass);background:#0a0c14b3;justify-content:space-between;align-items:center;height:80px;padding:0 24px;display:flex}.control-left{color:var(--text-muted);align-items:center;gap:12px;font-size:12px;font-weight:500;display:flex}.btn-mic{background:var(--primary-glow);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;transition:all .3s;display:flex;box-shadow:0 4px 15px #ff5a5f33}.btn-mic.muted{color:#e74c3c;box-shadow:none;background:#ffffff0d;border:1px solid #e74c3c4d}.control-center{gap:12px;display:flex}.btn-control{padding:10px 20px}.control-right{color:var(--text-muted);align-items:center;gap:10px;font-size:14px;display:flex}.volume-slider{width:100px;accent-color:var(--primary);outline:none;height:4px}.chat-area{background:#0000001a;flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-messages{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex;overflow-y:auto}.chat-bubble{word-break:break-word;border-radius:12px;max-width:85%;padding:10px 14px;font-size:13px;line-height:1.4}.chat-bubble.other{border:1px solid var(--border-glass);background:#ffffff08;border-bottom-left-radius:2px;align-self:flex-start}.chat-bubble.sys{color:#e0aaff;text-align:center;background:#7b2cbf14;align-self:center;max-width:100%;font-size:11px;font-style:italic}.chat-bubble.mine{background:var(--primary-glow);color:#fff;border-bottom-right-radius:2px;align-self:flex-end}.chat-bubble .sender{color:#c77dff;margin-bottom:2px;font-size:10px;font-weight:700}.chat-bubble.mine .sender{color:#fffc}.emoji-bar{border-top:1px solid var(--border-glass);background:#ffffff03;justify-content:space-around;padding:8px;display:flex}.emoji-btn{cursor:pointer;background:0 0;border:none;font-size:18px;transition:transform .2s}.emoji-btn:hover{transform:scale(1.3)}.chat-input-form{border-top:1px solid var(--border-glass);gap:8px;padding:12px;display:flex}.chat-input-form input{border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);background:#0003;outline:none;flex:1;padding:10px 14px;font-size:13px}.chat-input-form input:focus{border-color:var(--primary)}.btn-send{background:var(--primary-glow);color:#fff;border-radius:var(--radius-md);width:38px;height:38px;padding:0}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{flex-direction:column;gap:20px;width:100%;max-width:400px;padding:30px;display:flex}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-header h3{font-size:18px;font-weight:700}.btn-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lobby-chat-canvas{background-image:linear-gradient(#ffffff14,#ffffff14),url(/assets/lobby_bg-C65jM0Cu.png),linear-gradient(135deg,#fbc2eb 0%,#a6c1ee 100%)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover,contain,cover!important}.radyo-chat-canvas{background-image:linear-gradient(#00000026,#00000026),url(/assets/radyo_bg-B6F1zybG.jpg),linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover,contain,cover!important}.toplanti-chat-canvas{background-image:linear-gradient(#00000026,#00000026),url(/assets/toplanti_bg-BV9cZiTI.jpg),linear-gradient(135deg,#1e293b 0%,#0f172a 100%)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover,contain,cover!important}.cerceve-chat-canvas{background-image:linear-gradient(#00000026,#00000026),url(/assets/cerceve_bg-CvR3KsHe.jpg),linear-gradient(135deg,#1a0b2e 0%,#0f051d 100%)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover,contain,cover!important}@media (width>=768px) and (width<=1199px){[data-testid=left-sidebar]{width:220px!important}[data-testid=right-sidebar]{width:240px!important}}@media (width<=767px) and (orientation:portrait){body{height:100dvh!important;overflow:hidden!important}#root{height:100dvh!important;padding-bottom:env(safe-area-inset-bottom)!important;padding-left:env(safe-area-inset-left)!important;padding-right:env(safe-area-inset-right)!important;flex-direction:column!important;display:flex!important}[data-testid=left-sidebar]{z-index:10005!important;width:85vw!important;max-width:320px!important;height:100dvh!important;box-shadow:none!important;background-color:#fff!important;border:none!important;border-radius:0 20px 20px 0!important;flex-direction:column!important;padding:0!important;transition:left .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important;position:fixed!important;top:0!important;bottom:0!important;left:-85vw!important;overflow:hidden!important}[data-testid=left-sidebar].mobile-open{left:0!important;box-shadow:10px 0 30px #00000026!important}[data-testid=left-sidebar]>button{display:none!important}[data-testid=right-sidebar]{z-index:10000!important;width:100dvw!important;max-width:100dvw!important;height:100dvh!important;box-shadow:none!important;background-color:#fff!important;transition:right .25s cubic-bezier(.4,0,.2,1)!important;display:flex!important;position:fixed!important;top:0!important;bottom:0!important;right:-100dvw!important}[data-testid=right-sidebar].mobile-open{right:0!important}.mobile-backdrop{-webkit-backdrop-filter:blur(4px)!important}.mobile-users-btn,.mobile-close-btn{display:block!important}[data-testid=header-owner]{display:none!important}[data-testid=message-log-container]{gap:8px!important;padding:12px 15px!important}[data-testid=message-log-container]>div>div>div{max-width:90%!important;padding:6px 12px!important;font-size:13px!important}[data-testid=chat-input-bar]{padding:10px 14px!important;padding-bottom:calc(10px + env(safe-area-inset-bottom))!important;background-color:#f8fafc!important;border-top:1px solid #e2e8f0!important;flex-direction:column-reverse!important;align-items:stretch!important;gap:8px!important;display:flex!important}.chat-input-main-row{flex-direction:row!important;align-items:center!important;gap:10px!important;width:100%!important;display:flex!important}.chat-input-wrapper{background-color:#fff!important;border:1px solid #cbd5e1!important;border-radius:20px!important;flex:1!important;padding:2px 15px!important;box-shadow:0 1px 2px #0000000d!important}.chat-mobile-send-btn{color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#e05275 0%,#f65c8a 100%)!important;border:none!important;border-radius:20px!important;outline:none!important;flex-shrink:0!important;height:36px!important;padding:8px 16px!important;font-size:13px!important;font-weight:700!important;line-height:20px!important;display:block!important;box-shadow:0 3px 8px #e0527533!important}[data-testid=chat-input-actions]{white-space:nowrap!important;border-bottom:1px solid #f1f5f9!important;justify-content:space-between!important;align-items:center!important;gap:4px!important;width:100%!important;max-width:100%!important;padding:6px 4px!important;display:flex!important;overflow-x:auto!important}[data-testid=chat-input-actions] span{flex-shrink:0!important;padding:2px!important;font-size:18px!important}.chat-desktop-send-btn{display:none!important}[data-testid=local-video-card]{border-width:2px!important;width:130px!important;height:160px!important;top:60px!important;left:10px!important}[data-testid=remote-video-card]{border-width:2px!important;width:130px!important;height:160px!important;top:60px!important;left:auto!important;right:10px!important}[data-testid=local-video-pip]{width:100px!important;height:140px!important;bottom:85px!important;right:15px!important}.floating-dm-window{width:95%!important;height:90%!important}.profile-card-modal{width:92%!important;max-height:90vh!important;overflow-y:auto!important}.mobile-bottom-nav{display:none!important}.mobile-viewport-slider{height:100%!important}.draggable-video-card{-webkit-backdrop-filter:blur(16px)!important;z-index:10020!important;opacity:1!important;visibility:visible!important;background-color:#0f0826bf!important;border:2px solid #ffffff26!important;border-radius:16px!important;flex:none!important;width:260px!important;max-width:260px!important;height:190px!important;max-height:190px!important;display:none!important;position:fixed!important;inset:160px 16px auto auto!important;transform:none!important;box-shadow:0 12px 36px #00000080,0 0 20px #ffffff0d!important}.draggable-video-card.visible{opacity:1!important;visibility:visible!important;z-index:10020!important;width:260px!important;height:190px!important;display:flex!important;position:fixed!important;inset:160px 16px auto auto!important;transform:none!important}.draggable-video-card-header{background:linear-gradient(135deg,#0f0826f2 0%,#1e1145f2 100%)!important;border-bottom:1px solid #ffffff14!important;padding:6px 10px!important;font-size:10px!important}.draggable-video-card-body{border-radius:0 0 14px 14px!important;overflow:hidden!important}.draggable-video-card-body iframe{border-radius:0 0 14px 14px!important}}@media (width<=900px) and (orientation:landscape){body{height:100dvh!important;overflow-x:hidden!important}#root{padding-left:env(safe-area-inset-left)!important;padding-right:env(safe-area-inset-right)!important;padding-bottom:env(safe-area-inset-bottom)!important}[data-testid=chat-header]{padding:4px 12px!important}[data-testid=chat-header] h2{font-size:13px!important}[data-testid=chat-header] span{font-size:11px!important}[data-testid=left-sidebar]{width:240px!important;height:100dvh!important;padding:10px!important;left:-240px!important}[data-testid=left-sidebar].mobile-open{left:0!important}[data-testid=right-sidebar]{width:240px!important;height:100dvh!important;padding:10px!important;right:-240px!important}[data-testid=right-sidebar].mobile-open{right:0!important}[data-testid=message-log-container]{gap:4px!important;padding:6px 12px!important}[data-testid=message-log-container]>div>div>div{border-radius:8px!important;padding:4px 10px!important;font-size:11.5px!important;line-height:1.3!important}[data-testid=message-log-container]>div>div>div span{font-size:11.5px!important}[data-testid=chat-input-bar]{gap:8px!important;padding:4px 8px!important}[data-testid=chat-input-bar] input{padding:4px 5px!important;font-size:12px!important}[data-testid=chat-input-actions]{gap:6px!important}[data-testid=chat-input-actions] span{padding:2px!important;font-size:16px!important}[data-testid=local-video-card]{width:100px!important;height:120px!important;top:50px!important;left:10px!important}[data-testid=remote-video-card]{width:100px!important;height:120px!important;top:50px!important;left:auto!important;right:10px!important}[data-testid=local-video-pip]{width:80px!important;height:110px!important;bottom:65px!important;right:15px!important}}.tooltip-wrapper{justify-content:center;align-items:center;display:inline-flex}.tooltip-box{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;white-space:nowrap;pointer-events:none;z-index:1000;opacity:0;text-transform:none;background:#0f172af2;border:1px solid #ffffff26;border-radius:6px;padding:6px 10px;font-family:inherit;font-size:11px;font-weight:500;line-height:1.4;animation:.15s ease-out forwards tooltipFadeIn;position:absolute;transform:translate(-50%)translateY(5px);box-shadow:0 4px 12px #00000026}.tooltip-top{bottom:calc(100% + 8px);left:50%}.tooltip-top:after{content:"";border:5px solid #0000;border-top-color:#0f172af2;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes tooltipFadeIn{to{opacity:1;transform:translate(-50%)translateY(0)}}[data-testid=chat-input-actions] button:focus-visible,[data-testid=chat-input-actions] [role=button]:focus-visible{outline-offset:2px!important;border-radius:4px!important;outline:2px solid #e05275!important}@media (width<=768px){.screen-share-btn-wrapper{display:none!important}}@media (width<=767px) and (orientation:portrait){html,body{background-color:#0d051c!important;height:100dvh!important;margin:0!important;padding:0!important;overflow:hidden!important}#root{flex-direction:column!important;height:100dvh!important;display:flex!important;overflow:hidden!important}.screen-container{width:100vw!important;height:100dvh!important;padding-bottom:env(safe-area-inset-bottom)!important;padding-left:env(safe-area-inset-left)!important;padding-right:env(safe-area-inset-right)!important;flex-direction:column!important;display:flex!important;overflow:hidden!important}.mobile-app-shell{width:100vw!important;height:100%!important;display:flex!important;position:relative!important;overflow:hidden!important}[data-testid=left-sidebar]{z-index:10050!important;width:85vw!important;max-width:320px!important;height:100dvh!important;box-shadow:none!important;pointer-events:auto!important;background-color:#fff!important;border:none!important;border-radius:0 20px 20px 0!important;flex-direction:column!important;padding:0!important;transition:left .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important;position:fixed!important;top:0!important;bottom:0!important;left:-85vw!important;overflow:hidden!important}[data-testid=left-sidebar].mobile-open{left:0!important;box-shadow:10px 0 30px #00000026!important}[data-testid=left-sidebar]>button{display:none!important}.rooms-panel-content{opacity:1!important;visibility:visible!important;box-sizing:border-box!important;flex-direction:column!important;flex:1!important;height:calc(100dvh - 130px)!important;padding:12px 16px!important;display:flex!important;overflow:hidden!important}.mobile-rooms-list-container{-webkit-overflow-scrolling:touch!important;padding-bottom:calc(30px + env(safe-area-inset-bottom))!important;pointer-events:auto!important;overflow-y:auto!important}.room-card-item{touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;pointer-events:auto!important}.mobile-app-shell{overflow-x:hidden!important}[data-testid=right-sidebar]{z-index:10000!important;width:100dvw!important;max-width:100dvw!important;height:100dvh!important;box-shadow:none!important;background-color:#fff!important;display:flex!important;position:fixed!important;top:0!important;bottom:0!important;right:0!important}.mobile-menu-btn,.mobile-users-btn,.mobile-close-btn{display:block!important}[data-testid=header-owner]{display:none!important}[data-testid=middle-chat-window]{flex-direction:column!important;flex:1!important;width:100vw!important;min-width:0!important;max-width:100vw!important;height:100%!important;display:flex!important}[data-testid=message-log-container]{gap:8px!important;padding:12px 15px!important}[data-testid=message-log-container]>div>div>div{max-width:90%!important;padding:6px 12px!important;font-size:13px!important}[data-testid=chat-input-bar]{padding:10px 14px!important;padding-bottom:calc(10px + env(safe-area-inset-bottom))!important;background-color:#f8fafc!important;border-top:1px solid #e2e8f0!important;flex-direction:column-reverse!important;align-items:stretch!important;gap:8px!important;display:flex!important}.chat-input-main-row{flex-direction:row!important;align-items:center!important;gap:10px!important;width:100%!important;display:flex!important}.chat-input-wrapper{background-color:#fff!important;border:1px solid #cbd5e1!important;border-radius:20px!important;flex:1!important;padding:2px 15px!important;box-shadow:0 1px 2px #0000000d!important}.chat-mobile-send-btn{color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#e05275 0%,#f65c8a 100%)!important;border:none!important;border-radius:20px!important;outline:none!important;flex-shrink:0!important;height:36px!important;padding:8px 16px!important;font-size:13px!important;font-weight:700!important;line-height:20px!important;display:block!important;box-shadow:0 3px 8px #e0527533!important}[data-testid=chat-input-actions]{white-space:nowrap!important;border-bottom:1px solid #f1f5f9!important;justify-content:space-between!important;align-items:center!important;gap:4px!important;width:100%!important;max-width:100%!important;padding:6px 4px!important;display:flex!important;overflow-x:auto!important}[data-testid=chat-input-actions] span{flex-shrink:0!important;padding:2px!important;font-size:18px!important}.chat-desktop-send-btn{display:none!important}[data-testid=local-video-card]{border-width:2px!important;width:130px!important;height:160px!important;top:60px!important;left:10px!important}[data-testid=remote-video-card]{border-width:2px!important;width:130px!important;height:160px!important;top:60px!important;left:auto!important;right:10px!important}[data-testid=local-video-pip]{width:100px!important;height:140px!important;bottom:85px!important;right:15px!important}.floating-dm-window{z-index:10005!important;width:95vw!important;height:85vh!important;top:7.5vh!important;left:2.5vw!important;transform:none!important}.profile-card-modal{width:92%!important;max-height:90vh!important;overflow-y:auto!important}.mobile-backdrop{-webkit-backdrop-filter:blur(4px)!important}.mobile-bottom-nav{display:none!important}.mobile-viewport-slider{height:100%!important}.draggable-video-card{-webkit-backdrop-filter:blur(16px)!important;z-index:10020!important;opacity:1!important;visibility:visible!important;background-color:#0f0826bf!important;border:2px solid #ffffff26!important;border-radius:16px!important;flex:none!important;width:260px!important;max-width:260px!important;height:190px!important;max-height:190px!important;display:none!important;position:fixed!important;inset:160px 16px auto auto!important;transform:none!important;box-shadow:0 12px 36px #00000080,0 0 20px #ffffff0d!important}.draggable-video-card.visible{opacity:1!important;visibility:visible!important;z-index:10020!important;width:260px!important;height:190px!important;display:flex!important;position:fixed!important;inset:160px 16px auto auto!important;transform:none!important}.draggable-video-card-header{background:linear-gradient(135deg,#0f0826f2 0%,#1e1145f2 100%)!important;border-bottom:1px solid #ffffff14!important;padding:6px 10px!important;font-size:10px!important}.draggable-video-card-body{border-radius:0 0 14px 14px!important;overflow:hidden!important}.draggable-video-card-body iframe{border-radius:0 0 14px 14px!important}.tooltip-box{display:none!important}}.mobile-app-shell{box-sizing:border-box;background-color:#f8fafc;flex-direction:column;width:100vw;height:100dvh;display:flex;position:relative;overflow:hidden}.mobile-viewport-slider{will-change:transform;width:300vw;height:calc(100% - 60px);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex}.mobile-view-slide{flex-direction:column;flex-shrink:0;width:100vw;height:100%;display:flex;overflow:hidden}.mobile-view-slide>div{flex:1!important;width:100vw!important;max-width:100vw!important;height:100%!important;max-height:100%!important;position:relative!important}.mobile-bottom-nav{height:60px;padding-bottom:env(safe-area-inset-bottom);z-index:1000;background-color:#fff;border-top:1px solid #00000014;justify-content:space-around;align-items:center;display:flex;box-shadow:0 -2px 10px #00000008}.mobile-nav-item{color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:100%;font-family:Outfit,sans-serif;font-size:11px;font-weight:600;transition:all .2s;display:flex}.mobile-nav-item.active{color:#e05275}.mobile-nav-icon{font-size:20px;line-height:1;transition:transform .2s}.mobile-nav-item.active .mobile-nav-icon{transform:scale(1.15)}@media (width<=767px){[data-testid=right-sidebar]{width:100dvw!important;max-width:100dvw!important;box-shadow:none!important;border:none!important;height:100%!important;padding:15px!important;position:relative!important;left:auto!important;right:auto!important}.mobile-close-btn{display:none!important}.mobile-menu-btn{display:block!important}[data-testid=chat-header]{padding:12px 15px!important}}:root{--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px)}.draggable-video-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:200;opacity:0;visibility:hidden;background-color:#0f0826e6;border:2px solid #f9b20866;border-radius:12px;flex-direction:column;width:220px;height:270px;font-family:Outfit,sans-serif;transition:border-color .3s,box-shadow .3s,opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),visibility .3s;display:flex;position:absolute;overflow:hidden;transform:scale(.85);box-shadow:0 10px 30px #00000080,0 0 15px #f9b2081a}.draggable-video-card.visible{opacity:1;visibility:visible;transform:scale(1)}.draggable-video-card.active-speaker-talking{border-color:#2ecc71cc;box-shadow:0 10px 30px #00000080,0 0 20px #2ecc714d}.draggable-video-card-header{color:#fff;cursor:move;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#0f0826 0%,#1e1145 100%);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:8px 12px;font-size:11px;font-weight:700;display:flex}.draggable-video-card-title{align-items:center;gap:6px;display:flex}.connection-indicator{background:#36e38a;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 6px #36e38a99}.connection-indicator.offline{background:#ff5a72;box-shadow:0 0 6px #ff5a7299}.draggable-video-card-close{color:#a0aec0;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:8px;transition:all .2s;display:flex}.draggable-video-card-close:hover{color:#fff;background-color:#ef4444}.draggable-video-card-stats{align-items:center;gap:6px;margin-left:auto;margin-right:6px;display:flex}.draggable-video-card-badge{color:#ffffffb3;white-space:nowrap;background:#ffffff14;border-radius:8px;align-items:center;gap:2px;padding:1px 5px;font-size:9px;font-weight:600;line-height:1.2;display:inline-flex}.draggable-video-card-body{background-color:#0c071e;flex:1;position:relative;overflow:hidden}.local-self-preview{object-fit:cover;z-index:2;background-color:#0c071e;border-radius:0 0 10px 10px;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleX(-1)}.draggable-video-card-participants{pointer-events:none;z-index:5;background:linear-gradient(90deg,#0000 0%,#000000a6 40%);flex-direction:column;justify-content:center;align-items:center;gap:4px;width:80px;padding:4px;display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto}.remote-participant-card{background:#ffffff0f;border:1.5px solid #0000;border-radius:8px;flex-direction:column;align-items:center;width:64px;padding:4px 2px;transition:border-color .3s,box-shadow .3s;display:flex}.remote-participant-card.speaking{border-color:#2ecc71;animation:1.5s ease-in-out infinite speakingPulse;box-shadow:0 0 6px #2ecc7180}@keyframes speakingPulse{0%,to{box-shadow:0 0 4px #2ecc714d}50%{box-shadow:0 0 10px #2ecc71b3}}.remote-participant-avatar{color:#fff;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border:1.5px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-family:Outfit,sans-serif;font-size:11px;font-weight:700;display:flex}.remote-participant-avatar.speaking{border-color:#2ecc71}.remote-participant-name{color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:60px;margin-top:2px;font-family:Outfit,sans-serif;font-size:8px;font-weight:600;overflow:hidden}.remote-participant-status{gap:4px;margin-top:2px;font-size:9px;display:flex}.remote-status-icon{transition:opacity .2s}.remote-status-icon.active{opacity:1;filter:none}.remote-status-icon.inactive{opacity:.3;filter:grayscale()}.remote-participant-overflow{color:#fff9;text-align:center;background:#ffffff14;border-radius:6px;padding:2px 8px;font-family:Outfit,sans-serif;font-size:9px;font-weight:700}.draggable-video-card-iframe-overlay{z-index:10;background-color:#0000;width:100%;height:100%;position:absolute;top:0;left:0}.draggable-video-card-placeholder{color:#a0aec0;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;font-size:11px;display:flex}.draggable-video-card-placeholder-icon{font-size:32px;animation:2s ease-in-out infinite pulse-placeholder}@keyframes pulse-placeholder{0%{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}to{opacity:.5;transform:scale(1)}}.participant-list-container{background-color:#0f082666;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;gap:10px;padding:12px;display:flex}.participant-list-item{background-color:#ffffff08;border-left:3px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;transition:all .2s;display:flex}.participant-list-item.talking{background-color:#2ecc7114;border-left-color:#2ecc71}.participant-list-item-name{color:#e2e8f0;font-size:13px;font-weight:600}.participant-list-item-status-icons{align-items:center;gap:8px;display:flex}.participant-status-icon{opacity:.8;justify-content:center;align-items:center;font-size:14px;display:flex}.participant-status-icon.active{color:#2ecc71;filter:drop-shadow(0 0 4px #2ecc7180)}.participant-status-icon.inactive{color:#ef4444}.speaker-talking-glow{background-color:#2ecc71;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite pulse-talking;box-shadow:0 0 6px #2ecc71}@keyframes pulse-talking{0%{transform:scale(1);box-shadow:0 0 6px #2ecc71}to{transform:scale(1);box-shadow:0 0 6px #2ecc71}}.compact-video-grid-container{box-sizing:border-box;background:linear-gradient(135deg,#1e0f3ceb,#140a2df2);border:1px solid #b78bff33;border-radius:14px;flex-direction:column;width:100%;height:100%;padding:0;display:flex;overflow:hidden;box-shadow:0 8px 32px #7b61ff14,0 0 0 1px #b78bff0f,inset 0 1px #ffffff0a}.compact-grid-slots{border-radius:13px;flex:1;min-height:0;position:relative;overflow:hidden}.compact-dominant-wrapper{border-radius:13px;position:absolute;inset:0;overflow:hidden}.compact-thumbnails-overlay{z-index:5;pointer-events:auto;flex-direction:column;gap:5px;display:flex;position:absolute;top:6px;right:6px}.compact-thumb-card{-webkit-backdrop-filter:blur(4px);border:1px solid #ffffff2e;border-radius:12px;flex-shrink:0;width:62px;height:52px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 4px 12px #140a2880}.compact-thumb-card:hover{border-color:#b78bff59;transform:scale(1.03);box-shadow:0 6px 16px #7b61ff33}.compact-overflow-badge{-webkit-backdrop-filter:blur(12px);color:#ffffffd9;cursor:pointer;z-index:6;-webkit-user-select:none;user-select:none;background:#1e0f3c99;border:1px solid #b78bff33;border-radius:10px;padding:2px 8px;font-size:9px;font-weight:700;transition:all .2s;position:absolute;bottom:46px;right:6px}.compact-overflow-badge:hover{color:#efd8ff;background:#7b61ff40;border-color:#b78bff66}.compact-control-bar{z-index:8;pointer-events:auto;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.compact-control-capsule{-webkit-backdrop-filter:blur(16px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:18px;align-items:center;gap:5px;padding:4px 8px;display:flex;box-shadow:0 4px 20px #140a2866}.compact-control-btn{color:#fffc;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.compact-control-btn:hover{color:#fff;background:#ffffff2e;transform:scale(1.12);box-shadow:0 0 10px #b78bff40}.compact-control-btn.active-on{color:#54f2a0;background:#36e38a33;border:1px solid #36e38a4d}.compact-control-btn.active-on:hover{background:#36e38a4d;box-shadow:0 0 12px #36e38a4d}.compact-control-btn.active-off{color:#ff5a72;background:#ff5a7226;border:1px solid #ff5a7240}.compact-control-btn.active-off:hover{background:#ff5a7240;box-shadow:0 0 12px #ff5a724d}.compact-control-btn.leave-btn{color:#ff5a72cc;background:#ff5a721f}.compact-control-btn.leave-btn:hover{color:#ff5a72;background:#ff5a724d;box-shadow:0 0 12px #ff5a7259}.compact-participant-card{box-sizing:border-box;background:linear-gradient(135deg,#1e0f3ce6,#140a2df2);border:none;border-radius:0;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.compact-participant-card.dominant-talking{animation:2.5s ease-in-out infinite dominantGlowV3}@keyframes dominantGlowV3{0%,to{box-shadow:inset 0 0 15px #b78bff0f}50%{box-shadow:inset 0 0 30px #b78bff1f}}.compact-thumb-card .compact-participant-card{background:linear-gradient(135deg,#281446d9,#190c32e6);border:none;border-radius:12px}.compact-video-wrapper{background:0 0;width:100%;height:100%;position:relative;overflow:hidden}.compact-muted-overlay{color:#d8c8ff80;z-index:1;-webkit-backdrop-filter:blur(2px);background:linear-gradient(135deg,#7b61ff26 0%,#b78bff1a 35%,#c9a8ff14 65%,#1e0f3c33 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.compact-name-banner{-webkit-backdrop-filter:blur(6px);color:#ffffffe6;letter-spacing:.2px;text-align:left;white-space:nowrap;text-overflow:ellipsis;z-index:3;pointer-events:none;text-shadow:0 1px 3px #140a2880;background:linear-gradient(#0000 0%,#140a2826 20%,#140a2880 100%);padding:8px 8px 4px;font-family:Inter,Outfit,-apple-system,sans-serif;font-size:10px;font-weight:600;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.compact-card-indicators{z-index:4;pointer-events:none;gap:3px;display:flex;position:absolute;top:4px;right:4px}.compact-indicator{color:#fff;-webkit-backdrop-filter:blur(6px);border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;transition:all .2s;display:flex}.compact-indicator.on{color:#54f2a0;background:#36e38a4d;border-color:#36e38a66}.compact-indicator.off{color:#ff5a72;background:#ff5a7240;border-color:#ff5a7259}.all-participants-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#05020fd9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.all-participants-modal-content{background:#0f0826;border:1px solid #f9b2084d;border-radius:12px;flex-direction:column;width:90%;max-width:480px;max-height:80vh;font-family:Outfit,sans-serif;display:flex;overflow:hidden;box-shadow:0 20px 50px #0009}.all-participants-modal-header{color:#fff;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.all-participants-modal-title{font-size:14px;font-weight:700}.all-participants-modal-close{color:#a0aec0;cursor:pointer;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:all .2s;display:flex}.all-participants-modal-close:hover{color:#fff;background:#ef4444}.all-participants-modal-body{flex:1;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));justify-content:center;gap:12px;padding:16px;display:grid;overflow-y:auto}.all-participants-modal-body .compact-participant-card{width:100px;height:110px}.compact-control-btn.hand-raise-btn.active-hand{box-shadow:0 0 10px #e03c3cb3;color:#fff!important;background:#e03c3c!important;border:1px solid #e03c3c!important}.compact-control-btn.camera-switch-btn.active-menu{color:#b78bff!important;background:#b78bff33!important;border:1px solid #b78bff66!important}.camera-dropdown-menu{z-index:100;-webkit-backdrop-filter:blur(16px);background:#0f0826f5;border:1px solid #ffffff1a;border-radius:8px;min-width:110px;padding:4px;position:absolute;bottom:36px;right:-20px;box-shadow:0 4px 15px #00000080}.camera-dropdown-header{color:#fff6;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #ffffff0d;margin-bottom:2px;padding:4px 8px;font-size:8px;font-weight:700}.camera-dropdown-item{color:#ffffffe6;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;width:100%;padding:6px 8px;font-size:10px;transition:all .2s;display:flex}.camera-dropdown-item:hover{background:#ffffff14}.camera-dropdown-item.selected{color:#b78bff;background:#b78bff26;font-weight:600}.compact-raised-hand-badge{-webkit-backdrop-filter:blur(8px);color:#f9b208;z-index:10;white-space:nowrap;pointer-events:none;background:#0f0826d9;border:1px solid #f9b208b3;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:700;animation:2s ease-in-out infinite pulseHandGlow;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #f9b20880}.compact-raised-hand-badge.is-thumbnail{border-radius:8px;padding:2px 4px;font-size:8px;top:4px;box-shadow:0 0 6px #f9b20866}@keyframes pulseHandGlow{0%,to{border-color:#f9b20880;box-shadow:0 0 6px #f9b20866}50%{border-color:#f9b208e6;box-shadow:0 0 14px #f9b208b3}}.draggable-video-card.dragging{transition:none!important}.draggable-video-card-header{cursor:move!important}@media (width<=767px){body .draggable-video-card,body .draggable-video-card.visible{width:200px!important;max-width:200px!important;height:240px!important;max-height:240px!important}}@media (width<=767px) and (orientation:portrait){body .draggable-video-card,body .draggable-video-card.visible{left:var(--mobile-left,calc(100vw - 216px))!important;top:var(--mobile-top,160px)!important;bottom:auto!important;right:auto!important}}@media (width>=768px) and (width<=1024px){body .draggable-video-card,body .draggable-video-card.visible{width:240px!important;max-width:240px!important;height:290px!important;max-height:290px!important}}@media (width>=1025px){body .draggable-video-card,body .draggable-video-card.visible{width:220px!important;max-width:220px!important;height:270px!important;max-height:270px!important}}.gift-anim-overlay{z-index:9999;pointer-events:none;background:0 0;flex-direction:column;justify-content:center;align-items:center;font-family:Outfit,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden;width:100vw!important;height:100vh!important;margin:0!important;padding:0!important}.gift-anim-overlay.entering{animation:.4s ease-out forwards overlayFadeIn}.gift-anim-overlay.exiting{animation:.4s ease-in forwards overlayFadeOut}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}.gift-sender-banner{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:linear-gradient(135deg,#ff5e84d9 0%,#ff7eb3d9 100%);border-radius:50px;align-items:center;gap:10px;padding:10px 24px;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards bannerSlideDown;display:flex;position:absolute;top:60px;left:50%;transform:translate(-50%);box-shadow:0 4px 30px #ff5e8466,0 0 60px #ff5e8426}.gift-sender-banner .sender-name{color:#fff;text-shadow:0 1px 4px #0000004d;font-size:15px;font-weight:800}.gift-sender-banner .gift-label{color:#ffea00;text-shadow:0 0 8px #ffea0099;font-size:14px;font-weight:700}.gift-sender-banner .sender-avatar-icon{background:#ffffff40;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;display:flex}@keyframes bannerSlideDown{0%{opacity:0;transform:translate(-50%)translateY(-80px)}60%{opacity:1;transform:translate(-50%)translateY(5px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.gift-name-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffea00;text-shadow:0 0 12px #ffea00b3;letter-spacing:1px;z-index:10;white-space:nowrap;background:#00000080;border:1px solid #ffffff1f;border-radius:30px;padding:8px 28px;font-size:20px;font-weight:800;animation:.6s ease-out .3s both badgeFadeUp;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}@keyframes badgeFadeUp{0%{opacity:0;transform:translate(-50%)translateY(30px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.gift-main-image{z-index:5;justify-content:center;align-items:center;display:flex;position:relative}.gift-main-image img{object-fit:contain;will-change:transform, opacity;width:220px;height:220px}.gift-anim-yachtSail .gift-main-image img{animation:5s cubic-bezier(.25,.46,.45,.94) forwards yachtSail}@keyframes yachtSail{0%{opacity:0;transform:translate(-50vw,12vh)rotate(-8deg)scale(.6)}12%{opacity:1}30%{transform:translate(-10vw)rotate(-2deg)scale(1.05)}50%{transform:translateY(-2vh)rotate(2deg)scale(1.15)}70%{transform:translate(10vw)rotate(-1deg)scale(1.05)}88%{opacity:1}to{opacity:0;transform:translate(50vw,10vh)rotate(6deg)scale(.5)}}.gift-anim-yachtSail .wave-effect{z-index:4;background:linear-gradient(#0000 0%,#40a4df33 50%,#40a4df59 100%);border-radius:50%;height:60px;animation:1.2s ease-in-out infinite waveRock;position:absolute;bottom:25%;left:0;right:0}@keyframes waveRock{0%,to{transform:translateY(0)scaleX(1)}25%{transform:translateY(-6px)scaleX(1.02)}50%{transform:translateY(-12px)scaleX(1.04)}75%{transform:translateY(-6px)scaleX(1.02)}}.gift-anim-yachtSail .foam-particle{width:6px;height:6px;animation:foamFloat var(--foam-dur) ease-out var(--foam-delay) both;background:#ffffffb3;border-radius:50%;position:absolute}@keyframes foamFloat{0%{opacity:.8;transform:translateY(0)scale(1)}50%{opacity:.5;transform:translateY(-30px)scale(.6)}to{opacity:0;transform:translateY(-60px)scale(.2)}}.gift-anim-carDrive .gift-main-image img{animation:4.5s cubic-bezier(.22,.61,.36,1) forwards carDrive}@keyframes carDrive{0%{opacity:0;transform:translate(-110vw)scale(.8)}8%{opacity:1}35%{transform:translate(-5vw)scale(1.1)}50%{transform:translate(0)scale(1.15)}65%{transform:translate(5vw)scale(1.1)}92%{opacity:1}to{opacity:0;transform:translate(110vw)scale(.8)}}.gift-anim-carDrive .speed-line{height:2px;animation:speedLineStreak var(--sl-dur) linear var(--sl-delay) both;opacity:0;background:linear-gradient(90deg,#ffd70000 0%,#ffd700cc 50%,#ffd70000 100%);border-radius:2px;position:absolute}@keyframes speedLineStreak{0%{opacity:0;transform:translate(80px)scaleX(.3)}20%{opacity:.9}to{opacity:0;transform:translate(-200px)scaleX(2)}}.gift-anim-lionRoar .gift-main-image img{animation:5s cubic-bezier(.175,.885,.32,1.275) forwards lionRoar}@keyframes lionRoar{0%{opacity:0;filter:brightness(2.5);transform:scale(0)rotate(-15deg)}15%{opacity:1;filter:brightness(1.8);transform:scale(1.4)rotate(5deg)}30%{filter:brightness();transform:scale(.95)rotate(-3deg)}40%{transform:scale(1.1)rotate(0)}70%{opacity:1;transform:scale(1.05)}85%{opacity:.8;transform:scale(1.1)}to{opacity:0;transform:scale(0)rotate(15deg)}}.gift-anim-lionRoar .gold-ripple{width:200px;height:200px;animation:goldRippleExpand var(--rip-dur) ease-out var(--rip-delay) both;border:3px solid #ffd70099;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}@keyframes goldRippleExpand{0%{opacity:1;border-width:4px;transform:translate(-50%,-50%)scale(.5)}to{opacity:0;border-width:1px;transform:translate(-50%,-50%)scale(3.5)}}.gift-anim-chestOpen .gift-main-image img{animation:4.5s ease-in-out forwards chestShake}@keyframes chestShake{0%{opacity:0;transform:scale(0)rotate(0)}15%{opacity:1;transform:scale(1.1)rotate(0)}20%{transform:scale(1.1)rotate(-6deg)}25%{transform:scale(1.15)rotate(6deg)}30%{transform:scale(1.2)rotate(-8deg)}35%{filter:brightness(1.5);transform:scale(1.25)rotate(8deg)}40%{filter:brightness(2);transform:scale(1.3)rotate(0)}55%{filter:brightness();transform:scale(1.15)rotate(0)}80%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(0)rotate(10deg)}}.gift-anim-chestOpen .coin-particle{animation:coinFlyOut var(--coin-dur) cubic-bezier(.25, .46, .45, .94) var(--coin-delay) both;font-size:20px;position:absolute}@keyframes coinFlyOut{0%{opacity:0;transform:translate(0)rotate(0)scale(0)}20%{transform:translate(var(--coin-x,0), var(--coin-y,0)) rotate(180deg) scale(1.2);opacity:1}60%{opacity:.8}to{transform:translate(calc(var(--coin-x,0) * 2.5), calc(var(--coin-y,0) * 2.5 - 100px)) rotate(720deg) scale(.3);opacity:0}}.gift-anim-chestOpen .light-burst{background:radial-gradient(circle,#ffd70080 0%,#0000 70%);border-radius:50%;width:300px;height:300px;animation:1s ease-out 1.5s both lightBurstPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes lightBurstPulse{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}50%{opacity:.6;transform:translate(-50%,-50%)scale(1.5)}to{opacity:0;transform:translate(-50%,-50%)scale(2.5)}}.gift-anim-lunaparkBurst .gift-main-image img{animation:6s ease-out forwards lunaparkEntry}@keyframes lunaparkEntry{0%{opacity:0;filter:brightness(3);transform:scale(0)rotate(-20deg)}10%{opacity:1;filter:brightness(1.5);transform:scale(1.3)rotate(5deg)}20%{filter:brightness();transform:scale(1)rotate(0)}75%{opacity:1;transform:scale(1.05)}90%{opacity:.6}to{opacity:0;transform:scale(.2)rotate(20deg)}}.gift-anim-lunaparkBurst .confetti{width:var(--conf-size,10px);height:var(--conf-size,10px);border-radius:var(--conf-radius,2px);background:var(--conf-color,#ffea00);animation:confettiFall var(--conf-dur) linear var(--conf-delay) both;top:-20px;left:var(--conf-left,50%);position:absolute}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)scale(1)}25%{transform:translateY(25vh) rotate(180deg) translateX(var(--conf-sway,20px)) scale(.95)}50%{transform:translateY(50vh) rotate(360deg) translateX(calc(var(--conf-sway,20px) * -1)) scale(.9)}75%{transform:translateY(75vh) rotate(540deg) translateX(var(--conf-sway,20px)) scale(.8);opacity:.7}to{opacity:0;transform:translateY(105vh)rotate(720deg)scale(.5)}}.gift-anim-roseFloat .gift-main-image img{animation:4s ease-out forwards roseAppear}@keyframes roseAppear{0%{opacity:0;filter:blur(8px);transform:scale(0)rotate(-30deg)}20%{opacity:1;filter:blur();transform:scale(1.15)rotate(5deg)}40%{transform:scale(1)rotate(0)}75%{opacity:1;transform:scale(1.03)}to{opacity:0;filter:blur(4px);transform:scale(.8)rotate(10deg)}}.gift-anim-roseFloat .petal{font-size:var(--petal-size,18px);animation:petalRise var(--petal-dur) ease-out var(--petal-delay) both;bottom:0;left:var(--petal-left,50%);opacity:0;position:absolute}@keyframes petalRise{0%{opacity:0;transform:translateY(0)rotate(0)scale(.5)}15%{opacity:1}50%{transform:translateY(-40vh) rotate(180deg) scale(1) translateX(var(--petal-sway,15px))}to{transform:translateY(-95vh) rotate(360deg) scale(.6) translateX(calc(var(--petal-sway,15px) * -1));opacity:0}}.gift-anim-falconFly .gift-main-image img{animation:3.5s forwards falconFly}@keyframes falconFly{0%{opacity:0;transform:translate(-40vw,-30vh)rotate(15deg)scale(.4)}15%{opacity:1}45%{transform:translate(0)rotate(0)scale(1.2)}55%{transform:translate(0)rotate(-5deg)scale(1.15)}85%{opacity:1}to{opacity:0;transform:translate(45vw,35vh)rotate(-20deg)scale(.3)}}.gift-anim-falconFly .wind-line{height:1.5px;animation:windStreak var(--wind-dur) linear var(--wind-delay) both;background:linear-gradient(90deg,#0000 0%,#fff9 50%,#0000 100%);border-radius:1px;position:absolute}@keyframes windStreak{0%{opacity:0;transform:translate(60px)scaleX(.2)}30%{opacity:.7}to{opacity:0;transform:translate(-150px)scaleX(1.5)}}.gift-anim-palaceReveal .gift-main-image img{animation:5.5s cubic-bezier(.175,.885,.32,1.275) forwards palaceReveal}@keyframes palaceReveal{0%{opacity:0;filter:brightness(4)blur(10px);transform:scale(.05)translateY(40px)}15%{opacity:1;filter:brightness(2)blur();transform:scale(1.3)translateY(-10px)}25%{filter:brightness();transform:scale(1)translateY(0)}70%{opacity:1;transform:scale(1.03)}85%{opacity:.7}to{opacity:0;filter:brightness(3)blur(10px);transform:scale(.05)translateY(-30px)}}.gift-anim-palaceReveal .light-ray{transform-origin:bottom;width:3px;height:0;animation:lightRayShoot var(--ray-dur) ease-out var(--ray-delay) both;transform:rotate(var(--ray-angle,0deg));background:linear-gradient(#ffd700cc 0%,#ffd70000 100%);position:absolute;bottom:50%;left:50%}@keyframes lightRayShoot{0%{opacity:0;height:0}30%{opacity:.8;height:150px}60%{opacity:.5;height:200px}to{opacity:0;height:250px}}.gift-anim-palaceReveal .star-particle{font-size:var(--star-size,14px);animation:starTwinkle var(--star-dur) ease-out var(--star-delay) both;position:absolute}@keyframes starTwinkle{0%{opacity:0;transform:translate(0)scale(0)rotate(0)}30%{transform:translate(var(--star-x,0), var(--star-y,0)) scale(1.3) rotate(180deg);opacity:1}70%{opacity:.7}to{transform:translate(calc(var(--star-x,0) * 1.5), calc(var(--star-y,0) * 1.5 - 40px)) scale(0) rotate(360deg);opacity:0}}.gift-anim-daisyFloat .gift-main-image img{animation:4s ease-out forwards daisyAppear}@keyframes daisyAppear{0%{opacity:0;transform:scale(.3)rotate(10deg)}20%{opacity:1;transform:scale(1.1)rotate(-3deg)}40%{transform:scale(1)rotate(0)}75%{opacity:1;transform:scale(1.02)}to{opacity:0;transform:scale(.5)rotate(-15deg)}}.gift-anim-daisyFloat .daisy-fall{font-size:var(--daisy-size,16px);animation:daisyDrop var(--daisy-dur) linear var(--daisy-delay) both;top:-30px;left:var(--daisy-left,50%);position:absolute}@keyframes daisyDrop{0%{opacity:.9;transform:translateY(0)rotate(0)}25%{transform:translateY(25vh) rotate(90deg) translateX(var(--daisy-sway,10px))}50%{transform:translateY(50vh) rotate(180deg) translateX(calc(var(--daisy-sway,10px) * -1.3))}75%{transform:translateY(75vh) rotate(270deg) translateX(var(--daisy-sway,10px));opacity:.5}to{opacity:0;transform:translateY(105vh)rotate(360deg)}}.gift-anim-leopardRun .gift-main-image{justify-content:flex-start;width:100%;height:auto;position:absolute;top:10vh;left:0}.gift-anim-leopardRun .gift-main-image img{width:180px;height:180px;animation:7s cubic-bezier(.25,.46,.45,.94) forwards leopardRunAcross}@keyframes leopardRunAcross{0%{transform:translate(-200px)skew(0)scale(1)}15%{transform:translate(10vw,-3vh)skew(5deg)scale(1.1)rotate(2deg)}30%{transform:translate(25vw)skew(-4deg)scale(1.05)rotate(-1deg)}45%{transform:translate(40vw,-2vh)skew(5deg)scale(1.12)rotate(1deg)}60%{transform:translate(55vw)skew(-4deg)scale(1.05)rotate(-2deg)}75%{transform:translate(70vw,-3vh)skew(5deg)scale(1.1)rotate(1deg)}90%{transform:translate(85vw)skew(-3deg)scale(1.05)}to{transform:translate(110vw,-1vh)skew(0)scale(1)}}.gift-anim-leopardRun .paw-print{opacity:0;animation:pawAppear 1.8s ease-out var(--paw-delay) both;top:var(--paw-top,22vh);left:var(--paw-left,20vw);font-size:28px;position:absolute}@keyframes pawAppear{0%{opacity:0;filter:drop-shadow(0 0 3px #ff5e84cc);transform:scale(.4)}25%{opacity:1;filter:drop-shadow(0 0 8px #ff5e84cc);transform:scale(1.1)}to{opacity:0;filter:drop-shadow(0 0 2px #ff5e844d);transform:scale(.7)}}.gift-anim-leopardRun .smoke-puff{width:20px;height:20px;animation:smokeDrift var(--smoke-dur) ease-out var(--smoke-delay) both;background:radial-gradient(circle,#ffffff4d 0%,#0000 70%);border-radius:50%;position:absolute}@keyframes smokeDrift{0%{opacity:.6;transform:translate(0)scale(.5)}to{opacity:0;transform:translate(-30px,-20px)scale(2)}}.gift-anim-carCuteBounce .gift-main-image img{animation:4s cubic-bezier(.34,1.56,.64,1) forwards cuteBounce}@keyframes cuteBounce{0%{opacity:0;transform:translateY(-120vh)scale(.6)rotate(-10deg)}8%{opacity:1}35%{transform:translateY(0)scale(1.15)rotate(3deg)}50%{transform:translateY(-60px)scale(.95)rotate(-2deg)}65%{transform:translateY(0)scale(1.08)rotate(1deg)}75%{transform:translateY(-25px)scale(.98)rotate(0)}85%{transform:translateY(0)scale(1.02)}92%{opacity:1;transform:translateY(-8px)scale(1)}96%{transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(0)scale(0)}}.gift-anim-carCuteBounce .bounce-particle{font-size:var(--bp-size,16px);animation:bounceParticleUp var(--bp-dur) ease-out var(--bp-delay) both;position:absolute;top:50%;left:50%}@keyframes bounceParticleUp{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}30%{transform:translate(calc(-50% + var(--bp-x,0px)), calc(-50% + var(--bp-y,0px))) scale(1.2);opacity:1}to{transform:translate(calc(-50% + var(--bp-x,0px) * 1.8), calc(-50% + var(--bp-y,0px) * 1.8 - 50px)) scale(0);opacity:0}}.gift-anim-flowerBurst .gift-main-image img{animation:3.5s ease-out forwards flowerBurstCenter}@keyframes flowerBurstCenter{0%{opacity:0;transform:scale(0)rotate(-20deg)}20%{opacity:1;transform:scale(1.2)rotate(5deg)}35%{transform:scale(1)rotate(0)}70%{opacity:1;transform:scale(1.05)}85%{opacity:.7}to{opacity:0;transform:scale(0)rotate(20deg)}}.gift-anim-flowerBurst .burst-petal{font-size:var(--fbp-size,20px);animation:petalSpreadOut var(--fbp-dur) ease-out var(--fbp-delay) both;position:absolute;top:50%;left:50%}@keyframes petalSpreadOut{0%{transform:translate(-50%, -50%) rotate(var(--fbp-angle,0deg)) translateX(0) scale(0);opacity:0}25%{opacity:1}70%{transform:translate(-50%, -50%) rotate(var(--fbp-angle,0deg)) translateX(130px) scale(1.1);opacity:.8}to{transform:translate(-50%, -50%) rotate(var(--fbp-angle,0deg)) translateX(180px) scale(.3);opacity:0}}.gift-glow-ring{z-index:3;pointer-events:none;border-radius:50%;width:280px;height:280px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gift-glow-ring.ultra{border:2px solid #ffd70066;animation:2s ease-in-out infinite glowPulse;box-shadow:0 0 40px #ffd7004d,inset 0 0 40px #ffd70026}.gift-glow-ring.premium{border:2px solid #ff5e8459;animation:2.5s ease-in-out infinite glowPulse;box-shadow:0 0 30px #ff5e8440,inset 0 0 30px #ff5e841a}@keyframes glowPulse{0%,to{opacity:.7;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}}@media (width<=768px){.gift-main-image img{width:150px!important;height:150px!important}.gift-sender-banner{gap:6px;padding:7px 16px;top:40px}.gift-sender-banner .sender-name{font-size:12px}.gift-sender-banner .gift-label{font-size:11px}.gift-name-badge{padding:6px 20px;font-size:16px;bottom:60px}.gift-glow-ring{width:200px;height:200px}.gift-anim-lunaparkBurst .confetti:nth-child(n+16),.gift-anim-palaceReveal .star-particle:nth-child(n+6),.gift-anim-chestOpen .coin-particle:nth-child(n+8){display:none}}@media (prefers-reduced-motion:reduce){.gift-anim-overlay,.gift-anim-overlay *{animation-duration:.8s!important;animation-iteration-count:1!important}}@keyframes genericRadialFlyOut{0%{opacity:0;transform:translate(-50%,-50%)rotate(0)scale(0)}20%{transform:translate(calc(-50% + var(--part-x,0px)), calc(-50% + var(--part-y,0px))) rotate(180deg) scale(1.2);opacity:1}60%{opacity:.8}to{transform:translate(calc(-50% + var(--part-x,0px) * 2.2), calc(-50% + var(--part-y,0px) * 2.2 - 60px)) rotate(540deg) scale(.3);opacity:0}}@keyframes genericRayShoot{0%{opacity:0;height:0}30%{opacity:.8;height:150px}60%{opacity:.5;height:200px}to{opacity:0;height:250px}}@keyframes genericRadialRipple{0%{opacity:1;border-width:4px;transform:translate(-50%,-50%)scale(.5)}to{opacity:0;border-width:1px;transform:translate(-50%,-50%)scale(3.5)}}@keyframes genericConfettiFall{0%{opacity:1;transform:translateY(0)rotate(0)scale(1)}25%{transform:translateY(25vh) rotate(180deg) translateX(var(--part-sway,20px)) scale(.95)}50%{transform:translateY(50vh) rotate(360deg) translateX(calc(var(--part-sway,20px) * -1)) scale(.9)}75%{transform:translateY(75vh) rotate(540deg) translateX(var(--part-sway,20px)) scale(.8);opacity:.7}to{opacity:0;transform:translateY(105vh)rotate(720deg)scale(.5)}}@keyframes genericDaisyDrop{0%{opacity:.9;transform:translateY(0)rotate(0)}25%{transform:translateY(25vh) rotate(90deg) translateX(var(--part-sway,10px))}50%{transform:translateY(50vh) rotate(180deg) translateX(calc(var(--part-sway,10px) * -1.3))}75%{transform:translateY(75vh) rotate(270deg) translateX(var(--part-sway,10px));opacity:.5}to{opacity:0;transform:translateY(105vh)rotate(360deg)}}@keyframes genericFoamFloat{0%{opacity:.8;transform:translateY(0)scale(1)}50%{opacity:.5;transform:translateY(-30px)scale(.6)}to{opacity:0;transform:translateY(-60px)scale(.2)}}@keyframes genericSmokeDrift{0%{opacity:.6;transform:translate(0)scale(.5)}to{opacity:0;transform:translate(-30px,-20px)scale(2)}}@keyframes genericPetalRise{0%{opacity:0;transform:translateY(0)rotate(0)scale(.5)}15%{opacity:1}50%{transform:translateY(-40vh) rotate(180deg) scale(1) translateX(var(--part-sway,15px))}to{transform:translateY(-95vh) rotate(360deg) scale(.6) translateX(calc(var(--part-sway,15px) * -1));opacity:0}}@keyframes genericStreak{0%{opacity:0;transform:translate(80px)scaleX(.3)}20%{opacity:.9}to{opacity:0;transform:translate(-240px)scaleX(2)}}@keyframes genericPawAppear{0%{opacity:0;filter:drop-shadow(0 0 3px #ff5e84cc);transform:scale(.4)}25%{opacity:1;filter:drop-shadow(0 0 8px #ff5e84cc);transform:scale(1.1)}to{opacity:0;filter:drop-shadow(0 0 2px #ff5e844d);transform:scale(.7)}}@keyframes genericWaveRock{0%,to{transform:translateY(0)scaleX(1)}25%{transform:translateY(-6px)scaleX(1.02)}50%{transform:translateY(-12px)scaleX(1.04)}75%{transform:translateY(-6px)scaleX(1.02)}}@keyframes genericLightBurstPulse{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}50%{opacity:.6;transform:translate(-50%,-50%)scale(1.5)}to{opacity:0;transform:translate(-50%,-50%)scale(2.5)}}.particle-item{pointer-events:none;will-change:transform, opacity;position:absolute}.particle-type-emoji{font-size:var(--part-size)}.particle-type-circle{width:var(--part-size);height:var(--part-size);border:2px solid var(--part-color);border-radius:50%}.particle-type-square{width:var(--part-size);height:var(--part-size);background-color:var(--part-color);border-radius:2px}.particle-type-line{background:linear-gradient(90deg, transparent 0%, var(--part-color,#fff9) 50%, transparent 100%);height:2px}.particle-type-wave{z-index:4;background:linear-gradient(#0000 0%,#40a4df33 50%,#40a4df59 100%);border-radius:50%;height:60px;position:absolute;bottom:25%;left:0;right:0}.particle-type-foam{background:#ffffffb3;border-radius:50%;width:6px;height:6px}.particle-type-smoke{background:radial-gradient(circle,#ffffff4d 0%,#0000 70%);border-radius:50%;width:20px;height:20px}.particle-type-ray{transform-origin:bottom;background:linear-gradient(#ffd700cc 0%,#ffd70000 100%);width:3px;height:0}.spread-radial{top:50%;left:50%;transform:translate(-50%,-50%)}.particle-type-emoji.spread-radial{animation:genericRadialFlyOut var(--part-dur) cubic-bezier(.25, .46, .45, .94) var(--part-delay) both}.particle-type-circle.spread-radial{animation:genericRadialRipple var(--part-dur) ease-out var(--part-delay) both}.particle-type-ray.spread-radial{transform:translate(-50%, -50%) rotate(var(--part-angle,0deg));animation:genericRayShoot var(--part-dur) ease-out var(--part-delay) both}.spread-falling{top:-30px}.particle-type-square.spread-falling{animation:genericConfettiFall var(--part-dur) linear var(--part-delay) both}.particle-type-emoji.spread-falling{animation:genericDaisyDrop var(--part-dur) linear var(--part-delay) both}.spread-rising{bottom:0}.particle-type-foam.spread-rising{animation:genericFoamFloat var(--part-dur) ease-out var(--part-delay) both;left:var(--part-left);bottom:var(--part-bottom,20%)}.particle-type-smoke.spread-rising{animation:genericSmokeDrift var(--part-dur) ease-out var(--part-delay) both;left:var(--part-left);top:var(--part-top,24vh)}.particle-type-emoji.spread-rising{animation:genericPetalRise var(--part-dur) ease-out var(--part-delay) both}.spread-streak{animation:genericStreak var(--part-dur) linear var(--part-delay) both;opacity:0}.spread-gridPath{opacity:0;animation:genericPawAppear 1.8s ease-out var(--part-delay) both;top:var(--part-top);left:var(--part-left)}.spread-static{top:50%;left:50%;transform:translate(-50%,-50%)}.particle-type-wave.spread-static{animation:1.2s ease-in-out infinite genericWaveRock}.particle-type-circle.spread-static{animation:genericLightBurstPulse 1s ease-out var(--part-delay) both}.gift-main-image.lion-spritesheet-mode{z-index:6;justify-content:center;align-items:center;width:256px;height:256px;display:flex;position:absolute;bottom:25%;left:50%;transform:translate(-50%)}.gift-main-image.lion-spritesheet-mode.entry{animation:1.5s linear forwards lionSpritesheetEntry}.gift-main-image.lion-spritesheet-mode.roar{transform:translate(-50%)}.gift-main-image.lion-spritesheet-mode.exit{animation:1.5s linear forwards lionSpritesheetExit}@keyframes lionSpritesheetEntry{0%{transform:translate(-100vw)}to{transform:translate(-50%)}}@keyframes lionSpritesheetExit{0%{transform:translate(-50%)}to{transform:translate(100vw)}}.screen-shake{animation:.15s infinite screenShakeEffect}@keyframes screenShakeEffect{0%{transform:translate(2px,2px)rotate(0)}10%{transform:translate(-2px,-3px)rotate(-1deg)}20%{transform:translate(-4px)rotate(1deg)}30%{transform:translateY(3px)rotate(0)}40%{transform:translate(2px,-2px)rotate(1deg)}50%{transform:translate(-2px,3px)rotate(-1deg)}60%{transform:translate(-4px,2px)rotate(0)}70%{transform:translate(3px,2px)rotate(-1deg)}80%{transform:translate(-2px,-2px)rotate(1deg)}90%{transform:translate(3px,3px)rotate(0)}to{transform:translate(2px,-3px)rotate(-1deg)}}