.enter-btn{border-radius:16px;display:block;font-size:clamp(16px,2.5vw,18px);font-weight:800;letter-spacing:1px;margin:10px 0;padding:16px 32px;text-transform:uppercase;width:100%}*{box-sizing:border-box;margin:0;padding:0}:root{--lavender:#7b6cf6;--rose:#f2a6b3;--peach:#f2a6b3;--mint:#9a8cff;--sky:#c3b9ff;--bg:#fafafd;--card:#f1f1f6;--text:#2e2e38;--text-light:#6b6b7a}body{animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#faf5ff,#fce7f3 50%,#fff7ed);background-size:400% 400%;color:#2e2e38;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:clamp(8px,2vw,20px)}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.app{animation:fadeInUp .6s ease;margin:20px auto;max-width:650px}.card,.landing-page{animation:scaleIn .5s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #fff9;border-radius:24px;box-shadow:0 8px 32px #a78bfa26,0 0 0 1px #a78bfa1a;padding:clamp(20px,4vw,30px);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover,.landing-page:hover{box-shadow:0 20px 48px #a78bfa40,0 0 0 1px #a78bfa33;transform:translateY(-4px)}.title{-webkit-text-fill-color:#0000;align-items:center;animation:gradientShift 3s ease infinite;background:linear-gradient(135deg,#7b6cf6,#f2a6b3,#f2a6b3);background:linear-gradient(135deg,var(--lavender),var(--rose),var(--peach));-webkit-background-clip:text;background-clip:text;background-size:200% 200%;display:flex;font-size:2rem;font-weight:700;gap:10px;justify-content:center;letter-spacing:-1px;margin-bottom:20px;margin-top:50px;text-align:center;width:100%}.input,.profile-input,.select{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#7b6cf6,#f2a6b3) border-box;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--lavender),var(--rose)) border-box;border:2px solid #0000;border-radius:16px;font-size:clamp(14px,2vw,16px);margin:8px 0;padding:14px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.input:focus,.profile-input:focus,.select:focus{box-shadow:0 8px 24px #a78bfa33,0 0 0 4px #a78bfa1a;outline:none;transform:translateY(-2px)}.btn{border:none;border-radius:16px;cursor:pointer;font-size:clamp(12px,2vw,14px);font-weight:700;letter-spacing:.5px;margin:5px;overflow:hidden;padding:12px 28px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn-primary{box-shadow:0 8px 24px #a78bfa66}.btn-primary:hover:not(:disabled){box-shadow:0 12px 32px #a78bfa80}.btn-primary:active:not(:disabled){transform:translateY(-1px) scale(.98)}.btn-danger{background:linear-gradient(135deg,#f2a6b3,#ef4444);background:linear-gradient(135deg,var(--rose),#ef4444);box-shadow:0 8px 24px #fb718566;color:#fff}.btn-danger:hover:not(:disabled){box-shadow:0 12px 32px #fb718580;transform:translateY(-3px) scale(1.02)}.btn-warning{background:linear-gradient(135deg,#f2a6b3,#fda4af);box-shadow:0 8px 24px #f2a6b34d;color:#fff}.btn-warning:hover:not(:disabled){box-shadow:0 12px 32px #f2a6b366;transform:translateY(-3px) scale(1.02)}.btn:disabled{background:#e2e8f0;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.waiting{animation:fadeInUp .6s ease;padding:60px 20px;text-align:center}.spinner{animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite;border-left:5px solid;border-color:#a78bfa33;border-bottom:5px solid #f2a6b3;border-bottom-color:var(--peach);border-radius:50%;border-right:5px solid #f2a6b3;border-right-color:var(--rose);border-top:5px solid #7b6cf6;border-top-color:var(--lavender);filter:drop-shadow(0 4px 12px rgba(167,139,250,.3));height:clamp(60px,10vw,80px);margin:0 auto 20px;width:clamp(60px,10vw,80px)}@keyframes spin{to{transform:rotate(1turn)}}.chat-box{animation:scaleIn .5s ease;border:1px solid #fff9;border-radius:24px;box-shadow:0 20px 60px #a78bfa33,0 0 0 1px #a78bfa1a;display:flex;flex-direction:column;max-height:90vh;min-height:90vh;overflow:hidden}.chat-box,.fixed-banner{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2}.fixed-banner{box-shadow:0 4px 24px #a78bfa1a;position:-webkit-sticky;position:sticky;top:0;z-index:10}.announcement{align-items:center;animation:gradientShift 5s ease infinite;background:linear-gradient(135deg,#fef3c7,#fde68a,#fef3c7);background-size:200% 200%;border-bottom:1px solid #fbbf244d;color:#78350f;display:flex;flex-direction:column;font-size:clamp(12px,2vw,14px);font-weight:600;gap:6px;padding:14px 15px;text-align:center}.announcement-text{line-height:1.5;padding-right:60px;text-align:center;width:100%;word-break:break-word}.announcement small{color:#92400e;font-size:clamp(10px,1.5vw,11px);font-weight:600}.announcement.premium{animation:gradientShift 5s ease infinite;background:linear-gradient(135deg,#f2a6b3,#ec4899,#f2a6b3);background:linear-gradient(135deg,var(--rose),#ec4899,var(--rose));background-size:200% 200%;color:#fff}.chat-header,.mode{animation:gradientShift 8s ease infinite;background:linear-gradient(135deg,#7b6cf6,#f2a6b3,#c3b9ff);background:linear-gradient(135deg,var(--lavender),var(--rose),var(--sky));background-size:200% 200%;color:#fff;font-size:clamp(14px,2vw,16px);font-weight:800;letter-spacing:1px;padding:16px;text-align:center;text-shadow:0 2px 8px #0003}.chat-messages{background:linear-gradient(180deg,#faf5ff,#fce7f3);display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:clamp(15px,3vw,20px)}.chat-messages::-webkit-scrollbar{width:10px}.chat-messages::-webkit-scrollbar-track{background:#a78bfa1a;border-radius:10px}.chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#7b6cf6,#f2a6b3);background:linear-gradient(135deg,var(--lavender),var(--rose));border-radius:10px;-webkit-transition:all .3s ease;transition:all .3s ease}.chat-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#f2a6b3,#7b6cf6);background:linear-gradient(135deg,var(--rose),var(--lavender))}.bubble{animation:fadeInUp .4s ease;border-radius:20px;box-shadow:0 4px 16px #00000014;font-size:clamp(13px,2vw,15px);line-height:1.6;max-width:75%;padding:14px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);word-break:break-word}.bubble:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.other{align-self:flex-start;background:#fff;border:1px solid #a78bfa33;border-bottom-left-radius:4px;color:#2e2e38;color:var(--text)}.me{align-self:flex-end;background:linear-gradient(135deg,#7b6cf6,#f2a6b3);background:linear-gradient(135deg,var(--lavender),var(--rose));border-bottom-right-radius:4px;color:#fff}.disconnected{align-self:center;animation:pulse 2s ease infinite;background:linear-gradient(135deg,#f2a6b3,#ef4444);background:linear-gradient(135deg,var(--rose),#ef4444);color:#fff;font-weight:600;max-width:85%;text-align:center}.chat-input{display:grid;grid-template-columns:auto 1fr auto}.chat-input .btn-danger,.chat-input .btn-warning{grid-column:1;margin:0;order:1}.chat-input .input{flex:1 1;grid-column:2;margin:0;order:2}.chat-input .btn-primary{border-radius:28px;font-size:clamp(12px,2.5vw,14px);font-weight:600;grid-column:3;margin:0;min-width:clamp(60px,15vw,80px);order:3;padding:clamp(10px,2.5vw,12px);white-space:nowrap}.terms-box{animation:fadeInUp .5s ease;background:linear-gradient(135deg,#faf5ff,#fce7f3);border:1px solid #a78bfa33;border-radius:16px;margin:15px 0;max-height:400px;overflow-y:auto;padding:24px;text-align:left}.disclaimer,.intro-text{color:#6b6b7a;color:var(--text-light);font-size:clamp(13px,2vw,15px);line-height:1.8;margin-bottom:14px}.divider{background:linear-gradient(90deg,#0000,#7b6cf6,#f2a6b3,#f2a6b3,#0000);background:linear-gradient(to right,#0000,var(--lavender),var(--rose),var(--peach),#0000);border:0;border-radius:10px;height:3px;margin:24px 0}.terms-list{color:#6b6b7a;color:var(--text-light);line-height:2;margin-bottom:16px;padding-left:24px}.terms-list li{font-size:clamp(13px,2vw,15px);margin-bottom:12px;transition:all .3s ease}.terms-list li:hover{color:#7b6cf6;color:var(--lavender);transform:translateX(4px)}.checkboxes{display:flex;flex-direction:column;gap:12px;margin:20px 0}.checkbox-label{align-items:center;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;font-size:clamp(13px,2vw,15px);gap:12px;line-height:1.5;padding:14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.checkbox-label:hover{background:linear-gradient(135deg,#a78bfa0d,#fb71850d);border-color:#a78bfa4d;transform:translateX(4px)}.checkbox-label input[type=checkbox]{accent-color:#7b6cf6;accent-color:var(--lavender);cursor:pointer;height:22px;transition:all .3s ease;width:22px}.checkbox-label input[type=checkbox]:checked{transform:scale(1.1)}.mode-select{margin:14px 0}.mode-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7b6cf6,#f2a6b3);background:linear-gradient(135deg,var(--lavender),var(--rose));-webkit-background-clip:text;background-clip:text;color:#2e2e38;color:var(--text);font-size:clamp(16px,2vw,18px);font-weight:800;margin-bottom:16px}.mode-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #a78bfa33;border-radius:16px;cursor:pointer;margin-bottom:14px;overflow:hidden;padding:18px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.mode-card:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.mode-card:hover:before{left:100%}.mode-card:hover{box-shadow:0 12px 32px #a78bfa33;transform:translateY(-4px) scale(1.02)}.mode-card h4{color:#2e2e38;color:var(--text);font-size:clamp(16px,2vw,18px);font-weight:800;margin:0 0 8px;transition:all .3s ease}.mode-card small{color:#6b6b7a;color:var(--text-light);font-size:clamp(12px,2vw,14px)}.mode-card.trip{border-left:5px solid #f2a6b3;border-left:5px solid var(--peach)}.mode-card.tropa{border-left:5px solid #c3b9ff;border-left:5px solid var(--sky)}.mode-card.seryoso{border-left:5px solid #7b6cf6;border-left:5px solid var(--lavender)}.mode-card.active{animation:float 3s ease infinite;background:#fff;box-shadow:0 16px 48px #a78bfa4d}.mode-card.trip.active{border-color:#f2a6b3;border-color:var(--peach);box-shadow:0 16px 48px #fbbf244d}.mode-card.tropa.active{border-color:#c3b9ff;border-color:var(--sky);box-shadow:0 16px 48px #38bdf84d}.mode-card.seryoso.active{border-color:#7b6cf6;border-color:var(--lavender);box-shadow:0 16px 48px #a78bfa4d}.mode-card.active:after{animation:scaleIn .4s ease;background:linear-gradient(135deg,#7b6cf6,#f2a6b3);background:linear-gradient(135deg,var(--lavender),var(--rose));border-radius:50%;box-shadow:0 4px 12px #a78bfa66;color:#fff;content:"✓";font-size:18px;font-weight:800;padding:6px 10px;position:absolute;right:14px;top:14px}.profile-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#faf5ffcc,#fce7f3cc);border:2px solid #a78bfa33;border-radius:16px;margin:12px 0;padding:18px;transition:all .4s cubic-bezier(.4,0,.2,1)}.profile-card:focus-within{border-color:#7b6cf6;border-color:var(--lavender);box-shadow:0 8px 32px #a78bfa33;transform:translateY(-2px)}.profile-card label{color:#7b6cf6;color:var(--lavender);display:block;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.premium-toggle-container{align-items:center;display:flex;flex-direction:column;gap:16px;margin:14px 0}.premium-toggle{align-items:center;cursor:pointer;display:inline-flex;gap:14px;padding:4px;transition:all .3s ease}.premium-toggle:hover{transform:scale(1.05)}.premium-toggle input{display:none}.premium-toggle .slider{background:#e2e8f0;border-radius:16px;box-shadow:inset 0 2px 8px #0000001a;height:32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:60px}.premium-toggle .slider:before{background:#fff;border-radius:50%;box-shadow:0 2px 8px #0003;content:"";height:26px;left:3px;position:absolute;top:3px;transition:all .4s cubic-bezier(.4,0,.2,1);width:26px}.premium-toggle input:checked+.slider{background:linear-gradient(135deg,#f2a6b3,#7b6cf6);background:linear-gradient(135deg,var(--rose),var(--lavender));box-shadow:0 4px 16px #fb718566}.premium-toggle input:checked+.slider:before{transform:translateX(28px)}.premium-toggle .toggle-label{color:#2e2e38;color:var(--text);font-size:15px;font-weight:700}.premium-instructions{animation:pulse 3s ease infinite;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf244d;border-radius:14px;color:#78350f;font-size:clamp(12px,2vw,14px);line-height:1.7;padding:16px 20px;text-align:center}.ad-modal,.popup-overlay{align-items:center;animation:fadeInUp .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1b4bb3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.ad-content,.announcement-popup,.popup-content{animation:scaleIn .5s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff9;border-radius:24px;box-shadow:0 24px 80px #a78bfa4d,0 0 0 1px #a78bfa33;max-width:440px;padding:clamp(24px,4vw,32px);text-align:center;width:100%}.ad-placeholder{align-items:center;animation:pulse 2s ease infinite;background:linear-gradient(135deg,#faf5ff,#fce7f3);border:2px dashed #a78bfa4d;border-radius:16px;color:#7b6cf6;color:var(--lavender);display:flex;font-weight:700;height:220px;justify-content:center;margin:16px 0}.announcement-popup h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7b6cf6,#f2a6b3);background:linear-gradient(135deg,var(--lavender),var(--rose));-webkit-background-clip:text;background-clip:text;font-size:clamp(20px,3vw,24px);font-weight:900;margin-bottom:12px}.announcement-popup h4{color:#f2a6b3;color:var(--rose);font-size:clamp(16px,2vw,18px);font-weight:800;margin:16px 0 10px}.announcement-popup p,.popup-content p{color:#6b6b7a;color:var(--text-light);font-size:clamp(13px,2vw,15px);line-height:1.7;margin-bottom:14px}.announcement-popup ol,.announcement-popup ul{color:#6b6b7a;color:var(--text-light);font-size:clamp(12px,2vw,14px);line-height:1.8;margin:12px 0 16px 24px;text-align:left}.announcement-popup li{margin-bottom:8px;transition:all .3s ease}.announcement-popup li:hover{color:#7b6cf6;color:var(--lavender);transform:translateX(4px)}.how-btn{font-size:.75rem;padding:2px 8px}.typing-indicator{align-items:center;align-self:flex-start;display:flex;gap:4px;margin:8px 0;padding:12px 16px}.typing-dot{animation:typing-bounce 1.4s ease-in-out infinite;background-color:#999;border-radius:50%;height:8px;width:8px}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typing-bounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}body.dark-mode{--bg:#181622;--card:#242232;--text:#f2f2f6;--text-light:#a1a1b3;--lavender:#9a8cff;--rose:#f2a6b3;--peach:#f2a6b3;--mint:#b4aaff;--sky:#c3b9ff}body.dark-mode .card,body.dark-mode .landing-page{background:#1a1825e6;border:1px solid #c4b5fd33;box-shadow:0 8px 32px #00000080,0 0 0 1px #c4b5fd1a}body.dark-mode .card:hover,body.dark-mode .landing-page:hover{box-shadow:0 20px 48px #000000b3,0 0 0 1px #c4b5fd4d}body.dark-mode .input,body.dark-mode .profile-input,body.dark-mode .select{background:#0f0e1acc;border-color:#c4b5fd33;color:#2e2e38;color:var(--text)}body.dark-mode .input:focus,body.dark-mode .profile-input:focus,body.dark-mode .select:focus{box-shadow:0 8px 24px #c4b5fd33,0 0 0 4px #c4b5fd1a}body.dark-mode .chat-box{background:#1a1825f2;border:1px solid #c4b5fd33;box-shadow:0 20px 60px #0009,0 0 0 1px #c4b5fd1a}body.dark-mode .fixed-banner{background:#1a1825f2;box-shadow:0 4px 24px #0006}body.dark-mode .announcement{background:linear-gradient(135deg,#422006,#78350f,#422006);border-bottom:1px solid #fbbf2433;color:#fcd34d}body.dark-mode .announcement small{color:#fde68a}body.dark-mode .announcement.premium{background:linear-gradient(135deg,#831843,#9f1239,#831843)}body.dark-mode .chat-messages{background:linear-gradient(180deg,#0f0e1a,#1a1133)}body.dark-mode .chat-messages::-webkit-scrollbar-track{background:#c4b5fd0d}body.dark-mode .chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#7c3aed,#db2777)}body.dark-mode .bubble.other{background:#1a1825e6;border:1px solid #c4b5fd4d;color:#2e2e38;color:var(--text)}body.dark-mode .bubble.me{background:linear-gradient(135deg,#7c3aed,#db2777)}body.dark-mode .chat-input{border-top:1px solid #c4b5fd33}body.dark-mode .terms-box{background:linear-gradient(135deg,#1a1133,#1e1533);border:1px solid #c4b5fd33}body.dark-mode .disclaimer,body.dark-mode .intro-text,body.dark-mode .terms-list{color:#6b6b7a;color:var(--text-light)}body.dark-mode .terms-list li:hover{color:#7b6cf6;color:var(--lavender)}body.dark-mode .checkbox-label:hover{background:linear-gradient(135deg,#c4b5fd1a,#fda4af1a);border-color:#c4b5fd4d}body.dark-mode .mode-card{background:#1a1825cc;border:2px solid #c4b5fd33}body.dark-mode .mode-card:hover{box-shadow:0 12px 32px #c4b5fd33}body.dark-mode .mode-card h4{color:#2e2e38;color:var(--text)}body.dark-mode .mode-card small{color:#6b6b7a;color:var(--text-light)}body.dark-mode .mode-card.active{background:#1a1825}body.dark-mode .profile-card{background:linear-gradient(135deg,#1a1825cc,#1e1533cc);border:2px solid #c4b5fd33}body.dark-mode .profile-card:focus-within{box-shadow:0 8px 32px #c4b5fd33}body.dark-mode .premium-toggle .slider{background:#64748b80}body.dark-mode .premium-instructions{background:linear-gradient(135deg,#422006,#78350f);border:1px solid #fbbf2433;color:#fde68a}body.dark-mode .ad-modal,body.dark-mode .popup-overlay{background:#0f0e1ad9}body.dark-mode .ad-content,body.dark-mode .announcement-popup,body.dark-mode .popup-content{background:#1a1825f2;border:1px solid #c4b5fd33;box-shadow:0 24px 80px #000000b3,0 0 0 1px #c4b5fd33}body.dark-mode .ad-placeholder{background:linear-gradient(135deg,#1a1133,#1e1533);border:2px dashed #c4b5fd4d;color:#7b6cf6;color:var(--lavender)}body.dark-mode .announcement-popup ol,body.dark-mode .announcement-popup p,body.dark-mode .announcement-popup ul,body.dark-mode .popup-content p{color:#6b6b7a;color:var(--text-light)}body.dark-mode .announcement-popup li:hover{color:#7b6cf6;color:var(--lavender)}body.dark-mode .typing-dot{background-color:#7b6cf6;background-color:var(--lavender)}.btn-icon{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffa6;border:1px solid #00000026;border-radius:12px;box-shadow:0 2px 6px #00000026;color:#1f2937;display:inline-flex;font-size:18px;height:40px;justify-content:center;min-width:40px;padding:8px;position:absolute;right:12px;top:10px;transition:all .25s ease;width:40px;z-index:999}.btn-icon:hover{background:#ffffffd9;transform:scale(1.08)}body.dark-mode .btn-icon{background:#ffffff40;border-color:#ffffff59;color:#f9fafb}body.dark-mode .btn-icon:hover{background:#c4b5fd4d}.announcement-carousel{animation:gradientShift 5s ease infinite;background:linear-gradient(135deg,#fef3c7,#fde68a,#fef3c7);background-size:200% 200%;border-bottom:1px solid #fbbf244d;min-height:100px;overflow:visible;padding:16px 15px 50px;position:relative}.carousel-content{height:100%;min-height:60px;position:relative;width:100%}.carousel-slide{align-items:center;display:flex;justify-content:center;left:0;min-height:60px;opacity:0;pointer-events:none;position:absolute;text-align:center;top:0;transform:translateX(20px);transition:all .5s cubic-bezier(.4,0,.2,1);width:100%}.carousel-slide.active{opacity:1;pointer-events:auto;transform:translateX(0)}.carousel-slide .announcement-text{color:#78350f;font-size:clamp(12px,2vw,14px);font-weight:600;line-height:1.5;padding:8px 80px;width:100%}.carousel-slide .announcement-text small{color:#92400e;font-size:clamp(10px,1.5vw,11px);font-weight:600}.ad-slide{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff4d;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;justify-content:center;margin:0 80px;padding:10px 16px;transition:all .3s ease;width:calc(100% - 160px)}.ad-slide:hover{background:#ffffff80;transform:scale(1.02)}.ad-text{color:#78350f}.ad-text strong{display:block;font-size:clamp(14px,2.5vw,16px);margin-bottom:4px}.ad-text p{font-size:clamp(11px,1.8vw,13px);margin:0;opacity:.9}.sponsor-slide{color:#78350f;padding:8px 80px;width:100%}.sponsor-logos{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:8px}.sponsor-logo{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff6;border-radius:8px;font-size:clamp(11px,1.8vw,13px);font-weight:600;padding:6px 12px;transition:all .3s ease}.sponsor-logo:hover{background:#fff9;transform:translateY(-2px)}.carousel-controls{bottom:10px;gap:12px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.carousel-arrow,.carousel-controls{align-items:center;display:flex;justify-content:center}.carousel-arrow{background:#fff9;border:1px solid #78350f33;border-radius:50%;color:#78350f;cursor:pointer;font-size:18px;font-weight:800;height:28px;padding:0;transition:all .3s ease;width:28px}.carousel-arrow:hover{background:#ffffffe6;transform:scale(1.1)}.carousel-dots{display:flex;gap:8px}.dot{background:#78350f4d;border-radius:50%;cursor:pointer;height:8px;transition:all .3s ease;width:8px}.dot.active{background:#78350f;transform:scale(1.3)}.dot:hover{background:#78350f99;transform:scale(1.2)}body.dark-mode .announcement-carousel{background:linear-gradient(135deg,#422006,#78350f,#422006)}body.dark-mode .carousel-slide .announcement-text{color:#fcd34d}body.dark-mode .carousel-slide .announcement-text small{color:#fde68a}body.dark-mode .ad-slide{background:#ffffff1a}body.dark-mode .ad-slide:hover{background:#fff3}body.dark-mode .ad-text{color:#fde68a}body.dark-mode .sponsor-slide{color:#fcd34d}body.dark-mode .sponsor-logo{background:#ffffff26}body.dark-mode .sponsor-logo:hover{background:#ffffff40}body.dark-mode .carousel-arrow{background:#fff3;border-color:#fde0474d;color:#fcd34d}body.dark-mode .carousel-arrow:hover{background:#ffffff4d}body.dark-mode .dot{background:#fde0474d}body.dark-mode .dot.active{background:#fcd34d}.btn-icon-left{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffa6;border:1px solid #00000026;border-radius:12px;box-shadow:0 2px 6px #00000026;color:#1f2937;display:inline-flex;font-size:18px;height:40px;justify-content:center;left:12px;padding:8px;position:absolute;top:10px;transition:all .25s ease;width:40px;z-index:999}.btn-icon-left:hover{background:#ffffffd9;transform:scale(1.08)}body.dark-mode .btn-icon-left{background:#ffffff40;border-color:#ffffff59;color:#f9fafb}body.dark-mode .btn-icon-left:hover{background:#c4b5fd4d}.popup-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;padding:15px}.popup-content.announcement-popup{display:flex;flex-direction:column;max-height:85vh;max-width:500px;overflow:hidden;padding:0}.popup-scroll-content{-webkit-overflow-scrolling:touch;flex-grow:1;overflow-y:auto;padding:24px;text-align:left}.ad-tier{background:#a78bfa0d;border:1px solid #a78bfa1a;border-radius:12px;margin-bottom:15px;padding:15px}body.dark-mode .ad-tier{background:#ffffff0d}.ad-tier .price{color:#f2a6b3;color:var(--rose);display:block;font-weight:800;margin-bottom:8px}.popup-close-btn{background:linear-gradient(135deg,#7b6cf6,#f2a6b3)!important;background:linear-gradient(135deg,var(--lavender),var(--rose))!important;border-radius:0!important;color:#fff!important;font-weight:800!important;margin:0!important;padding:16px!important;width:100%!important}.popup-scroll-content::-webkit-scrollbar{width:5px}.popup-scroll-content::-webkit-scrollbar-thumb{background:#a78bfa4d;border-radius:10px}.ad-content-display{align-items:center;display:flex;gap:12px;padding:0}.ad-slide.clickable{cursor:pointer}.ad-slide.no-ad{cursor:default}.ad-slide.no-ad:hover{background:#ffffff4d;transform:none}.ad-thumbnail{background:#fff3;border-radius:6px;flex-shrink:0;height:50px;object-fit:cover;width:50px}.ad-text-content{flex:1 1;min-width:0;text-align:left}.ad-text-content strong{color:#78350f;display:block;font-size:clamp(13px,2vw,15px);margin-bottom:2px}.ad-text-content p,.ad-text-content strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ad-text-content p{color:#92400e;font-size:clamp(11px,1.8vw,12px);margin:0;opacity:.9}.ad-text-content small{color:#92400e;display:block;font-size:clamp(9px,1.5vw,10px);margin-top:2px}.sponsor-logo-img{border-radius:4px;height:24px;margin-right:6px;max-width:60px;object-fit:contain;width:auto}.sponsor-name{font-weight:600}.no-sponsor{cursor:default;opacity:.7}.no-sponsor:hover{background:#fff6;transform:none}body.dark-mode .ad-text-content p,body.dark-mode .ad-text-content strong{color:#fde68a}body.dark-mode .ad-text-content small{color:#fcd34d}body.dark-mode .ad-thumbnail{background:#ffffff1a}.terms-box h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7b6cf6,#f2a6b3);background:linear-gradient(135deg,var(--lavender),var(--rose));-webkit-background-clip:text;background-clip:text;font-size:clamp(16px,2.5vw,18px);font-weight:800;margin:20px 0 12px}.terms-box h3:first-of-type{margin-top:0}.intro-text{font-size:clamp(14px,2vw,16px);line-height:1.8}.disclaimer,.intro-text{color:#6b6b7a;color:var(--text-light);-webkit-hyphens:auto;hyphens:auto;margin-bottom:16px;text-align:justify}.disclaimer{background:#fb718514;border-left:4px solid #f2a6b3;border-left:4px solid var(--rose);border-radius:8px;font-size:clamp(12px,2vw,14px);font-style:italic;line-height:1.9;padding:16px}.terms-box::-webkit-scrollbar{width:8px}.terms-box::-webkit-scrollbar-track{background:#a78bfa1a;border-radius:10px}.terms-box::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#7b6cf6,#f2a6b3);background:linear-gradient(135deg,var(--lavender),var(--rose));border-radius:10px;-webkit-transition:all .3s ease;transition:all .3s ease}.terms-box::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#f2a6b3,#7b6cf6);background:linear-gradient(135deg,var(--rose),var(--lavender))}body.dark-mode .disclaimer{background:#fda4af1a;border-left-color:#f2a6b3;border-left-color:var(--rose)}.title img{height:40px;width:40px}.ad-header{align-items:center;display:flex;gap:8px}.ad-logo-popup{height:25px;width:25px}.chat-input .input,.input,.profile-input,input,select,textarea{font-size:16px!important}.game-buttons{animation:fadeInUp .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0000!important;border-top:1px solid #a78bfa33;border:none!important;bottom:60px!important;display:flex!important;flex-direction:column!important;flex-wrap:wrap;gap:10px!important;justify-content:center;left:0!important;margin:0!important;padding:0!important;position:absolute!important}.btn-game{box-shadow:0 4px 12px #a78bfa66!important}.btn-game:hover{box-shadow:0 6px 20px #34d39966}.game-modal{align-items:center;animation:fadeInUp .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1b4bcc;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.game-content{animation:scaleIn .5s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff9;border-radius:24px;box-shadow:0 24px 80px #a78bfa4d;max-width:400px;padding:clamp(24px,4vw,32px);text-align:center;width:100%}.game-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7b6cf6,#f2a6b3);background:linear-gradient(135deg,var(--lavender),var(--rose));-webkit-background-clip:text;font-size:clamp(20px,3vw,24px);margin-bottom:20px}.coin-choices,.rps-choices{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:20px 0}.coin-flipping{margin:20px 0}.coin-result,.rps-result,.ttt-result{animation:scaleIn .5s ease;background:linear-gradient(135deg,#a78bfa1a,#fb71851a);border-radius:16px;margin:20px 0;padding:20px}.ttt-board{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin:20px auto;max-width:300px}.ttt-cell{aspect-ratio:1;background:linear-gradient(135deg,#a78bfa1a,#fb71851a);border:2px solid #7b6cf6;border:2px solid var(--lavender);border-radius:12px;color:#2e2e38;color:var(--text);cursor:pointer;font-size:clamp(24px,4vw,32px);font-weight:800;transition:all .3s ease}.ttt-cell:hover:not(:disabled){background:linear-gradient(135deg,#a78bfa33,#fb718533);transform:scale(1.05)}.ttt-cell:disabled{cursor:not-allowed;opacity:.7}.ttt-cell.filled{background:linear-gradient(135deg,#7b6cf6,#f2a6b3);background:linear-gradient(135deg,var(--lavender),var(--rose));color:#fff}.rps-btn{min-width:100px}body.dark-mode .game-buttons{background:#1a1825f2;border-top:1px solid #c4b5fd33}body.dark-mode .game-content{background:#1a1825f2;border:1px solid #c4b5fd33}body.dark-mode .ttt-cell{background:linear-gradient(135deg,#c4b5fd1a,#fda4af1a);border-color:#7b6cf6;border-color:var(--lavender);color:#2e2e38;color:var(--text)}body.dark-mode .ttt-cell:hover:not(:disabled){background:linear-gradient(135deg,#c4b5fd33,#fda4af33)}body.dark-mode .coin-result,body.dark-mode .rps-result,body.dark-mode .ttt-result{background:linear-gradient(135deg,#c4b5fd1a,#fda4af1a)}.game-menu-container{align-items:flex-start!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0000!important;border-top:1px solid #a78bfa33;cursor:move!important;display:flex!important;flex-direction:column!important;gap:10px!important;position:fixed!important;touch-action:none!important;-webkit-user-select:none!important;user-select:none!important;z-index:100!important}.btn-game-toggle{align-items:center;background:#0000!important;background-color:initial!important;background-image:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:#fff;display:inline-block!important;font-size:50px!important;font-weight:700;gap:8px;height:auto!important;justify-content:center;line-height:1!important;margin:0!important;min-height:0!important;min-width:0!important;outline:none!important;padding:0!important;position:relative!important;transition:all .3s cubic-bezier(.4,0,.2,1);width:auto!important}.btn-game-toggle,.btn-game-toggle:hover{cursor:grab!important;filter:none!important}.btn-game-toggle:hover{background:linear-gradient(135deg,#c3b9ff,#9a8cff);background:linear-gradient(135deg,var(--sky),var(--mint));box-shadow:0 6px 20px #34d39966;transform:scale(1.2) rotate(15deg)!important}body.dark-mode .game-menu-container{background:#1a1825f2;border-top:1px solid #c4b5fd33}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.game-invite-overlay{animation:slideInRight .4s ease;padding:20px;pointer-events:none;position:fixed;right:0;top:0;z-index:10000}.game-invite-notification{box-shadow:0 8px 32px #a78bfa4d,0 0 0 1px #a78bfa33}.game-invite-notification h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7b6cf6,#f2a6b3);background:linear-gradient(135deg,var(--lavender),var(--rose));-webkit-background-clip:text;font-size:18px;margin:0 0 12px}.game-invite-notification p{color:#2e2e38;color:var(--text);font-size:14px;margin:0 0 16px}.invite-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.invite-buttons .btn{flex:1 1;font-size:14px;margin:0;max-width:150px;min-width:120px;padding:12px 24px}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}body.dark-mode .game-invite-notification{background:#1a1825fa;border-color:#7b6cf6;border-color:var(--lavender);box-shadow:0 8px 32px #00000080}body.dark-mode .game-invite-notification p{color:#2e2e38;color:var(--text)}.game-invite-overlay-centered{align-items:center;animation:fadeInUp .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1b4bcc;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.game-invite-notification-centered{box-shadow:0 24px 80px #a78bfa4d,0 0 0 1px #a78bfa33}.game-invite-notification-centered h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7b6cf6,#f2a6b3);background:linear-gradient(135deg,var(--lavender),var(--rose));-webkit-background-clip:text;background-clip:text;font-size:clamp(20px,3vw,24px);font-weight:800;margin:0 0 16px}.game-invite-notification-centered p{color:#2e2e38;color:var(--text);font-size:clamp(14px,2vw,16px);line-height:1.6;margin:0 0 20px}.game-invite-notification-centered .invite-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.game-invite-notification-centered .btn{border:none;border-radius:16px;cursor:pointer;flex:1 1;font-size:clamp(14px,2vw,16px);font-weight:700;letter-spacing:.5px;max-width:150px;min-width:120px;overflow:hidden;padding:12px 24px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.game-invite-notification-centered .btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.game-invite-notification-centered .btn:hover:before{left:100%}.game-invite-notification-centered .btn-primary{box-shadow:0 8px 24px #34d39966}.game-invite-notification-centered .btn-primary:hover{box-shadow:0 12px 32px #34d39980}.game-invite-notification-centered .btn-danger{background:linear-gradient(135deg,#f2a6b3,#ef4444);background:linear-gradient(135deg,var(--rose),#ef4444);box-shadow:0 8px 24px #fb718566;color:#fff}.game-invite-notification-centered .btn-danger:hover{box-shadow:0 12px 32px #fb718580;transform:translateY(-3px) scale(1.02)}body.dark-mode .game-invite-notification-centered{background:#1a1825fa;border:2px solid #7b6cf6;border:2px solid var(--lavender);box-shadow:0 24px 80px #000000b3}body.dark-mode .game-invite-notification-centered p{color:#2e2e38;color:var(--text)}.btn-game-toggle:active{transform:scale(.95)}@keyframes popIn{0%{opacity:0;transform:scale(.3) translateX(-50px)}to{opacity:1;transform:scale(1) translateX(0)}}.btn-game:hover:not(:disabled){box-shadow:0 6px 20px #a78bfa80;transform:translateX(4px) scale(1.05)}.btn-game:active:not(:disabled){transform:scale(.95)}.btn-game .game-emoji{font-size:20px;line-height:1}.btn-game .game-text{font-size:13px;font-weight:700;letter-spacing:.3px}.btn-game:disabled{cursor:not-allowed;filter:grayscale(1);opacity:.4;transform:none}.btn-game:disabled:hover{box-shadow:0 4px 12px #a78bfa33;transform:none}body.dark-mode .btn-game-toggle{filter:drop-shadow(0 2px 6px rgba(124,58,237,.6))}body.dark-mode .btn-game-toggle:hover{filter:drop-shadow(0 4px 12px rgba(124,58,237,.8))}body.dark-mode .btn-game{box-shadow:0 4px 12px #7c3aed80}body.dark-mode .btn-game:hover:not(:disabled){box-shadow:0 6px 20px #7c3aed99}.btn-game-toggle,.btn-game-toggle:active,.btn-game-toggle:focus,.btn-game-toggle:hover{background:#0000!important;background-color:initial!important;background-image:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;cursor:grab!important;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))!important;font-size:50px!important;height:auto!important;line-height:1!important;margin:0!important;min-height:0!important;min-width:0!important;outline:none!important;padding:0!important;width:auto!important}.game-menu-container.dragging .btn-game-toggle{cursor:grabbing!important}.btn-game-toggle,.btn-game-toggle *,.btn-game-toggle:after,.btn-game-toggle:before{background:#0000!important;background-color:initial!important;background-image:none!important;box-shadow:none!important}@media (max-width:768px){.app{margin:10px auto}.chat-box{border-radius:20px;max-height:95vh;min-height:95vh}.bubble{max-width:85%}.chat-input{padding:12px}.terms-box{max-height:300px}}@media (max-width:480px){.bubble{font-size:13px}.chat-input .btn{padding:10px 18px}.card,.landing-page{border-radius:20px}}@media (max-height:500px) and (orientation:landscape){.chat-box{max-height:100vh;min-height:100vh}.chat-messages{padding:10px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width:768px){.carousel-slide .announcement-text{padding:0 50px}.ad-slide{margin:0 30px}.carousel-arrow{font-size:16px;height:24px;width:24px}}@media (max-width:480px){.announcement-carousel{min-height:90px;padding:12px 10px}.carousel-slide .announcement-text{padding:0 40px}.ad-slide{margin:0 25px;padding:10px 15px}.sponsor-logos{gap:10px}}@media (max-width:768px){.carousel-slide .announcement-text{padding:8px 70px}.ad-slide{margin:0 70px}.sponsor-slide{padding:8px 70px}}@media (max-width:480px){.announcement-carousel{min-height:110px;padding:12px 10px 50px}.carousel-slide .announcement-text{padding:8px 60px}.ad-slide{margin:0 60px;padding:10px 15px}.sponsor-slide{padding:8px 60px}.sponsor-logos{gap:10px}.btn-icon,.btn-icon-left{font-size:16px;height:36px;padding:6px;width:36px}.ad-content-display{flex-direction:column;gap:8px;text-align:center}.ad-text-content{text-align:center}.ad-thumbnail{height:60px;width:60px}}@media (max-width:768px){.ad-slide{margin:0 70px;padding:10px 14px;width:calc(100% - 140px)}}@media (max-width:480px){.ad-slide{margin:0 60px;padding:12px;width:calc(100% - 120px)}}@media (max-width:768px){.terms-box{max-height:350px;padding:20px}.disclaimer,.intro-text{text-align:left}.disclaimer{padding:12px}}@media (max-width:480px){.terms-box{max-height:300px;padding:16px}.terms-list{padding-left:20px}.disclaimer{font-size:12px;padding:10px}}@media (max-width:360px){.btn-game{font-size:12px;padding:8px 16px}.ttt-board{max-width:240px}}@media (max-width:480px){.game-invite-overlay{left:0;padding:16px;right:0}.game-invite-notification{max-width:100%}.game-invite-notification-centered{padding:20px;width:95%}.game-invite-notification-centered .btn{min-width:100px;padding:10px 20px}}@media (max-width:768px){.game-menu-container{bottom:140px;left:14px}.btn-game-toggle{font-size:40px}.btn-game{gap:8px;padding:10px 14px}.btn-game .game-emoji{font-size:18px}.btn-game .game-text{font-size:12px}}@media (max-width:480px){.game-menu-container{bottom:130px;left:12px}.btn-game-toggle{font-size:36px}.btn-game{gap:6px;padding:8px 12px}.btn-game .game-emoji{font-size:16px}.btn-game .game-text{font-size:11px}}@media (max-width:360px){.btn-game-toggle{font-size:32px}.btn-game{padding:7px 10px}.btn-game .game-text{font-size:10px}}@media (max-width:480px){.game-invite-notification-centered{padding:20px;width:95%}.invite-buttons .btn{min-width:100px;padding:10px 20px}}.btn-primary{background:linear-gradient(135deg,#7b6cf6,#f2a6b3);background:linear-gradient(135deg,var(--lavender),var(--rose));box-shadow:0 8px 24px #7b6cf64d;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 12px 32px #7b6cf666;transform:translateY(-3px) scale(1.02)}.btn-game{align-items:center!important;animation:popIn .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#7b6cf6,#f2a6b3)!important;background:linear-gradient(135deg,var(--lavender),var(--rose))!important;border:none!important;border-radius:28px!important;box-shadow:0 4px 12px #7b6cf64d!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:18px!important;font-weight:700!important;gap:10px!important;min-width:auto;padding:12px 16px!important;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap!important}.btn-game:hover{box-shadow:0 6px 20px #7b6cf666;transform:translateY(-2px) scale(1.05)}.game-invite-notification-centered .btn-primary{background:linear-gradient(135deg,#9a8cff,#c3b9ff);background:linear-gradient(135deg,var(--mint),var(--sky));box-shadow:0 8px 24px #9a8cff4d;color:#fff}.game-invite-notification-centered .btn-primary:hover{box-shadow:0 12px 32px #9a8cff66;transform:translateY(-3px) scale(1.02)}.game-invite-notification{animation:pulse 2s ease infinite;border:2px solid #7b6cf6;border:2px solid var(--lavender);border-radius:16px;box-shadow:0 8px 32px #7b6cf640,0 0 0 1px #7b6cf626;max-width:320px;padding:20px 24px;pointer-events:auto}.game-invite-notification,.game-invite-notification-centered{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa}.game-invite-notification-centered{animation:scaleIn .5s cubic-bezier(.4,0,.2,1);border:2px solid #7b6cf6;border:2px solid var(--lavender);border-radius:24px;box-shadow:0 24px 80px #7b6cf640,0 0 0 1px #7b6cf626;max-width:400px;padding:clamp(24px,4vw,32px);text-align:center;width:90%}body.dark-mode .btn-game{background:linear-gradient(135deg,#7c3aed,#db2777);box-shadow:0 4px 12px #7c3aed66}body.dark-mode .btn-game:hover:not(:disabled){box-shadow:0 6px 20px #7c3aed80}.mode-card.trip{border-left:5px solid #c3b9ff;border-left:5px solid var(--sky)}.mode-card.tropa{border-left:5px solid #7b6cf6;border-left:5px solid var(--lavender)}.mode-card.seryoso{border-left:5px solid #f2a6b3;border-left:5px solid var(--peach)}.mode-card.trip.active{border-color:#c3b9ff;border-color:var(--sky);box-shadow:0 16px 48px #c3b9ff4d}.mode-card.tropa.active{border-color:#7b6cf6;border-color:var(--lavender);box-shadow:0 16px 48px #7b6cf64d}.mode-card.seryoso.active{border-color:#f2a6b3;border-color:var(--peach);box-shadow:0 16px 48px #f2a6b34d}.mode-status{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff80;border-radius:8px;display:block;font-size:clamp(11px,1.8vw,13px);font-weight:700;margin-top:8px;padding:4px 8px;text-align:center;transition:all .3s ease}.mode-card:hover .mode-status{background:#fffc;transform:scale(1.05)}body.dark-mode .mode-status{background:#0003}body.dark-mode .mode-card:hover .mode-status{background:#0000004d}.btn-secondary{background:#6b7280;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-secondary:hover{background:#4b5563;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.chat-input{grid-gap:10px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-top:1px solid #a78bfa33;display:grid!important;gap:10px;grid-template-columns:auto 1fr auto!important;padding:16px}.chat-input .btn-danger,.chat-input .btn-warning{border-radius:28px;font-size:clamp(12px,2.5vw,14px);font-weight:600;grid-column:1!important;grid-row:1!important;margin:0!important;min-width:clamp(60px,15vw,80px);order:-1!important;padding:clamp(10px,2.5vw,12px);white-space:nowrap}.chat-input .input{background:#faf5ff;border-radius:28px;grid-column:2!important;grid-row:1!important;margin:0!important;order:0!important}.chat-input .btn-disabled,.chat-input .btn-primary{border-radius:28px;font-size:clamp(12px,2.5vw,14px);font-weight:600;grid-column:3!important;grid-row:1!important;margin:0!important;min-width:clamp(60px,15vw,80px);order:1!important;padding:clamp(10px,2.5vw,12px);white-space:nowrap}.chat-input .btn:disabled{grid-column:3!important;order:1!important}body.dark-mode .chat-input{background:#1a1825f2;border-top:1px solid #c4b5fe33}body.dark-mode .chat-input .input{background:#0f0e1acc;color:#2e2e38;color:var(--text)}