.toast[data-v-d51c9881]{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#ff6b6b;color:#fff;padding:14px 24px;border-radius:16px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 30px #ff6b6b66;cursor:pointer;z-index:1000;font-family:Nunito,sans-serif;font-weight:600;max-width:90%}.toast.success[data-v-d51c9881]{background:#51cf66;box-shadow:0 8px 30px #51cf6666}.toast-icon[data-v-d51c9881]{font-size:1.3rem}.toast-close[data-v-d51c9881]{opacity:.7;font-size:.9rem}.toast-enter-active[data-v-d51c9881],.toast-leave-active[data-v-d51c9881]{transition:all .3s ease}.toast-enter-from[data-v-d51c9881],.toast-leave-to[data-v-d51c9881]{opacity:0;transform:translate(-50%) translateY(20px)}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6c5ce7;--secondary: #fd79a8;--accent: #00cec9;--yellow: #ffeaa7;--orange: #fab1a0;--green: #55efc4;--blue: #74b9ff;--bg-light: #f8f9ff;--text-dark: #2d3436;--text-light: #636e72}body{font-family:Nunito,sans-serif;background:var(--bg-light);min-height:100vh;overflow-x:hidden}.app-container{min-height:100vh;display:flex;flex-direction:column}.bg-shapes{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.bg-shape{position:absolute;border-radius:50%;opacity:.5}.bg-shape-1{width:300px;height:300px;background:var(--yellow);top:-100px;right:-50px}.bg-shape-2{width:200px;height:200px;background:var(--green);bottom:10%;left:-80px}.bg-shape-3{width:150px;height:150px;background:var(--orange);top:40%;right:-60px}.bg-shape-4{width:100px;height:100px;background:var(--blue);bottom:20%;right:20%}.btn{padding:14px 28px;border:none;border-radius:50px;font-family:Nunito,sans-serif;font-weight:800;font-size:1.1rem;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.btn:hover{transform:translateY(-3px) scale(1.02)}.btn:active{transform:translateY(0) scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,#a29bfe 100%);color:#fff;box-shadow:0 8px 20px #6c5ce759}.btn-primary:hover{box-shadow:0 12px 28px #6c5ce773}.btn-secondary{background:linear-gradient(135deg,var(--secondary) 0%,#e84393 100%);color:#fff;box-shadow:0 8px 20px #fd79a859}.btn-parent{background:linear-gradient(135deg,var(--accent) 0%,#81ecec 100%);color:var(--text-dark);box-shadow:0 8px 20px #00cec959}.card{background:#fff;border-radius:28px;padding:28px;box-shadow:0 10px 40px #00000014;position:relative;z-index:1}.input{width:100%;padding:16px 20px;border:3px solid #e9ecef;border-radius:16px;font-family:Nunito,sans-serif;font-size:1.1rem;font-weight:600;transition:all .2s;background:#f8f9fa}.input:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #6c5ce71a}.pin-container{display:flex;gap:14px;justify-content:center}.pin-digit{width:64px;height:76px;text-align:center;font-size:2.2rem;font-weight:800;border:3px solid #e9ecef;border-radius:20px;background:#f8f9fa;transition:all .2s;color:var(--primary)}.pin-digit:focus{outline:none;border-color:var(--primary);background:#fff;transform:scale(1.05);box-shadow:0 8px 20px #6c5ce733}.avatar{font-size:3rem;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:24px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.avatar:hover{transform:scale(1.1) rotate(5deg)}.avatar.selected{box-shadow:0 0 0 4px var(--primary)}.page-title{font-size:2.8rem;font-weight:800;color:var(--text-dark);text-align:center;margin-bottom:8px}.page-subtitle{font-size:1.2rem;color:var(--text-light);text-align:center;margin-bottom:32px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.bounce{animation:bounce .5s ease}.fade-in{animation:fadeIn .5s ease}.float{animation:float 6s ease-in-out infinite}.wiggle{animation:wiggle .5s ease}.spinner{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home[data-v-b1de8282]{flex:1;display:flex;flex-direction:column;min-height:100vh;position:relative}.home-content[data-v-b1de8282]{flex:1;display:flex;flex-direction:column;align-items:center;padding:40px 20px;position:relative;z-index:1}.logo[data-v-b1de8282]{margin-bottom:16px}.logo-emoji[data-v-b1de8282]{font-size:5rem;display:block;filter:drop-shadow(0 8px 16px rgba(108,92,231,.3))}.loading-state[data-v-b1de8282]{display:flex;flex-direction:column;align-items:center;gap:16px;margin:40px 0;color:var(--text-light)}.loading-icon[data-v-b1de8282]{font-size:3rem}.profiles-container[data-v-b1de8282]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,220px));justify-content:center;gap:24px;max-width:900px;width:100%;margin:20px 0 40px}.profile-card[data-v-b1de8282]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:28px 24px;background:#fff;border-radius:32px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 30px #00000014;position:relative;overflow:hidden;animation:fadeIn .5s ease backwards;animation-delay:var(--delay);width:220px;height:210px}.profile-card[data-v-b1de8282]:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0000001f}.profile-card:hover .profile-avatar[data-v-b1de8282]{transform:scale(1.1) rotate(10deg)}.profile-card:hover .profile-glow[data-v-b1de8282]{opacity:1}.profile-avatar[data-v-b1de8282]{font-size:4.5rem;transition:transform .3s ease;position:relative;z-index:1}.profile-name[data-v-b1de8282]{font-weight:800;font-size:1.3rem;color:var(--text-dark);position:relative;z-index:1;text-align:center}.profile-glow[data-v-b1de8282]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--accent) 0%,transparent 60%);opacity:0;transition:opacity .3s}.empty-state[data-v-b1de8282]{text-align:center;padding:48px 40px;margin:20px 0 40px}.empty-icon[data-v-b1de8282]{font-size:5rem;margin-bottom:16px}.empty-state h3[data-v-b1de8282]{color:var(--text-dark);font-size:1.4rem;margin-bottom:8px}.empty-state p[data-v-b1de8282]{color:var(--text-light)}.parent-btn[data-v-b1de8282]{margin-top:auto;display:flex;align-items:center;gap:10px}.btn-icon[data-v-b1de8282]{font-size:1.3rem}.login[data-v-74958358]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;min-height:100vh;position:relative}.back-btn[data-v-74958358]{position:absolute;top:24px;left:24px;background:#fff;border:none;color:var(--text-dark);padding:12px 20px;border-radius:16px;font-family:Nunito,sans-serif;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #00000014;display:flex;align-items:center;gap:8px;z-index:10}.back-btn[data-v-74958358]:hover{transform:translate(-4px);box-shadow:0 6px 16px #0000001f}.login-card[data-v-74958358]{display:flex;flex-direction:column;align-items:center;gap:24px;padding:48px 40px;max-width:420px;width:100%;position:relative;z-index:1}.loading-icon[data-v-74958358]{font-size:4rem}.avatar-container[data-v-74958358]{position:relative;margin-bottom:8px}.avatar-ring[data-v-74958358]{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;background:conic-gradient(var(--color),var(--yellow),var(--color));animation:spin-74958358 8s linear infinite;opacity:.6}@keyframes spin-74958358{to{transform:rotate(360deg)}}.avatar-large[data-v-74958358]{font-size:5rem;width:120px;height:120px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;position:relative;z-index:1}.greeting[data-v-74958358]{font-size:2rem;color:var(--text-dark);font-weight:800}.instruction[data-v-74958358]{color:var(--text-light);font-size:1.1rem}.error[data-v-74958358]{color:#e74c3c;font-weight:700;background:#ffeaea;padding:10px 20px;border-radius:12px}.login-btn[data-v-74958358]{width:100%;padding:18px;font-size:1.2rem}.login-btn[data-v-74958358]:disabled{opacity:.5;cursor:not-allowed;transform:none}.not-found-icon[data-v-74958358]{font-size:5rem;margin-bottom:8px}.login-card h3[data-v-74958358]{color:var(--text-dark);font-size:1.4rem}.login-card p[data-v-74958358]{color:var(--text-light)}.gif-overlay[data-v-43b1aee9]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:100;padding:16px}.gif-modal[data-v-43b1aee9]{background:#fff;border-radius:24px 24px 0 0;width:100%;max-width:500px;max-height:70vh;display:flex;flex-direction:column;overflow:hidden}@media (min-width: 600px){.gif-overlay[data-v-43b1aee9]{align-items:center}.gif-modal[data-v-43b1aee9]{border-radius:24px;max-height:80vh}}.gif-header[data-v-43b1aee9]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.gif-title[data-v-43b1aee9]{font-weight:800;font-size:1.2rem;color:var(--text-dark)}.close-btn[data-v-43b1aee9]{background:#f1f3f9;border:none;width:36px;height:36px;border-radius:12px;cursor:pointer;font-size:1.1rem;color:var(--text-light)}.gif-search[data-v-43b1aee9]{padding:12px 16px}.gif-search input[data-v-43b1aee9]{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:16px;font-family:Nunito,sans-serif;font-size:1rem;font-weight:600;background:#f8f9fa}.gif-search input[data-v-43b1aee9]:focus{outline:none;border-color:var(--primary);background:#fff}.gif-content[data-v-43b1aee9]{flex:1;overflow-y:auto;padding:8px 16px 16px}.gif-loading[data-v-43b1aee9],.gif-error[data-v-43b1aee9],.gif-empty[data-v-43b1aee9]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-light);text-align:center}.gif-loading span[data-v-43b1aee9],.gif-error span[data-v-43b1aee9],.gif-empty span[data-v-43b1aee9]{font-size:3rem;margin-bottom:12px}.gif-grid[data-v-43b1aee9]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.gif-item[data-v-43b1aee9]{background:#f1f3f9;border:none;border-radius:12px;overflow:hidden;cursor:pointer;aspect-ratio:1;padding:0;transition:transform .2s}.gif-item[data-v-43b1aee9]:hover{transform:scale(1.03)}.gif-item img[data-v-43b1aee9]{width:100%;height:100%;object-fit:cover}.modal-enter-active[data-v-43b1aee9],.modal-leave-active[data-v-43b1aee9]{transition:opacity .2s}.modal-enter-active .gif-modal[data-v-43b1aee9],.modal-leave-active .gif-modal[data-v-43b1aee9]{transition:transform .3s}.modal-enter-from[data-v-43b1aee9],.modal-leave-to[data-v-43b1aee9]{opacity:0}.modal-enter-from .gif-modal[data-v-43b1aee9],.modal-leave-to .gif-modal[data-v-43b1aee9]{transform:translateY(100%)}@media (min-width: 600px){.modal-enter-from .gif-modal[data-v-43b1aee9],.modal-leave-to .gif-modal[data-v-43b1aee9]{transform:scale(.9)}}.video-overlay[data-v-e83a4764]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:200}.video-modal[data-v-e83a4764]{width:100%;height:100%;display:flex;flex-direction:column;background:#1a1a2e}.video-header[data-v-e83a4764]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;padding-top:max(16px,env(safe-area-inset-top));background:#0000004d;flex-shrink:0}.video-title[data-v-e83a4764]{font-weight:800;font-size:1.2rem;color:#fff}.video-controls[data-v-e83a4764]{display:flex;gap:12px;align-items:center}.control-group[data-v-e83a4764]{position:relative;display:flex;align-items:center}.control-btn[data-v-e83a4764]{width:48px;height:48px;border:none;border-radius:50%;background:#fff3;font-size:1.3rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.control-btn[data-v-e83a4764]:hover:not(:disabled){background:#ffffff4d}.control-btn[data-v-e83a4764]:disabled{opacity:.5;cursor:not-allowed}.control-btn.off[data-v-e83a4764]{background:#ff646480}.control-btn.end[data-v-e83a4764]{background:#e74c3c;transform:rotate(135deg)}.control-btn.end[data-v-e83a4764]:hover{background:#c0392b}.device-select-btn[data-v-e83a4764]{width:24px;height:24px;border:none;border-radius:50%;background:#ffffff4d;color:#fff;font-size:.7rem;cursor:pointer;margin-left:-8px;margin-bottom:-20px;z-index:1}.device-select-btn[data-v-e83a4764]:hover{background:#ffffff80}.device-menu[data-v-e83a4764]{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border-radius:12px;box-shadow:0 8px 30px #0000004d;overflow:hidden;min-width:200px;z-index:100}.device-option[data-v-e83a4764]{display:block;width:100%;padding:12px 16px;border:none;background:none;text-align:left;font-family:Nunito,sans-serif;font-size:.9rem;color:var(--text-dark);cursor:pointer;transition:background .2s}.device-option[data-v-e83a4764]:hover{background:#f1f3f9}.device-option.active[data-v-e83a4764]{background:var(--primary);color:#fff}.video-grid[data-v-e83a4764]{flex:1;display:grid;gap:8px;padding:8px;overflow:hidden}.grid-2[data-v-e83a4764]{grid-template-columns:1fr;grid-template-rows:1fr 1fr}@media (min-width: 600px){.grid-2[data-v-e83a4764]{grid-template-columns:1fr 1fr;grid-template-rows:1fr}}.grid-4[data-v-e83a4764]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.grid-many[data-v-e83a4764]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-auto-rows:1fr}.video-tile[data-v-e83a4764]{position:relative;background:#2d2d44;border-radius:16px;overflow:hidden}.video-tile.local[data-v-e83a4764]{border:3px solid var(--primary)}.video-player[data-v-e83a4764]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.video-player[data-v-e83a4764] video,.video-player video[data-v-e83a4764]{width:100%;height:100%;object-fit:cover}.video-label[data-v-e83a4764]{position:absolute;bottom:12px;left:12px;background:#0009;color:#fff;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:700;z-index:3}.no-video[data-v-e83a4764]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#2d2d44;font-size:4rem;z-index:2}.waiting-tile[data-v-e83a4764]{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#2d2d44;border-radius:16px;color:#fff9}.waiting-icon[data-v-e83a4764]{font-size:3rem;margin-bottom:12px;animation:wave-e83a4764 1s ease-in-out infinite}@keyframes wave-e83a4764{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-20deg)}}.join-screen[data-v-e83a4764]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000c}.join-content[data-v-e83a4764]{text-align:center;color:#fff}.join-icon[data-v-e83a4764]{font-size:5rem;display:block;margin-bottom:20px}.join-content h3[data-v-e83a4764]{font-size:1.5rem;margin-bottom:8px}.join-content p[data-v-e83a4764]{color:#fff9;margin-bottom:24px}.join-btn[data-v-e83a4764]{min-width:150px}.video-error[data-v-e83a4764]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000e6;color:#fff;text-align:center;gap:16px}.video-error span[data-v-e83a4764]{font-size:4rem}.modal-enter-active[data-v-e83a4764],.modal-leave-active[data-v-e83a4764]{transition:opacity .3s}.modal-enter-from[data-v-e83a4764],.modal-leave-to[data-v-e83a4764]{opacity:0}.watch-overlay[data-v-cab7ba27]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:200}.watch-modal[data-v-cab7ba27]{width:100%;height:100%;display:flex;flex-direction:column;background:#0f0f1a}.watch-header[data-v-cab7ba27]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;padding-top:max(16px,env(safe-area-inset-top));background:#00000080}.watch-title[data-v-cab7ba27]{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.2rem;color:#fff}.viewer-count[data-v-cab7ba27]{font-size:.85rem;font-weight:600;background:var(--primary);padding:4px 12px;border-radius:20px}.close-btn[data-v-cab7ba27]{width:44px;height:44px;border:none;border-radius:50%;background:#ffffff1a;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .2s}.close-btn[data-v-cab7ba27]:hover{background:#fff3}.video-container[data-v-cab7ba27]{flex:1;position:relative;background:#000}#youtube-player[data-v-cab7ba27]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.loading-video[data-v-cab7ba27]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:16px}.loading-video .spinner[data-v-cab7ba27]{font-size:4rem;animation:spin-cab7ba27 2s linear infinite}@keyframes spin-cab7ba27{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.watch-footer[data-v-cab7ba27]{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 20px;padding-bottom:max(16px,env(safe-area-inset-bottom));background:#000000b3;gap:16px}.watchers-panel[data-v-cab7ba27]{flex:1}.watchers-title[data-v-cab7ba27]{color:#fff9;font-size:.8rem;font-weight:700;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.watchers-list[data-v-cab7ba27]{display:flex;flex-wrap:wrap;gap:8px}.watcher[data-v-cab7ba27]{display:flex;align-items:center;gap:8px;background:#ffffff1a;padding:8px 14px;border-radius:25px;transition:all .2s}.watcher.host[data-v-cab7ba27]{background:linear-gradient(135deg,#f1c40f4d,#f39c124d);border:2px solid rgba(241,196,15,.5)}.watcher-avatar[data-v-cab7ba27]{font-size:1.2rem}.watcher-name[data-v-cab7ba27]{color:#fff;font-weight:700;font-size:.9rem}.crown[data-v-cab7ba27]{font-size:.9rem;margin-left:2px}.sync-info[data-v-cab7ba27]{display:flex;align-items:center;flex-shrink:0}.host-badge[data-v-cab7ba27]{background:linear-gradient(135deg,#f1c40f,#f39c12);color:#000;padding:10px 18px;border-radius:25px;font-weight:800;font-size:.9rem;white-space:nowrap}.sync-status[data-v-cab7ba27]{color:#ffffffb3;font-size:.9rem;background:#ffffff1a;padding:10px 18px;border-radius:25px}.modal-enter-active[data-v-cab7ba27],.modal-leave-active[data-v-cab7ba27]{transition:opacity .3s}.modal-enter-from[data-v-cab7ba27],.modal-leave-to[data-v-cab7ba27]{opacity:0}.chat[data-v-7c532d74]{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#f8f9ff,#e8ecff)}.chat-header[data-v-7c532d74]{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top));background:#fff;box-shadow:0 4px 20px #0000000f;flex-shrink:0;z-index:10;gap:8px}@media (min-width: 480px){.chat-header[data-v-7c532d74]{padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top))}}.header-user[data-v-7c532d74]{display:flex;align-items:center;gap:8px;min-width:0}.user-avatar[data-v-7c532d74]{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}@media (min-width: 480px){.user-avatar[data-v-7c532d74]{width:42px;height:42px;border-radius:14px;font-size:1.4rem}}.user-name[data-v-7c532d74]{font-weight:700;color:var(--text-dark);display:none}@media (min-width: 480px){.user-name[data-v-7c532d74]{display:block}}.header-center[data-v-7c532d74]{display:none;align-items:center;gap:8px}@media (min-width: 400px){.header-center[data-v-7c532d74]{display:flex}}.header-logo[data-v-7c532d74]{font-size:1.4rem}@media (min-width: 480px){.header-logo[data-v-7c532d74]{font-size:1.6rem}}.header-title[data-v-7c532d74]{font-weight:800;font-size:1.1rem;color:var(--text-dark);display:none}@media (min-width: 480px){.header-title[data-v-7c532d74]{display:block;font-size:1.3rem}}.header-actions[data-v-7c532d74]{display:flex;gap:6px}@media (min-width: 480px){.header-actions[data-v-7c532d74]{gap:8px}}.icon-btn[data-v-7c532d74]{width:38px;height:38px;border:none;border-radius:12px;background:#f1f3f9;font-size:1.1rem;cursor:pointer;transition:all .2s;position:relative;display:flex;align-items:center;justify-content:center}@media (min-width: 480px){.icon-btn[data-v-7c532d74]{width:44px;height:44px;border-radius:14px;font-size:1.3rem}}.icon-btn.notify[data-v-7c532d74]{background:var(--yellow);animation:pulse-notify-7c532d74 2s infinite}.icon-btn.video-btn[data-v-7c532d74]{background:linear-gradient(135deg,#00b894,#00cec9)}.icon-btn.video-btn span[data-v-7c532d74]{filter:none}@keyframes pulse-notify-7c532d74{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.icon-btn[data-v-7c532d74]:hover,.icon-btn.active[data-v-7c532d74]{background:var(--primary);transform:scale(1.05)}.icon-btn:hover span[data-v-7c532d74],.icon-btn.active span[data-v-7c532d74]{filter:brightness(0) invert(1)}.online-count[data-v-7c532d74]{position:absolute;top:-4px;right:-4px;background:var(--secondary);color:#fff;font-size:.7rem;font-weight:800;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.online-panel[data-v-7c532d74]{background:#fff;margin:0 16px;border-radius:0 0 20px 20px;padding:16px;box-shadow:0 8px 30px #0000001a;position:relative;z-index:5}.online-header[data-v-7c532d74]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.online-title[data-v-7c532d74]{font-weight:800;color:var(--text-dark)}.close-btn[data-v-7c532d74]{background:#f1f3f9;border:none;width:32px;height:32px;border-radius:10px;cursor:pointer;font-size:1rem;color:var(--text-light)}.no-users[data-v-7c532d74]{text-align:center;padding:20px;color:var(--text-light)}.no-users-icon[data-v-7c532d74]{font-size:2.5rem;display:block;margin-bottom:8px}.online-list[data-v-7c532d74]{display:flex;flex-direction:column;gap:12px}.online-user[data-v-7c532d74]{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#f8f9ff;border-radius:14px}.online-avatar[data-v-7c532d74]{font-size:1.5rem}.online-name[data-v-7c532d74]{flex:1;font-weight:700;color:var(--text-dark);display:flex;align-items:center;gap:8px}.you-badge[data-v-7c532d74]{background:var(--primary);color:#fff;font-size:.7rem;padding:2px 8px;border-radius:20px;font-weight:800}.pulse-dot[data-v-7c532d74]{width:10px;height:10px;background:#00b894;border-radius:50%;animation:pulse-7c532d74 2s infinite}@keyframes pulse-7c532d74{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.slide-enter-active[data-v-7c532d74],.slide-leave-active[data-v-7c532d74]{transition:all .3s ease}.slide-enter-from[data-v-7c532d74],.slide-leave-to[data-v-7c532d74]{opacity:0;transform:translateY(-10px)}.connection-bar[data-v-7c532d74]{text-align:center;padding:10px;background:var(--yellow);color:var(--text-dark);font-weight:600;font-size:.9rem}.messages-area[data-v-7c532d74]{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px;display:flex;flex-direction:column;gap:16px;-webkit-overflow-scrolling:touch}.loading-messages[data-v-7c532d74]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-light)}.loading-icon[data-v-7c532d74]{font-size:3rem}.load-more-area[data-v-7c532d74]{display:flex;justify-content:center;padding:12px;margin-bottom:8px}.load-more-btn[data-v-7c532d74]{background:#fff;border:2px solid #e9ecef;border-radius:20px;padding:10px 20px;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:700;color:var(--text-light);cursor:pointer;transition:all .2s}.load-more-btn[data-v-7c532d74]:hover{background:var(--primary);border-color:var(--primary);color:#fff}.loading-more[data-v-7c532d74]{padding:10px;font-size:1.5rem}.empty-chat[data-v-7c532d74]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-illustration[data-v-7c532d74]{margin-bottom:16px}.empty-emoji[data-v-7c532d74]{font-size:5rem;display:block}.empty-chat h3[data-v-7c532d74]{color:var(--text-dark);font-size:1.4rem;margin-bottom:8px}.empty-chat p[data-v-7c532d74]{color:var(--text-light)}.message[data-v-7c532d74]{display:flex;gap:12px;max-width:85%;animation:fadeIn-7c532d74 .3s ease}.message.own[data-v-7c532d74]{align-self:flex-end;flex-direction:row-reverse}.message-avatar[data-v-7c532d74]{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.message-body[data-v-7c532d74]{display:flex;flex-direction:column;gap:4px}.message.own .message-body[data-v-7c532d74]{align-items:flex-end}.message-name[data-v-7c532d74]{font-size:.85rem;font-weight:700;color:var(--text-light);padding:0 4px}.message-bubble[data-v-7c532d74]{background:#fff;padding:14px 18px;border-radius:6px 20px 20px;color:var(--text-dark);font-size:1rem;line-height:1.5;box-shadow:0 4px 12px #0000000f;border-left:4px solid var(--color)}.message.own .message-bubble[data-v-7c532d74]{border-radius:20px 6px 20px 20px;border-left:none;border-right:4px solid var(--color);background:linear-gradient(135deg,var(--primary) 0%,#a29bfe 100%);color:#fff}.message-gif[data-v-7c532d74]{max-width:200px;max-height:200px;border-radius:12px;display:block}.message-bubble[data-v-7c532d74]:has(.message-gif){padding:8px;background:transparent;border:none;box-shadow:none}.message.own .message-bubble[data-v-7c532d74]:has(.message-gif){background:transparent;border:none}.youtube-preview[data-v-7c532d74]{position:relative;border-radius:12px;overflow:hidden;max-width:280px}.youtube-thumb[data-v-7c532d74]{width:100%;display:block;border-radius:12px}.watch-together-btn[data-v-7c532d74]{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;padding:10px 20px;border-radius:25px;font-family:Nunito,sans-serif;font-weight:800;font-size:.9rem;cursor:pointer;box-shadow:0 4px 15px #0000004d;transition:all .2s;white-space:nowrap}.watch-together-btn[data-v-7c532d74]:hover{transform:translate(-50%) scale(1.05);box-shadow:0 6px 20px #0006}.message-bubble[data-v-7c532d74]:has(.youtube-preview){padding:8px;background:transparent;border:none;box-shadow:none}.message.own .message-bubble[data-v-7c532d74]:has(.youtube-preview){background:transparent;border:none}.message-time[data-v-7c532d74]{font-size:.75rem;color:var(--text-light);padding:0 4px}.compose-area[data-v-7c532d74]{padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:#fff;box-shadow:0 -4px 20px #0000000f;flex-shrink:0;z-index:10}.compose-box[data-v-7c532d74]{display:flex;gap:12px;align-items:center}.gif-btn[data-v-7c532d74]{height:44px;padding:0 14px;border:none;border-radius:14px;background:linear-gradient(135deg,#fd79a8,#e84393);color:#fff;font-family:Nunito,sans-serif;font-size:.85rem;font-weight:800;cursor:pointer;transition:all .2s;flex-shrink:0}.gif-btn[data-v-7c532d74]:hover:not(:disabled){transform:scale(1.05)}.gif-btn[data-v-7c532d74]:disabled{opacity:.5;cursor:not-allowed}.compose-input[data-v-7c532d74]{flex:1;padding:12px 16px;border:2px solid #e9ecef;border-radius:24px;font-family:Nunito,sans-serif;font-size:1rem;font-weight:600;background:#f8f9fa;transition:all .2s;min-width:0}.compose-input[data-v-7c532d74]:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #6c5ce71a}.compose-input[data-v-7c532d74]:disabled{opacity:.6}.send-btn[data-v-7c532d74]{width:48px;height:48px;border:none;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,#a29bfe 100%);font-size:1.3rem;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 20px #6c5ce759;display:flex;align-items:center;justify-content:center;flex-shrink:0}.send-btn[data-v-7c532d74]:hover:not(:disabled){transform:scale(1.1);box-shadow:0 12px 28px #6c5ce773}.send-btn[data-v-7c532d74]:disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes fadeIn-7c532d74{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.float[data-v-7c532d74]{animation:float-7c532d74 4s ease-in-out infinite}@keyframes float-7c532d74{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.kicked-overlay[data-v-7c532d74]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.kicked-modal[data-v-7c532d74]{background:#fff;border-radius:28px;padding:40px;text-align:center;max-width:320px;width:100%;animation:bounceIn-7c532d74 .4s ease}@keyframes bounceIn-7c532d74{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.kicked-icon[data-v-7c532d74]{font-size:4rem;display:block;margin-bottom:16px}.kicked-modal h3[data-v-7c532d74]{font-size:1.5rem;color:var(--text-dark);margin-bottom:8px}.kicked-modal p[data-v-7c532d74]{color:var(--text-light);margin-bottom:24px}.modal-enter-active[data-v-7c532d74],.modal-leave-active[data-v-7c532d74]{transition:opacity .3s}.modal-enter-from[data-v-7c532d74],.modal-leave-to[data-v-7c532d74]{opacity:0}.parent[data-v-35d8c4db]{flex:1;display:flex;flex-direction:column;align-items:center;padding:40px 20px;min-height:100vh;position:relative}.back-btn[data-v-35d8c4db]{position:absolute;top:24px;left:24px;background:#fff;border:none;color:var(--text-dark);padding:12px 20px;border-radius:16px;font-family:Nunito,sans-serif;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #00000014;display:flex;align-items:center;gap:8px;z-index:10}.back-btn[data-v-35d8c4db]:hover{transform:translate(-4px)}.pin-screen[data-v-35d8c4db]{display:flex;flex-direction:column;align-items:center;gap:24px;padding:48px 40px;max-width:420px;width:100%;margin-top:60px;position:relative;z-index:1}.lock-icon[data-v-35d8c4db]{font-size:4rem;margin-bottom:8px}.pin-screen h2[data-v-35d8c4db]{font-size:2rem;color:var(--text-dark)}.pin-instruction[data-v-35d8c4db]{color:var(--text-light)}.error[data-v-35d8c4db]{color:#e74c3c;font-weight:700;background:#ffeaea;padding:10px 20px;border-radius:12px}.dashboard[data-v-35d8c4db]{width:100%;max-width:600px;display:flex;flex-direction:column;gap:24px;position:relative;z-index:1}.dashboard-header[data-v-35d8c4db]{text-align:center;margin-bottom:8px}.form-card[data-v-35d8c4db],.profiles-card[data-v-35d8c4db]{padding:28px}.form-title[data-v-35d8c4db]{font-size:1.3rem;color:var(--text-dark);margin-bottom:24px}.form-grid[data-v-35d8c4db]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}@media (max-width: 480px){.form-grid[data-v-35d8c4db]{grid-template-columns:1fr}}.form-group[data-v-35d8c4db]{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.form-group[data-v-35d8c4db]:last-of-type{margin-bottom:0}.form-group label[data-v-35d8c4db]{font-weight:700;color:var(--text-dark);font-size:.95rem}.avatar-picker[data-v-35d8c4db]{display:flex;flex-wrap:wrap;gap:10px}.avatar-option[data-v-35d8c4db]{width:52px;height:52px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;border-radius:16px;cursor:pointer;transition:all .2s;background:#f1f3f9}.avatar-option[data-v-35d8c4db]:hover{transform:scale(1.1);background:#e9ecef}.avatar-option.selected[data-v-35d8c4db]{background:var(--primary);box-shadow:0 4px 12px #6c5ce74d;transform:scale(1.05)}.color-picker[data-v-35d8c4db]{display:flex;flex-wrap:wrap;gap:12px}.color-option[data-v-35d8c4db]{width:44px;height:44px;border-radius:50%;cursor:pointer;transition:all .2s;border:4px solid transparent}.color-option[data-v-35d8c4db]:hover{transform:scale(1.15)}.color-option.selected[data-v-35d8c4db]{border-color:var(--text-dark);transform:scale(1.1);box-shadow:0 4px 12px #0003}.form-actions[data-v-35d8c4db]{display:flex;gap:12px;justify-content:flex-end;margin-top:28px;padding-top:20px;border-top:2px solid #f1f3f9}.loading-state[data-v-35d8c4db]{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;color:var(--text-light)}.loading-icon[data-v-35d8c4db]{font-size:2.5rem}.empty-profiles[data-v-35d8c4db]{text-align:center;padding:32px;color:var(--text-light)}.empty-icon[data-v-35d8c4db]{font-size:3rem;display:block;margin-bottom:12px}.profiles-list[data-v-35d8c4db]{display:flex;flex-direction:column;gap:12px}.profile-item[data-v-35d8c4db]{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#f8f9ff;border-radius:20px;border-left:5px solid var(--color);transition:all .2s}.profile-item[data-v-35d8c4db]:hover{background:#f1f3f9}.profile-avatar[data-v-35d8c4db]{font-size:2rem}.profile-info[data-v-35d8c4db]{flex:1}.profile-name[data-v-35d8c4db]{font-weight:800;color:var(--text-dark);display:block;font-size:1.1rem}.profile-pin[data-v-35d8c4db]{font-size:.85rem;color:var(--text-light)}.profile-actions[data-v-35d8c4db]{display:flex;gap:8px}.action-btn[data-v-35d8c4db]{width:44px;height:44px;border:none;border-radius:14px;font-size:1.2rem;cursor:pointer;transition:all .2s}.action-btn[data-v-35d8c4db]:disabled{opacity:.5;cursor:not-allowed}.action-btn.edit[data-v-35d8c4db]{background:#e3f2fd}.action-btn.delete[data-v-35d8c4db]{background:#ffebee}.action-btn[data-v-35d8c4db]:hover:not(:disabled){transform:scale(1.1)}.lock-btn[data-v-35d8c4db]{align-self:center;margin-top:12px}.tabs[data-v-35d8c4db]{display:flex;gap:8px;background:#fff;padding:8px;border-radius:20px;box-shadow:0 4px 20px #00000014}.tab[data-v-35d8c4db]{flex:1;padding:14px 20px;border:none;border-radius:14px;background:transparent;font-family:Nunito,sans-serif;font-weight:700;font-size:1rem;color:var(--text-light);cursor:pointer;transition:all .2s}.tab[data-v-35d8c4db]:hover{background:#f1f3f9}.tab.active[data-v-35d8c4db]{background:var(--primary);color:#fff}.chats-card[data-v-35d8c4db]{padding:24px}.chats-header[data-v-35d8c4db]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chats-header .form-title[data-v-35d8c4db]{margin-bottom:0}.btn-sm[data-v-35d8c4db]{padding:10px 16px;font-size:.9rem}.chat-review[data-v-35d8c4db]{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto}.chat-message[data-v-35d8c4db]{display:flex;gap:12px;padding:14px 16px;background:#f8f9ff;border-radius:16px;border-left:4px solid var(--color)}.msg-avatar[data-v-35d8c4db]{font-size:1.8rem;flex-shrink:0}.msg-content[data-v-35d8c4db]{flex:1;min-width:0}.msg-header[data-v-35d8c4db]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:8px}.msg-sender[data-v-35d8c4db]{font-weight:800;color:var(--text-dark)}.msg-time[data-v-35d8c4db]{font-size:.8rem;color:var(--text-light);white-space:nowrap}.msg-text[data-v-35d8c4db]{color:var(--text-dark);word-break:break-word;line-height:1.4}.msg-gif[data-v-35d8c4db]{max-width:150px;max-height:150px;border-radius:12px}.load-more-btn[data-v-35d8c4db]{align-self:center;margin-top:12px}.modal-overlay[data-v-35d8c4db]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal[data-v-35d8c4db]{max-width:400px;width:100%;text-align:center;padding:36px}.modal-icon[data-v-35d8c4db]{font-size:4rem;margin-bottom:16px}.modal h3[data-v-35d8c4db]{color:var(--text-dark);font-size:1.5rem;margin-bottom:12px}.modal p[data-v-35d8c4db]{color:var(--text-light);margin-bottom:28px;line-height:1.5}.modal-actions[data-v-35d8c4db]{display:flex;gap:12px;justify-content:center}.delete-confirm[data-v-35d8c4db]{background:linear-gradient(135deg,#e74c3c,#c0392b)!important;box-shadow:0 8px 20px #e74c3c59!important}.success-modal[data-v-35d8c4db]{background:linear-gradient(135deg,#f0fff4,#d4edda)}.success-icon[data-v-35d8c4db]{font-size:5rem;margin-bottom:16px}.modal-enter-active[data-v-35d8c4db],.modal-leave-active[data-v-35d8c4db]{transition:all .3s ease}.modal-enter-from[data-v-35d8c4db],.modal-leave-to[data-v-35d8c4db]{opacity:0}.modal-enter-from .modal[data-v-35d8c4db],.modal-leave-to .modal[data-v-35d8c4db]{transform:scale(.9)}.btn[data-v-35d8c4db]:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.wiggle[data-v-35d8c4db]{animation:wiggle-35d8c4db .4s ease}@keyframes wiggle-35d8c4db{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}