:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden;width:100%;height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#2c3e50;background:#fff}#app{min-height:100vh;min-height:100dvh;width:100%;overflow-x:hidden}:root{--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@keyframes spin{to{transform:rotate(360deg)}}#app[data-v-65de6911]{min-height:100vh;display:flex;flex-direction:column}.main[data-v-65de6911]{flex:1;display:flex;flex-direction:column}.main.login-main[data-v-65de6911]{padding:0;display:flex;align-items:center;justify-content:center;min-height:100vh;width:100vw;position:fixed;top:0;left:0}@media(max-width:768px){.main[data-v-65de6911]:not(.login-main){padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}}.app-header[data-v-0d6cd93c]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05);position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px #0000001a}.header-container[data-v-0d6cd93c]{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;padding-top:calc(1rem + env(safe-area-inset-top));height:60px;min-height:calc(60px + env(safe-area-inset-top))}.menu-toggle[data-v-0d6cd93c]{background:none;border:none;padding:.5rem;cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:all .3s ease}.hamburger-line[data-v-0d6cd93c]{width:22px;height:2px;background:#374151;transition:all .3s ease;border-radius:2px}.menu-toggle.active .hamburger-line[data-v-0d6cd93c]:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.menu-toggle.active .hamburger-line[data-v-0d6cd93c]:nth-child(2){opacity:0}.menu-toggle.active .hamburger-line[data-v-0d6cd93c]:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.logo-link[data-v-0d6cd93c]{text-decoration:none;position:absolute;left:50%;transform:translate(-50%)}.logo[data-v-0d6cd93c]{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#ff6b6b,#ff8e53);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.header-actions[data-v-0d6cd93c]{display:flex;align-items:center;gap:.75rem}.profile-btn[data-v-0d6cd93c]{text-decoration:none}.profile-avatar[data-v-0d6cd93c]{width:32px;height:32px;border-radius:50%;background:#ff6b6b1a;border:2px solid rgba(255,107,107,.2);padding:6px;color:#ff6b6bcc}.mobile-menu-overlay[data-v-0d6cd93c]{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu-overlay.active[data-v-0d6cd93c]{opacity:1;visibility:visible}.mobile-menu[data-v-0d6cd93c]{position:fixed;top:0;left:-300px;width:280px;height:100vh;background:#fff;z-index:1000;transition:transform .3s ease;display:flex;flex-direction:column;box-shadow:2px 0 20px #0000001a}.mobile-menu.active[data-v-0d6cd93c]{transform:translate(300px)}.menu-items[data-v-0d6cd93c]{flex:1;padding:1rem 0}.menu-item[data-v-0d6cd93c]{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;text-decoration:none;color:#374151;transition:all .2s ease;border-left:3px solid transparent}.menu-item[data-v-0d6cd93c]:hover,.menu-item.router-link-active[data-v-0d6cd93c]{background:#ff6b6b0d;border-left-color:#ff6b6b;color:#ff6b6b}.menu-icon[data-v-0d6cd93c]{width:20px;height:20px;stroke-width:2}.menu-item span[data-v-0d6cd93c]{font-weight:500}.menu-footer[data-v-0d6cd93c]{padding:1rem;border-top:1px solid rgba(0,0,0,.05)}.logout-btn[data-v-0d6cd93c]{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem 1.5rem;background:none;border:none;color:#dc2626;text-decoration:none;transition:all .2s ease;border-radius:8px;cursor:pointer}.logout-btn[data-v-0d6cd93c]:hover{background:#dc26260d}.icon[data-v-0d6cd93c]{width:20px;height:20px;stroke-width:2}@media(min-width:769px){.menu-toggle[data-v-0d6cd93c],.mobile-menu[data-v-0d6cd93c],.mobile-menu-overlay[data-v-0d6cd93c]{display:none}.header-container[data-v-0d6cd93c]{max-width:1200px;margin:0 auto;padding:1rem 2rem}.logo-link[data-v-0d6cd93c]{position:static;transform:none}.desktop-nav[data-v-0d6cd93c]{display:flex;gap:2rem}}.logo-link[data-v-0d6cd93c]{text-decoration:none;color:inherit}.logo h1[data-v-0d6cd93c]{font-size:1.5rem;font-weight:800;color:#ff6b6b;margin:0;line-height:1;letter-spacing:-.5px}.logo .tagline[data-v-0d6cd93c]{font-size:.75rem;color:#ff8e53;font-weight:500;margin:0}.nav[data-v-0d6cd93c]{display:flex;gap:1.5rem}.nav-link[data-v-0d6cd93c]{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#64748b;font-weight:500;padding:.5rem 1rem;border-radius:.5rem;transition:all .2s ease}.nav-link[data-v-0d6cd93c]:hover{background:#ff6b6b1a;color:#ff6b6b;transform:translateY(-1px)}.nav-link.router-link-active[data-v-0d6cd93c]{background:#ff6b6b26;color:#ff6b6b}.nav-link .icon[data-v-0d6cd93c]{width:1.1rem;height:1.1rem}.user-menu[data-v-0d6cd93c]{position:relative}.user-info[data-v-0d6cd93c]{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem 1rem;border-radius:.5rem;transition:all .2s ease;background:#ffffff80;border:1px solid rgba(255,107,107,.2)}.user-info[data-v-0d6cd93c]:hover{background:#ff6b6b1a;border-color:#ff6b6b4d}.user-avatar[data-v-0d6cd93c]{width:2rem;height:2rem;background:linear-gradient(135deg,#ff6b6b,#ff8e53);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.user-avatar .icon[data-v-0d6cd93c]{width:1rem;height:1rem}.username[data-v-0d6cd93c]{font-weight:600;color:#4a5568}.dropdown-icon[data-v-0d6cd93c]{width:.75rem;height:.75rem;color:#9ca3af;transition:transform .2s ease}.dropdown-icon.rotated[data-v-0d6cd93c]{transform:rotate(180deg)}.dropdown-menu[data-v-0d6cd93c]{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border:1px solid rgba(255,107,107,.2);border-radius:.75rem;box-shadow:0 10px 25px #0000001a;min-width:200px;padding:.5rem 0;z-index:1000}.dropdown-item[data-v-0d6cd93c]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none;color:#4a5568;font-weight:500;transition:all .2s ease}.dropdown-item .icon[data-v-0d6cd93c]{width:1rem;height:1rem}.dropdown-item[data-v-0d6cd93c]:hover{background:#ff6b6b0d;color:#ff6b6b}.dropdown-item.logout[data-v-0d6cd93c]{color:#dc2626}.dropdown-item.logout[data-v-0d6cd93c]:hover{background:#dc26260d;color:#dc2626}.dropdown-divider[data-v-0d6cd93c]{height:1px;background:#ff6b6b1a;margin:.5rem 0}@media(max-width:768px){.header-content[data-v-0d6cd93c]{flex-direction:column;gap:1rem}.nav[data-v-0d6cd93c]{gap:1rem}.nav-link span[data-v-0d6cd93c],.username[data-v-0d6cd93c]{display:none}}.app-footer[data-v-fb9985e5]{position:relative}.mobile-nav[data-v-fb9985e5]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(0,0,0,.05);padding:.5rem 0;padding-bottom:calc(.25rem + env(safe-area-inset-bottom));z-index:1000;box-shadow:0 -2px 20px #0000001a;min-height:56px}.nav-item[data-v-fb9985e5]{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;text-decoration:none;color:#9ca3af;transition:all .2s ease;border-radius:12px;min-width:60px}.nav-item.active[data-v-fb9985e5]{color:#ff6b6b}.nav-item[data-v-fb9985e5]:hover{background:#ff6b6b0d;color:#ff6b6b}.nav-icon-wrapper[data-v-fb9985e5]{position:relative;display:flex;align-items:center;justify-content:center}.nav-icon[data-v-fb9985e5]{width:24px;height:24px;stroke-width:2;transition:all .2s ease}.nav-item.active .nav-icon[data-v-fb9985e5]{transform:scale(1.1);stroke-width:2.5}.nav-label[data-v-fb9985e5]{font-size:.75rem;font-weight:500;text-align:center}.notification-dot[data-v-fb9985e5]{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#ef4444;border-radius:50%;border:2px solid white}.profile-nav-item[data-v-fb9985e5]{display:flex;align-items:center;justify-content:center}.profile-nav-avatar[data-v-fb9985e5]{width:24px;height:24px;border-radius:50%;object-fit:cover;border:2px solid transparent;transition:all .2s ease}.nav-item.active .profile-nav-avatar[data-v-fb9985e5]{border-color:#ff6b6b;transform:scale(1.1)}.desktop-footer[data-v-fb9985e5]{display:none}@media(min-width:769px){.mobile-nav[data-v-fb9985e5]{display:none}.desktop-footer[data-v-fb9985e5]{display:block;background:linear-gradient(135deg,#ff6b6b0d,#ff8e530d);border-top:1px solid rgba(255,107,107,.1);padding:3rem 0 1rem;margin-top:auto}.footer-container[data-v-fb9985e5]{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-content[data-v-fb9985e5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3[data-v-fb9985e5],.footer-section h4[data-v-fb9985e5]{color:#ff6b6b;margin:0 0 1rem;font-weight:700}.footer-section h3[data-v-fb9985e5]{font-size:1.5rem;margin-bottom:.5rem}.footer-section h4[data-v-fb9985e5]{font-size:1.1rem}.footer-logo p[data-v-fb9985e5]{color:#64748b;margin:0 0 1.5rem;line-height:1.5}.social-links[data-v-fb9985e5]{display:flex;gap:1rem}.social-link[data-v-fb9985e5]{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#ff6b6b1a;border-radius:50%;text-decoration:none;transition:all .2s ease;color:#ff6b6b}.social-link .icon[data-v-fb9985e5]{width:1.2rem;height:1.2rem}.social-link[data-v-fb9985e5]:hover{background:#ff6b6b33;transform:translateY(-2px)}.footer-links[data-v-fb9985e5]{list-style:none;padding:0;margin:0}.footer-links li[data-v-fb9985e5]{margin-bottom:.75rem}.footer-links a[data-v-fb9985e5]{color:#64748b;text-decoration:none;transition:color .2s ease;font-weight:500}.footer-links a[data-v-fb9985e5]:hover{color:#ff6b6b}.contact-info[data-v-fb9985e5]{display:flex;flex-direction:column;gap:.75rem}.contact-item[data-v-fb9985e5]{display:flex;align-items:center;gap:.75rem;color:#64748b;font-weight:500}.contact-item .icon[data-v-fb9985e5]{width:1rem;height:1rem;color:#ff6b6b}.footer-bottom[data-v-fb9985e5]{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid rgba(255,107,107,.1);flex-wrap:wrap;gap:1rem}.copyright p[data-v-fb9985e5]{color:#9ca3af;margin:0;font-size:.9rem}.footer-badges[data-v-fb9985e5]{display:flex;gap:1rem}.badge[data-v-fb9985e5]{display:flex;align-items:center;gap:.5rem;background:#ff6b6b1a;color:#ff6b6b;padding:.25rem .75rem;border-radius:1rem;font-size:.8rem;font-weight:600;border:1px solid rgba(255,107,107,.2)}.badge .icon[data-v-fb9985e5]{width:.9rem;height:.9rem}}.home-page[data-v-d2de8596]{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#ff6b6b05,#ff8e5305)}.main-content[data-v-d2de8596]{flex:1;padding:.5rem 0 2rem}.container[data-v-d2de8596]{max-width:1200px;margin:0 auto;padding:0 1rem}.welcome-section[data-v-d2de8596]{text-align:center;margin-bottom:1.5rem;padding:1rem 0}.welcome-content h1[data-v-d2de8596]{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#ff6b6b,#ff8e53);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 1rem}.welcome-content p[data-v-d2de8596]{font-size:1.2rem;color:#64748b;margin:0 0 2rem;max-width:600px;margin-left:auto;margin-right:auto}.stats-grid[data-v-d2de8596]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;max-width:600px;margin:0 auto}.stat-item[data-v-d2de8596]{text-align:center;padding:1rem;background:#fffc;border-radius:1rem;border:1px solid rgba(255,107,107,.1)}.stat-number[data-v-d2de8596]{font-size:2rem;font-weight:800;color:#ff6b6b;margin-bottom:.5rem}.stat-label[data-v-d2de8596]{color:#64748b;font-weight:600;font-size:.9rem}.cards-section[data-v-d2de8596]{margin-bottom:3rem}.cards-section h2[data-v-d2de8596]{text-align:center;font-size:2rem;font-weight:700;color:#2d3748;margin:0 0 2rem}.cards-grid[data-v-d2de8596]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.feature-card[data-v-d2de8596]{background:#ffffffe6;border-radius:1.5rem;padding:2rem;border:1px solid rgba(255,107,107,.1);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.feature-card[data-v-d2de8596]:hover{transform:translateY(-5px);box-shadow:0 20px 40px #ff6b6b26;border-color:#ff6b6b4d}.feature-card[data-v-d2de8596]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);opacity:0;transition:opacity .3s ease}.feature-card[data-v-d2de8596]:hover:before{opacity:1}.card-icon[data-v-d2de8596]{display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;border-radius:1.2rem;margin:0 auto 1.5rem}.card-icon .icon[data-v-d2de8596]{width:2.5rem;height:2.5rem}.preferences-card .card-icon[data-v-d2de8596]{background:#ff6b6b1a;color:#ff6b6b}.play-card .card-icon[data-v-d2de8596]{background:#ff8e531a;color:#ff8e53}.connections-card .card-icon[data-v-d2de8596]{background:#ff6b9d1a;color:#ff6b9d}.card-content h3[data-v-d2de8596]{font-size:1.5rem;font-weight:700;color:#2d3748;margin:0 0 1rem}.card-content p[data-v-d2de8596]{color:#64748b;line-height:1.6;margin:0 0 1.5rem}.card-features[data-v-d2de8596]{list-style:none;padding:0;margin:0 0 1.5rem}.card-features li[data-v-d2de8596]{display:flex;align-items:center;color:#64748b;margin-bottom:.5rem;font-size:.9rem}.card-features li[data-v-d2de8596]:before{content:"✓";color:#ff6b6b;font-weight:700;margin-right:.75rem;font-size:1rem}.card-action[data-v-d2de8596]{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid rgba(255,107,107,.1)}.action-text[data-v-d2de8596]{font-weight:600;color:#ff6b6b}.arrow[data-v-d2de8596]{width:1.2rem;height:1.2rem;color:#ff6b6b;transition:transform .2s ease}.feature-card:hover .arrow[data-v-d2de8596]{transform:translate(5px)}.quick-actions[data-v-d2de8596]{text-align:center}.quick-actions h3[data-v-d2de8596]{font-size:1.5rem;font-weight:700;color:#2d3748;margin:0 0 1.5rem}.quick-buttons[data-v-d2de8596]{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.quick-btn[data-v-d2de8596]{display:flex;align-items:center;gap:.5rem;background:#fffc;border:1px solid rgba(255,107,107,.2);padding:.75rem 1.5rem;border-radius:.75rem;color:#64748b;font-weight:600;cursor:pointer;transition:all .2s ease}.quick-btn[data-v-d2de8596]:hover{background:#ff6b6b1a;border-color:#ff6b6b4d;color:#ff6b6b;transform:translateY(-2px)}@media(max-width:768px){.welcome-content h1[data-v-d2de8596]{font-size:2rem}.cards-grid[data-v-d2de8596]{grid-template-columns:1fr}.feature-card[data-v-d2de8596]{padding:1.5rem}.quick-buttons[data-v-d2de8596]{flex-direction:column;align-items:center}.quick-btn[data-v-d2de8596]{width:100%;max-width:300px}}