@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--bg-main:#080407;--bg-panel:#12060ae0;--bg-card:#1c0a10f2;--bg-solid:#110508;--bg-solid-lighter:#1e0a10;--primary:#fa2855;--primary-hover:#e01f47;--primary-glow:#fa285561;--secondary:#ff6b8a;--secondary-glow:#ff6b8a4d;--accent:#ff9a6c;--accent-glow:#ff9a6c47;--text-primary:#f8f0f2;--text-secondary:#c49aaa;--text-muted:#6b3d4a;--border:#fa285524;--border-focus:#fa28558c;--success:#10b981;--danger:#fa2855;--warning:#f59e0b;--whatsapp-self:#640f23b3;--whatsapp-other:#1c0a10e6;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--shadow-lg:0 10px 25px -5px #0009, 0 8px 10px -6px #00000080;--shadow-glow:0 0 24px #fa28552e;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-full:9999px;font-family:var(--font-sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--bg-main);color:var(--text-primary)}[data-theme=light]{--bg-main:#f1f1f1;--bg-panel:#fff;--bg-card:#fff;--bg-solid:#fff;--bg-solid-lighter:#f8f8f8;--primary:#fa2855;--primary-hover:#d91e47;--primary-glow:#fa285538;--secondary:#ff6b8a;--secondary-glow:#ff6b8a26;--accent:#fa2855;--accent-glow:#fa285526;--text-primary:#111;--text-secondary:#333;--text-muted:#666;--border:#0000001a;--border-focus:#fa28558c;--success:#059669;--danger:#fa2855;--warning:#d97706;--whatsapp-self:#ffe4ea;--whatsapp-other:#fff;--shadow-lg:0 2px 12px #00000014, 0 1px 3px #0000000d;--shadow-glow:0 0 16px #fa28551f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#111;background-color:#f1f1f1}*{box-sizing:border-box;margin:0;padding:0;font-family:inherit}*,:before,:after{transition:background-color .25s,border-color .25s,color .15s}body{background-color:var(--bg-main);background-image:radial-gradient(at 15% 15%,#fa285521 0,#0000 50%),radial-gradient(at 85% 85%,#b414371a 0,#0000 50%),radial-gradient(at 50% 0,#ff506e0f 0,#0000 40%);min-height:100vh;overflow:hidden}[data-theme=light] body,[data-theme=light].body{background:#f1f1f1}#root{flex-direction:column;width:100vw;height:100vh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1a}::-webkit-scrollbar-thumb:hover{background:#ffffff40}*{scrollbar-width:none}::-webkit-scrollbar{display:none}.chat-scrollable{scrollbar-width:thin;scrollbar-color:#fa285538 transparent}.chat-scrollable::-webkit-scrollbar{width:4px;display:block}.chat-scrollable::-webkit-scrollbar-thumb{background:#fa285540;border-radius:4px}.chat-scrollable::-webkit-scrollbar-track{background:0 0}input,select,textarea{border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-md);background:#0000004d;outline:none;padding:10px 14px;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1)}input:focus,select:focus,textarea:focus{border-color:var(--primary);background:#00000073;outline:none;box-shadow:0 0 0 3px #fa285533}:focus{outline:none}:focus-visible{outline-offset:2px;outline:2px solid #fa285599}button{cursor:pointer;background:var(--primary);color:#fff;border-radius:var(--radius-md);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}button:hover{background:var(--primary-hover);box-shadow:0 0 14px var(--primary-glow);transform:translateY(-1px)}button:active{transform:translateY(0)}button.secondary{border:1px solid var(--border);color:var(--text-primary);background:#ffffff14}button.secondary:hover{box-shadow:none;background:#ffffff26}button.danger{background:var(--danger)}button.danger:hover{background:#d91e47;box-shadow:0 0 16px #fa285573}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border)}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--radius-md);transition:all .2s}.glass-card:hover{background:#1c0a10f7;border-color:#fa285538}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{color:#111;background:#fff;border:1px solid #0000002e}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:#999}[data-theme=light] input:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #fa28551a}[data-theme=light] button.secondary{color:#111;background:#fff;border:1.5px solid #0000002e}[data-theme=light] button.secondary:hover{box-shadow:none;background:#f8f8f8;border-color:#0000004d;transform:none}[data-theme=light] .glass-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #00000014;box-shadow:0 1px 4px #0000000f}[data-theme=light] .glass-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #00000014}[data-theme=light] .glass-card:hover{background:#fafafa;border-color:#00000024}[data-theme=light] ::-webkit-scrollbar-thumb{background:#0000002e}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#0000004d}[data-theme=light] .apple-segmented-control{background:#ebebeb;border:1px solid #00000014}[data-theme=light] .apple-segment-btn{color:#444!important}[data-theme=light] .apple-segment-btn.active{box-shadow:0 1px 4px #0000001a;color:#fa2855!important;background:#fff!important}[data-theme=light] .header-container{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff!important;border-bottom:1px solid #00000014!important}[data-theme=light] .sidebar-box,[data-theme=light] [class*=sidebar],[data-theme=light] [class*=panel]{color:#111!important;background:#fff!important;border-color:#00000014!important}[data-theme=light] .chat-scrollable{scrollbar-color:#00000026 transparent}[data-theme=light] .cosmic-bg{background-image:url(/hero-bg.png);background-position:50%;background-size:cover}[data-theme=light] .cosmic-bg:before{background:#00000059;display:block}[data-theme=light] [style*=\#160508],[data-theme=light] [style*=\#060203],[data-theme=light] [style*="radial-gradient(circle, #1"]{background:#e8e8e8!important}[data-theme=light] [style*="rgba(0,0,0,0.12)"],[data-theme=light] [style*="rgba(0, 0, 0, 0.12)"]{background:#f5f5f5!important}[data-theme=light] [style*="rgba(0,0,0,0.2)"],[data-theme=light] [style*="rgba(0, 0, 0, 0.2)"],[data-theme=light] [style*="rgba(0,0,0,0.3)"],[data-theme=light] [style*="rgba(0, 0, 0, 0.3)"]{color:#111!important;background:#fff!important}[data-theme=light] [style*="rgba(10,2,5"],[data-theme=light] [style*="rgba(8,2,4"],[data-theme=light] [style*="rgba(6,1,3"],[data-theme=light] [style*="rgba(15,4,8"],[data-theme=light] [style*="rgba(12,3,6"],[data-theme=light] [style*="rgba(14, 4"],[data-theme=light] [style*="rgba(14,4"]{background:#fff!important;border-color:#00000014!important}[data-theme=light] [style*="var(--whatsapp-self)"]{color:#111!important;background:#ffe4ea!important}[data-theme=light] [style*="var(--whatsapp-other)"]{color:#111!important;background:#fff!important;border:1px solid #00000012!important}[data-theme=light] [style*="rgba(255,255,255,0.5)"],[data-theme=light] [style*="rgba(255, 255, 255, 0.5)"],[data-theme=light] [style*="rgba(255,255,255,0.6)"],[data-theme=light] [style*="rgba(255, 255, 255, 0.6)"],[data-theme=light] [style*="rgba(255,255,255,0.7)"],[data-theme=light] [style*="rgba(255, 255, 255, 0.7)"]{color:#333!important}[data-theme=light] [style*="rgba(255,255,255,0.8)"],[data-theme=light] [style*="rgba(255, 255, 255, 0.8)"],[data-theme=light] [style*="rgba(255,255,255,0.9)"],[data-theme=light] [style*="rgba(255, 255, 255, 0.9)"],[data-theme=light] [style*="color: rgba(255"],[data-theme=light] [style*="color:rgba(255"]{color:#111!important}[data-tooltip]{position:relative}[data-tooltip]:before{content:attr(data-tooltip);background:var(--bg-solid-lighter);color:var(--text-primary);border:1px solid var(--border);white-space:nowrap;opacity:0;pointer-events:none;z-index:1000;box-shadow:var(--shadow-lg);border-radius:4px;padding:4px 8px;font-size:11px;transition:all .15s;position:absolute;bottom:120%;left:50%;transform:translate(-50%)scale(.9)}[data-tooltip]:hover:before{opacity:1;transform:translate(-50%)scale(1)}.confetti-canvas{pointer-events:none;z-index:9999;width:100%;height:100%;position:fixed;top:0;left:0}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #fa28551f}50%{box-shadow:0 0 22px #fa285559}}.glow-animation{animation:3s infinite pulse-glow}.dot-flashing{background-color:var(--text-secondary);width:6px;height:6px;color:var(--text-secondary);border-radius:5px;animation:1s linear .5s infinite alternate dot-flashing;position:relative}.dot-flashing:before,.dot-flashing:after{content:"";display:inline-block;position:absolute;top:0}.dot-flashing:before{background-color:var(--text-secondary);width:6px;height:6px;color:var(--text-secondary);border-radius:5px;animation:1s linear infinite alternate dot-flashing;left:-12px}.dot-flashing:after{background-color:var(--text-secondary);width:6px;height:6px;color:var(--text-secondary);border-radius:5px;animation:1s linear 1s infinite alternate dot-flashing;left:12px}@keyframes dot-flashing{0%{background-color:var(--text-secondary)}50%,to{background-color:#ffffff26}}@media (width<=600px){.webcam-btn-text{display:none!important}}.video-player-wrapper iframe,.video-player-wrapper div iframe{border:none;display:block;width:100%!important;height:100%!important}.cosmic-bg{background-image:url(/hero-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.cosmic-bg:before{content:"";z-index:1;pointer-events:none;background:#00000073;position:absolute;inset:0}.cosmic-bg:after{content:"";z-index:2;pointer-events:none;background-image:radial-gradient(.8px .8px at 5% 8%,#fffc 100%,#0000),radial-gradient(.8px .8px at 12% 62%,#ffffff8c 100%,#0000),radial-gradient(.8px .8px at 18% 35%,#ffffffa6 100%,#0000),radial-gradient(.8px .8px at 24% 90%,#ffffff73 100%,#0000),radial-gradient(.8px .8px at 33% 18%,#ffffffb3 100%,#0000),radial-gradient(.8px .8px at 41% 75%,#ffffff80 100%,#0000),radial-gradient(.8px .8px at 52% 4%,#fffc 100%,#0000),radial-gradient(.8px .8px at 60%,#ffffff73 100%,#0000),radial-gradient(.8px .8px at 68% 28%,#fff9 100%,#0000),radial-gradient(.8px .8px at 75% 85%,#ffffff8c 100%,#0000),radial-gradient(.8px .8px at 82% 12%,#ffffffb3 100%,#0000),radial-gradient(.8px .8px at 90% 60%,#ffffff80 100%,#0000),radial-gradient(.8px .8px at 96% 38%,#ffffffa6 100%,#0000),radial-gradient(1.5px 1.5px at 8% 45%,#ffffffe6 100%,#0000),radial-gradient(1.5px 1.5px at 27% 52%,#ffffffbf 100%,#0000),radial-gradient(1.5px 1.5px at 46% 88%,#ffffffd9 100%,#0000),radial-gradient(1.5px 1.5px at 63% 15%,#fffc 100%,#0000),radial-gradient(1.5px 1.5px at 79% 70%,#ffffffe6 100%,#0000),radial-gradient(1.5px 1.5px at 93% 22%,#ffffffbf 100%,#0000),radial-gradient(2.5px 2.5px at 15% 22%,#fff 100%,#0000),radial-gradient(2.5px 2.5px at 55% 65%,#fff 100%,#0000),radial-gradient(2.5px 2.5px at 85% 40%,#fff 100%,#0000),radial-gradient(2px 2px at 38% 10%,#ffa0b4cc 100%,#0000),radial-gradient(2px 2px at 70% 92%,#ff8ca0b3 100%,#0000),radial-gradient(1.5px 1.5px at 22% 78%,#ffb4c899 100%,#0000);background-size:100% 100%;animation:5s ease-in-out infinite alternate starTwinkle;display:none;position:absolute;inset:0}.cosmic-particles{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.cosmic-particles:before{content:"";filter:blur(30px);background:radial-gradient(circle,#fa28550f 0%,#0000 70%);border-radius:50%;width:300px;height:300px;animation:18s ease-in-out infinite orbFloat1;position:absolute;top:20%;left:10%}.cosmic-particles:after{content:"";filter:blur(40px);background:radial-gradient(circle,#c8143c14 0%,#0000 70%);border-radius:50%;width:250px;height:250px;animation:22s ease-in-out infinite orbFloat2;position:absolute;bottom:15%;right:8%}@keyframes nebulaDrift{0%{transform:translate(0)scale(1)}33%{transform:translate(4%,-3%)scale(1.06)}66%{transform:translate(-3%,4%)scale(.96)}to{transform:translate(2%,2%)scale(1.03)}}@keyframes starTwinkle{0%{opacity:.45;transform:scale(1)}40%{opacity:.75;transform:scale(1.01)}70%{opacity:.55;transform:scale(.99)}to{opacity:.65;transform:scale(1)}}@keyframes orbFloat1{0%,to{transform:translate(0)scale(1)}30%{transform:translate(60px,-40px)scale(1.15)}60%{transform:translate(-30px,50px)scale(.9)}}@keyframes orbFloat2{0%,to{transform:translate(0)scale(1)}25%{transform:translate(-50px,30px)scale(1.1)}65%{transform:translate(40px,-60px)scale(.85)}}.app-container{background-color:var(--bg-main);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.header-container{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(20px);z-index:100;background:#0c0407b8;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex}.main-container{flex-direction:row;flex:1;display:flex;overflow:hidden}.player-box{background:#0000000d;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.sidebar-box{border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;width:380px;height:100%;display:flex}.apple-segmented-control{background:#ffffff0d;border:1px solid #ffffff05;border-radius:10px;gap:4px;width:100%;padding:3px;display:flex}.apple-segment-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;outline:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.25,.8,.25,1);display:flex}.apple-segment-btn:hover{color:#fff}.apple-segment-btn.active{color:#fff;background:#ffffff1f;font-weight:600;box-shadow:0 2px 6px #00000040}@media (width<=1024px){.player-box{padding:16px}.sidebar-box{width:320px}}@media (width<=768px){.app-container{height:100vh;height:-webkit-fill-available}.main-container{scrollbar-width:none;flex-direction:column;overflow-y:auto}.main-container::-webkit-scrollbar{display:none}.player-box{aspect-ratio:16/9;z-index:90;flex:none;width:100vw;padding:0;position:sticky;top:0;box-shadow:0 8px 24px #00000080}.sidebar-box{border-left:none;border-top:1px solid var(--border);flex:1;width:100%;height:auto}.header-container{height:50px;padding:0 16px}.webcam-grid-scroll{white-space:nowrap;gap:8px;max-height:180px;padding:8px 12px;display:flex;overflow:auto hidden}.mobile-compact-chat{padding:10px}input,input[type=text],input[type=email],input[type=password],input[type=url],input[type=search],input[type=datetime-local],input[type=number],textarea,select{font-size:16px!important}}button,a,[role=button]{touch-action:manipulation}