:root{--luar-blue:#0055FF;--luar-blue-glow:rgba(0,85,255,0.6);--luar-blue-subtle:rgba(0,85,255,0.18);--luar-dark:#0a0c14;--luar-card:rgba(13,17,26,0.96);--luar-border:rgba(0,85,255,0.35);--luar-pink:#ff2a85;--luar-gold:#ffd000;--luar-green:#00ff88} .luar-bot-anchor{position:fixed !important;z-index:99990 !important;display:inline-flex;align-items:center;justify-content:center;user-select:none;cursor:grab;touch-action:none;transition:transform 0.15s ease-out} .luar-bot-anchor:active{cursor:grabbing} .luar-bot-avatar{position:relative;width:76px;height:76px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform 0.25s cubic-bezier(0.34,1.56,0.64,1);filter:drop-shadow(0 8px 24px rgba(0,85,255,0.45))} .luar-bot-avatar:hover{transform:scale(1.12);filter:drop-shadow(0 10px 32px rgba(0,85,255,0.85))} .luar-bot-ring-wrapper{position:relative;width:76px;height:76px;display:flex;align-items:center;justify-content:center} .luar-bot-hud-ring{position:absolute;inset:-6px;width:calc(100%+12px);height:calc(100%+12px);pointer-events:none;overflow:visible;animation:luarRingRotate 24s linear infinite} @keyframes luarRingRotate{from{transform:rotate(0deg)} to{transform:rotate(360deg)} } .hud-ring-track{fill:none;stroke:rgba(0,85,255,0.25);stroke-width:2.2;stroke-dasharray:4 4} .hud-ring-arc{fill:none;stroke:#00d4ff;stroke-width:3.2;stroke-linecap:round;stroke-dasharray:60 180;filter:drop-shadow(0 0 6px #00d4ff)} .hud-ring-lime{fill:none;stroke:#a3e635;stroke-width:3.8;stroke-linecap:round;stroke-dasharray:28 210;stroke-dashoffset:-85;filter:drop-shadow(0 0 8px #a3e635)} .luar-bot-svg-container{width:64px;height:64px;position:relative;z-index:2} .luar-bot-svg-container svg{width:100%;height:100%;overflow:visible} @keyframes luarBotBreathe{0%,100%{transform:translateY(0px) scale(1)} 50%{transform:translateY(-3px) scale(1.02)} } .luar-bot-breathe{animation:luarBotBreathe 3s ease-in-out infinite} @keyframes luarHeartFloat{0%{opacity:1;transform:translate(0,0) scale(0.6)} 50%{opacity:0.95;transform:translate(var(--hx,-10px),-35px) scale(1.2)} 100%{opacity:0;transform:translate(var(--hx2,-20px),-75px) scale(0.9)} } .luar-heart-particle{position:absolute;pointer-events:none;font-size:22px;color:#ff2a85;animation:luarHeartFloat 1.2s cubic-bezier(0.2,0.8,0.3,1) forwards;z-index:100000;filter:drop-shadow(0 0 10px rgba(255,42,133,0.8))} .luar-popover{position:absolute;top:calc(100%+16px);left:50%;transform:translateX(-50%) translateY(10px) scale(0.92);width:340px;background:var(--luar-card);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:2px solid var(--luar-border);box-shadow:0 20px 50px rgba(0,0,0,0.85),0 0 35px rgba(0,85,255,0.25);border-radius:20px;padding:22px;opacity:0;pointer-events:none;transition:all 0.25s cubic-bezier(0.16,1,0.3,1);z-index:99999} .luar-popover.open{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)} .luar-popover.popover-up{top:auto;bottom:calc(100%+16px);transform:translateX(-50%) translateY(-10px) scale(0.92)} .luar-popover.popover-up.open{transform:translateX(-50%) translateY(0) scale(1)} .luar-popover-badge{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-family:'Space Grotesk','Rajdhani',sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:1.2px;color:var(--luar-green);background:rgba(0,255,136,0.12);border:1.5px solid rgba(0,255,136,0.35);padding:5px 12px;border-radius:99px;margin-bottom:12px} .luar-popover-badge i{font-size:8px;color:var(--luar-green);animation:pulseGreen 2s infinite} @keyframes pulseGreen{0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.3;transform:scale(0.7)} } .luar-popover-title{font-size:20px;font-weight:900;color:#fff;text-transform:uppercase;font-family:'Space Grotesk','Rajdhani',sans-serif;letter-spacing:0.8px;margin-bottom:6px} .luar-popover-desc{font-size:13px;color:#94a3b8;line-height:1.5;margin-bottom:18px} .luar-popover-actions{display:flex;gap:10px} .luar-btn-pop{flex:1;padding:12px 14px;font-size:12px;font-weight:900;font-family:'Space Grotesk','Rajdhani',sans-serif;text-transform:uppercase;letter-spacing:0.8px;border-radius:12px;text-align:center;cursor:pointer;transition:all 0.25s cubic-bezier(0.16,1,0.3,1);text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px} .luar-btn-pop-primary{background:var(--luar-blue);color:#fff;border:2px solid #3377ff;box-shadow:0 4px 20px rgba(0,85,255,0.5)} .luar-btn-pop-primary:hover{background:#1a6aff;box-shadow:0 6px 25px rgba(0,85,255,0.8);transform:translateY(-2px)} .luar-btn-pop-secondary{background:rgba(255,255,255,0.06);color:#e2e8f0;border:2px solid rgba(255,255,255,0.15)} .luar-btn-pop-secondary:hover{background:rgba(255,255,255,0.12);color:#fff;border-color:rgba(255,255,255,0.3);transform:translateY(-2px)} .luar-radial-menu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;height:280px;pointer-events:none;z-index:99998} .luar-radial-menu.open{pointer-events:auto} .luar-radial-tray-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transform:scale(0.6);transition:all 0.35s cubic-bezier(0.34,1.56,0.64,1);filter:drop-shadow(0 16px 40px rgba(0,0,0,0.9))} .luar-radial-menu.open .luar-radial-tray-svg{opacity:1;transform:scale(1)} .luar-radial-item{position:absolute;width:46px;height:46px;border-radius:14px;background:rgba(18,24,38,0.98);border:2.5px solid rgba(0,85,255,0.55);box-shadow:0 10px 25px rgba(0,0,0,0.85),0 0 18px rgba(0,85,255,0.3);display:flex;align-items:center;justify-content:center;color:#f1f5f9;font-size:18px;font-weight:900;cursor:pointer;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);opacity:0;transform:scale(0.3);z-index:3} .luar-radial-menu.open .luar-radial-item{opacity:1;transform:scale(1)} .luar-radial-item:hover{background:var(--luar-blue);color:#fff;border-color:#38bdf8;box-shadow:0 0 30px rgba(0,85,255,0.9),inset 0 0 12px rgba(255,255,255,0.4);transform:scale(1.18) !important} .luar-radial-item.lime-btn{background:#a3e635 !important;color:#0b1120 !important;border:2.5px solid #bef264 !important;box-shadow:0 0 25px rgba(163,230,53,0.85) !important} .luar-radial-item.lime-btn:hover{background:#bef264 !important;transform:scale(1.24) !important;box-shadow:0 0 35px rgba(163,230,53,1) !important} .luar-radial-item::after{content:attr(data-label);position:absolute;bottom:-36px;left:50%;transform:translateX(-50%) translateY(-4px);background:#07090f;color:#fff;font-size:11px;font-weight:900;font-family:'Space Grotesk','Rajdhani',sans-serif;white-space:nowrap;padding:5px 12px;border-radius:9px;border:2px solid rgba(0,85,255,0.5);box-shadow:0 6px 18px rgba(0,0,0,0.8);opacity:0;pointer-events:none;transition:all 0.2s ease} .luar-radial-item:hover::after{opacity:1;transform:translateX(-50%) translateY(0)} border-color:#3b82f6;box-shadow:0 0 25px rgba(0,85,255,0.8);transform:scale(1.2) !important} .luar-radial-item.active{background:#84cc16;color:#000;border-color:#a3e635;box-shadow:0 0 20px rgba(163,230,53,0.6)} .luar-radial-item::after{content:attr(data-label);position:absolute;bottom:-32px;left:50%;transform:translateX(-50%);background:#090c14;color:#fff;font-size:11px;font-weight:800;font-family:'Space Grotesk','Rajdhani',sans-serif;white-space:nowrap;padding:4px 10px;border-radius:8px;border:1.5px solid rgba(0,85,255,0.4);box-shadow:0 4px 12px rgba(0,0,0,0.6);opacity:0;pointer-events:none;transition:opacity 0.2s} .luar-radial-item:hover::after{opacity:1} .luar-wardrobe-modal{position:fixed;inset:0;background:rgba(4,6,11,0.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100000;opacity:0;pointer-events:none;transition:opacity 0.25s ease} .luar-wardrobe-modal.open{opacity:1;pointer-events:auto} .luar-wardrobe-panel{width:100%;max-width:860px;background:rgba(12,16,26,0.98);border:2px solid var(--luar-border);box-shadow:0 30px 80px rgba(0,0,0,0.9),0 0 50px rgba(0,85,255,0.25);border-radius:26px;overflow:hidden;display:flex;flex-direction:column} .luar-wardrobe-header{padding:22px 28px;border-bottom:1.5px solid rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:space-between} .luar-wardrobe-title{display:flex;align-items:center;gap:12px} .luar-wardrobe-title h2{font-size:22px;font-weight:900;font-family:'Space Grotesk','Rajdhani',sans-serif;color:#fff;text-transform:uppercase;letter-spacing:1px;margin:0} .luar-wardrobe-title span{font-size:11px;color:var(--luar-blue);text-transform:uppercase;font-weight:800;letter-spacing:1.5px} .luar-wardrobe-btn-sortear{display:inline-flex;align-items:center;gap:8px;background:rgba(0,85,255,0.15);border:2px solid rgba(0,85,255,0.4);color:#fff;padding:10px 18px;border-radius:12px;font-size:12px;font-weight:900;font-family:'Space Grotesk','Rajdhani',sans-serif;text-transform:uppercase;cursor:pointer;transition:all 0.2s} .luar-wardrobe-btn-sortear:hover{background:var(--luar-blue);border-color:#3b82f6;box-shadow:0 0 20px rgba(0,85,255,0.6);transform:rotate(-2deg) scale(1.04)} .luar-wardrobe-close{background:none;border:none;color:#94a3b8;font-size:24px;cursor:pointer;padding:6px;line-height:1;border-radius:8px;transition:color 0.2s} .luar-wardrobe-close:hover{color:#fff} .luar-wardrobe-tabs{display:flex;padding:0 24px;background:rgba(0,0,0,0.35);border-bottom:1px solid rgba(255,255,255,0.08);overflow-x:auto;gap:8px} .luar-tab-btn{padding:16px 20px;font-size:12px;font-weight:900;font-family:'Space Grotesk','Rajdhani',sans-serif;text-transform:uppercase;letter-spacing:1.2px;color:#64748b;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all 0.2s;white-space:nowrap} .luar-tab-btn:hover{color:#cbd5e1} .luar-tab-btn.active{color:#a3e635;border-bottom-color:#a3e635} .luar-wardrobe-body{display:flex;min-height:390px;overflow:hidden;max-width:100%} .luar-wardrobe-preview{width:290px;background:radial-gradient(circle at center,rgba(0,85,255,0.2) 0%,rgba(10,13,20,0) 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1.5px solid rgba(255,255,255,0.08);padding:24px;position:relative} .luar-preview-bot-stage{width:150px;height:150px;position:relative;filter:drop-shadow(0 12px 30px rgba(0,85,255,0.55))} .luar-preview-label{margin-top:18px;font-size:15px;font-weight:900;color:#fff;text-align:center;font-family:'Space Grotesk','Rajdhani',sans-serif;text-transform:uppercase} .luar-preview-sub{font-size:12px;color:#94a3b8;margin-top:4px;text-align:center} .luar-wardrobe-grid-container{flex:1;padding:20px 24px;overflow-y:auto;overflow-x:hidden;max-height:420px;box-sizing:border-box} .luar-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:14px} .luar-item-card{background:rgba(255,255,255,0.04);border:1.5px solid rgba(255,255,255,0.1);border-radius:18px;padding:14px 10px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);position:relative} .luar-item-card:hover{background:rgba(255,255,255,0.09);border-color:rgba(0,85,255,0.7);box-shadow:0 4px 18px rgba(0,85,255,0.25);transform:translateY(-3px)} .luar-item-card.selected{background:rgba(163,230,53,0.12);border-color:#a3e635;box-shadow:0 0 20px rgba(163,230,53,0.35)} .luar-item-card.selected::after{content:'✓';position:absolute;top:8px;right:8px;width:18px;height:18px;border-radius:50%;background:#a3e635;color:#000;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center} .luar-item-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin-bottom:8px} .luar-item-name{font-size:10px;font-weight:800;color:#cbd5e1;text-align:center;text-transform:uppercase} .luar-item-grid.luar-voice-grid{display:flex;flex-direction:column;gap:12px;width:100%;box-sizing:border-box} .luar-voice-card{width:100%;box-sizing:border-box;background:rgba(14,18,28,0.95);border:1.5px solid rgba(0,85,255,0.25);border-radius:16px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;transition:all 0.25s cubic-bezier(0.16,1,0.3,1);position:relative} .luar-voice-card:hover{border-color:#0055ff;background:rgba(0,85,255,0.12);box-shadow:0 0 22px rgba(0,85,255,0.3);transform:translateY(-2px)} .luar-voice-card.selected{border-color:#a3e635;background:rgba(163,230,53,0.08);box-shadow:0 0 25px rgba(163,230,53,0.25)} .luar-voice-left{display:flex;align-items:center;gap:14px;flex:1;min-width:0} .luar-voice-avatar{width:44px;height:44px;border-radius:12px;background:rgba(0,85,255,0.2);border:1.5px solid rgba(0,85,255,0.5);display:flex;align-items:center;justify-content:center;color:#00d4ff;font-size:18px;flex-shrink:0} .luar-voice-info{flex:1;min-width:0;text-align:left} .luar-voice-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:2px} .luar-voice-title span:first-child{font-size:14px;font-weight:800;color:#fff;font-family:'Space Grotesk',sans-serif} .luar-voice-tag{font-size:9px;font-weight:900;text-transform:uppercase;padding:2px 7px;border-radius:6px;background:rgba(0,85,255,0.25);color:#38bdf8;border:1px solid rgba(0,85,255,0.4);white-space:nowrap} .luar-voice-desc{font-size:11px;color:#94a3b8;line-height:1.35;white-space:normal} .luar-voice-actions{display:flex;align-items:center;gap:10px;flex-shrink:0} .luar-voice-status-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(163,230,53,0.15);border:1px solid rgba(163,230,53,0.4);color:#a3e635;font-size:10px;font-weight:900;text-transform:uppercase;padding:6px 10px;border-radius:8px;letter-spacing:0.5px;white-space:nowrap} .luar-voice-play-btn{padding:8px 14px;border-radius:10px;background:rgba(255,255,255,0.08);border:1.5px solid rgba(255,255,255,0.18);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all 0.2s ease;flex-shrink:0;white-space:nowrap} .luar-voice-play-btn:hover{background:#0055ff;border-color:#38bdf8;box-shadow:0 0 18px rgba(0,85,255,0.7)} @media (max-width:640px){.luar-voice-card{flex-direction:column;align-items:flex-start;gap:12px} .luar-voice-left{width:100%} .luar-voice-actions{width:100%;justify-content:flex-end} } .luar-wardrobe-footer{padding:16px 28px;background:rgba(0,0,0,0.45);border-top:1.5px solid rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:space-between} .luar-footer-hint{font-size:12px;color:#94a3b8} .luar-footer-hint strong{color:#fff} @media (max-width:768px){.luar-wardrobe-body{flex-direction:column} .luar-wardrobe-preview{width:100%;border-right:none;border-bottom:1px solid rgba(255,255,255,0.08);padding:18px} .luar-preview-bot-stage{width:110px;height:110px} } .luar-teleport-clone{position:fixed !important;z-index:999999 !important;pointer-events:none;transition:transform 0.85s cubic-bezier(0.16,1,0.3,1),opacity 0.85s ease;filter:drop-shadow(0 0 35px #0055ff)} @keyframes cyberFlashBlink{0%{opacity:0;transform:scale(0.2)} 35%{opacity:1;transform:scale(1.6);filter:brightness(2.5)} 70%{opacity:0.8;transform:scale(2.2);filter:brightness(1.5)} 100%{opacity:0;transform:scale(2.8)} } .cyber-flash-ring{position:absolute;inset:-20px;border-radius:50%;background:radial-gradient(circle,rgba(0,212,255,0.9) 0%,rgba(0,85,255,0.6) 40%,transparent 75%);pointer-events:none;opacity:0} .flash-active{animation:cyberFlashBlink 0.75s ease-out forwards} @keyframes voiceRipple{0%{transform:scale(0.85);opacity:0.95;border-color:#38bdf8} 50%{border-color:#0055ff;opacity:0.6} 100%{transform:scale(1.85);opacity:0;border-color:#0055ff} } .voice-wave-ring{position:absolute;inset:-16px;border-radius:50%;border:2.5px solid #0055ff;opacity:0;pointer-events:none} .is-speaking .voice-wave-ring:nth-child(1){animation:voiceRipple 1.6s ease-out infinite} .is-speaking .voice-wave-ring:nth-child(2){animation:voiceRipple 1.6s ease-out 0.5s infinite} .is-speaking .voice-wave-ring:nth-child(3){animation:voiceRipple 1.6s ease-out 1.0s infinite} .cyber-card{background:rgba(13,17,28,0.95);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:2px solid rgba(0,85,255,0.4);box-shadow:0 25px 65px rgba(0,0,0,0.85),0 0 45px rgba(0,85,255,0.25);border-radius:28px} .luar-bot-voice-pill{position:absolute;bottom:-4px;right:-4px;width:28px;height:28px;border-radius:50%;background:#0055ff;border:2px solid #38bdf8;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;cursor:pointer;box-shadow:0 4px 12px rgba(0,85,255,0.7),0 0 10px rgba(56,189,248,0.6);transition:all 0.25s cubic-bezier(0.34,1.56,0.64,1);z-index:10} .luar-bot-voice-pill:hover{transform:scale(1.22);background:#1a6aff;box-shadow:0 0 20px rgba(0,85,255,1),0 0 12px #38bdf8} .luar-bot-voice-pill.is-listening{background:#ef4444;border-color:#fca5a5;animation:micPulse 1.2s ease-in-out infinite} @keyframes micPulse{0%,100%{transform:scale(1);box-shadow:0 0 15px rgba(239,68,68,0.7)} 50%{transform:scale(1.25);box-shadow:0 0 25px rgba(239,68,68,1)} } .luar-speech-bubble{position:absolute;width:320px;max-width:calc(100vw - 32px);background:rgba(10,15,26,0.96);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:2px solid #0055ff;border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,0.9),0 0 35px rgba(0,85,255,0.45);padding:16px 18px;z-index:100002;opacity:0;pointer-events:none;transform:scale(0.85) translateY(12px);transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1)} .luar-speech-bubble.open{opacity:1;pointer-events:auto;transform:scale(1) translateY(0)} .luar-speech-bubble.tail-right::after{content:'';position:absolute;top:26px;right:-13px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:13px solid #0055ff} .luar-speech-bubble.tail-right::before{content:'';position:absolute;top:27px;right:-10px;width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:11px solid #0a0f1a;z-index:1} .luar-speech-bubble.tail-left::after{content:'';position:absolute;top:26px;left:-13px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:13px solid #0055ff} .luar-speech-bubble.tail-left::before{content:'';position:absolute;top:27px;left:-10px;width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:11px solid #0a0f1a;z-index:1} .luar-bubble-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,0.08)} .luar-bubble-badge{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:900;font-family:'Space Grotesk','Rajdhani',sans-serif;text-transform:uppercase;letter-spacing:1px;color:#38bdf8} .luar-bubble-badge-dot{width:7px;height:7px;border-radius:50%;background:#38bdf8;box-shadow:0 0 8px #38bdf8;animation:pulseCyan 1.5s infinite} @keyframes pulseCyan{0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.4;transform:scale(0.7)} } .luar-bubble-controls{display:flex;align-items:center;gap:8px} .luar-bubble-icon-btn{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);color:#94a3b8;width:24px;height:24px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11px;cursor:pointer;transition:all 0.2s} .luar-bubble-icon-btn:hover{color:#fff;background:rgba(0,85,255,0.3);border-color:#0055ff} .luar-bubble-equalizer{display:none;align-items:center;justify-content:center;gap:4px;height:20px;margin-bottom:10px} .luar-bubble-equalizer.active{display:flex} .luar-bubble-equalizer span{width:4px;height:6px;background:#00d4ff;border-radius:3px;box-shadow:0 0 6px #00d4ff;animation:eqWave 0.8s ease-in-out infinite alternate} .luar-bubble-equalizer span:nth-child(1){animation-delay:0.1s} .luar-bubble-equalizer span:nth-child(2){animation-delay:0.25s} .luar-bubble-equalizer span:nth-child(3){animation-delay:0.4s} .luar-bubble-equalizer span:nth-child(4){animation-delay:0.2s} .luar-bubble-equalizer span:nth-child(5){animation-delay:0.35s} @keyframes eqWave{0%{height:4px} 100%{height:18px} } .luar-bubble-text{font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;color:#f1f5f9;line-height:1.55;margin:0;max-height:220px;overflow-y:auto;word-break:break-word} .luar-bubble-text strong{color:#38bdf8;font-weight:800} .luar-bubble-action{margin-top:12px;display:inline-flex;align-items:center;gap:8px;width:100%;justify-content:center;padding:10px 14px;background:#0055ff;color:#fff;border:1.5px solid #38bdf8;border-radius:12px;font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:0.8px;text-decoration:none;cursor:pointer;transition:all 0.25s;box-shadow:0 4px 15px rgba(0,85,255,0.5)} .luar-bubble-action:hover{background:#1a6aff;box-shadow:0 6px 20px rgba(0,85,255,0.8);transform:translateY(-2px)} .luar-bubble-footer{margin-top:14px;padding-top:10px;border-top:1px solid rgba(255,255,255,0.08);display:flex;gap:8px;align-items:center} .luar-bubble-mic-btn{width:36px;height:36px;border-radius:10px;background:rgba(0,85,255,0.2);border:1.5px solid #0055ff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;transition:all 0.2s;flex-shrink:0} .luar-bubble-mic-btn:hover{background:#0055ff;box-shadow:0 0 15px rgba(0,85,255,0.8)} .luar-bubble-mic-btn.active{background:#ef4444;border-color:#f87171;animation:micPulse 1.2s infinite} .luar-bubble-input-group{flex:1;display:flex;position:relative} .luar-bubble-input{width:100%;background:rgba(0,0,0,0.5);border:1.5px solid rgba(255,255,255,0.1);border-radius:10px;padding:8px 32px 8px 10px;color:#fff;font-size:12px;font-family:'Plus Jakarta Sans',sans-serif;outline:none;transition:border-color 0.2s} .luar-bubble-input:focus{border-color:#0055ff;box-shadow:0 0 12px rgba(0,85,255,0.35)} .luar-bubble-send-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#38bdf8;font-size:12px;cursor:pointer;padding:4px} .luar-bubble-send-btn:hover{color:#fff}