@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700;800&display=swap";
@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.866357a4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.758e15a8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.866357a4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.758e15a8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.866357a4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.758e15a8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.866357a4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.758e15a8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.866357a4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.758e15a8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_c9e1c32c-module___Ao2DW__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_c9e1c32c-module___Ao2DW__variable{--font-outfit:"Outfit","Outfit Fallback"}
:root{--background:#050505;--foreground:#fcfcfc;--accent:#ff4c88;--accent-secondary:#7e47eb;--glass:#ffffff0d;--glass-border:#ffffff1a;--card-bg:#121212;--text-muted:#a0a0a0;--font-main:var(--font-outfit),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--shadow-premium:0 10px 40px -10px #00000080;--transition-smooth:all .3s cubic-bezier(.4,0,.2,1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth;height:-webkit-fill-available}body{background-color:var(--background);max-width:100vw;color:var(--foreground);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100vh;min-height:-webkit-fill-available;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:16px!important}@media (min-width:769px){input,textarea,select{font-size:inherit!important}}.glass{background:var(--glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px}.gradient-text{background:linear-gradient(135deg,var(--accent),var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.premium-btn{background:linear-gradient(135deg,var(--accent),var(--accent-secondary));color:#fff;letter-spacing:.01em;transition:var(--transition-smooth);touch-action:manipulation;white-space:nowrap;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:14px 32px;font-weight:700;display:flex;box-shadow:0 4px 20px #ff328240}.premium-btn:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 10px 30px #ff328266}.premium-btn:active{transform:translateY(0)scale(.98)}.premium-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.premium-btn-sm{background:linear-gradient(135deg,var(--accent),var(--accent-secondary));transition:var(--transition-smooth);touch-action:manipulation;border-radius:100px;justify-content:center;align-items:center;min-height:44px;padding:8px 20px;font-size:.85rem;font-weight:600;display:inline-flex;box-shadow:4px 4px 15px #ff328233;color:#fff!important}.premium-btn-sm:hover{transform:translateY(-1px);box-shadow:4px 4px 20px #ff328266}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s forwards fadeIn}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:.5s forwards slideUp}@keyframes pulse-subtle{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}to{opacity:.8;transform:scale(1)}}.animate-pulse{animation:3s ease-in-out infinite pulse-subtle}@keyframes bounce-in{0%{opacity:0;transform:translate(-50%,-20px)}50%{transform:translate(-50%,5px)}to{opacity:1;transform:translate(-50%)}}.animate-bounce-in{animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards bounce-in}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.loading-screen,.loading{height:100dvh;color:var(--accent);background:var(--background);letter-spacing:.02em;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:1.1rem;font-weight:600;display:flex}.loading-spinner{border:3px solid var(--glass-border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.75s linear infinite spin}.animate-spin{animation:1s linear infinite spin}.navbar{top:max(16px,var(--safe-top));z-index:1000;-webkit-backdrop-filter:blur(24px);background:#0a0a0ab3;border:1px solid #ffffff14;border-radius:100px;justify-content:space-between;align-items:center;width:min(92%,1200px);padding:12px 24px;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 30px #0006,inset 0 1px #ffffff0d}.navbar.hidden{opacity:0;transform:translate(-50%,-120px)}.navbar.visible{opacity:1;transform:translate(-50%)}.navbar .logo{letter-spacing:-.04em;transition:var(--transition-smooth);white-space:nowrap;align-items:center;gap:10px;font-size:1.4rem;font-weight:800;display:flex}.navbar .logo:hover{transform:scale(1.02)}.navbar .logo-icon{color:var(--accent);filter:drop-shadow(0 0 10px #ff328266)}.nav-links{align-items:center;gap:24px;display:flex}.nav-item{color:var(--foreground);opacity:.7;transition:var(--transition-smooth);padding:4px 0;font-size:.9rem;font-weight:600}.nav-item:hover{opacity:1;color:var(--accent)}.upgrade-link{color:var(--accent);background:#ff32821a;border:1px solid #ff328233;border-radius:100px;align-items:center;gap:6px;min-height:36px;padding:6px 14px;font-size:.8rem;font-weight:700;transition:all .3s;display:flex}.upgrade-link:hover{background:var(--accent);color:#fff;transform:scale(1.05);box-shadow:0 4px 15px #ff32824d}.logout-btn{color:#ff4d4d;cursor:pointer;touch-action:manipulation;background:#ff3c3c1a;border:1px solid #ff3c3c33;border-radius:100px;align-items:center;gap:6px;min-height:36px;padding:6px 14px;font-size:.8rem;font-weight:700;transition:all .3s;display:flex}.logout-btn:hover{color:#fff;background:#ff4d4d;transform:scale(1.05);box-shadow:0 4px 15px #ff3c3c4d}.premium-badge{color:#000;background:linear-gradient(135deg,gold,orange);border-radius:100px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:800;display:flex;box-shadow:0 4px 15px #ffd70033}.desktop-only{display:flex}.mobile-menu-toggle{border:1px solid var(--glass-border);color:#fff;cursor:pointer;touch-action:manipulation;background:#ffffff14;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;padding:10px;display:none}@media (max-width:860px){.desktop-only{display:none!important}.mobile-menu-toggle{display:flex}.navbar{width:95%;padding:10px 16px}}.mobile-menu-overlay{z-index:2000;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px);background:#000000d9;transition:opacity .3s;position:fixed;inset:0}.mobile-menu-overlay.open{opacity:1;pointer-events:auto}.mobile-menu{border-left:1px solid var(--glass-border);width:82%;max-width:320px;padding:24px 20px;padding-bottom:max(24px,var(--safe-bottom));background:#0a0a0a;flex-direction:column;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.mobile-menu-overlay.open .mobile-menu{transform:translate(0)}.mobile-menu-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.close-btn{border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;touch-action:manipulation;background:#ffffff0f;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;display:flex}.mobile-links{flex-direction:column;flex:1;gap:4px;display:flex}.mobile-item{color:#ffffffd9;touch-action:manipulation;border-radius:14px;align-items:center;gap:12px;min-height:52px;padding:14px 16px;font-size:1rem;font-weight:600;transition:background .2s;display:flex}.mobile-item:active{background:#ffffff12}.login-highlight{border:1px solid #ffffff1a;justify-content:center;margin-top:16px}.mobile-signup-btn{background:linear-gradient(135deg,var(--accent),var(--accent-secondary));color:#fff;text-align:center;border-radius:14px;justify-content:center;min-height:52px;margin-top:8px;padding:16px;font-weight:700;box-shadow:0 4px 20px #ff32824d}.upgrade-highlight{color:gold;background:#ffd7000d;border:1px solid #ffd70026}.mobile-logout-btn{color:#ff4d4d;touch-action:manipulation;background:0 0;border:none;border-top:1px solid #ffffff0f;align-items:center;gap:12px;width:100%;min-height:52px;margin-top:auto;padding:16px;font-weight:600;display:flex}.user-brief{border:1px solid var(--glass-border);background:#ffffff0a;border-radius:16px;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.avatar-placeholder-sm{background:linear-gradient(135deg,var(--accent),var(--accent-secondary));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;font-weight:800;display:flex}.brief-info{flex-direction:column;gap:2px;display:flex}.user-name{color:#fff;font-size:.95rem;font-weight:700}.role-tag{text-transform:uppercase;color:var(--accent);letter-spacing:.05em;font-size:.7rem;font-weight:700}.premium-status{color:var(--text-muted);font-size:.75rem}.user-indicator{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:100px;align-items:center;gap:8px;max-width:140px;padding:6px 12px;font-size:.8rem;font-weight:600;display:flex;overflow:hidden}.indicator-dot{background:#4ade80;border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 8px #4ade80}.admin-link{align-items:center;gap:4px;color:gold!important;display:flex!important}.upgrade-wrapper,.dashboard-wrapper,.profile-wrapper,.page-wrapper,.room-wrapper{padding-top:calc(80px + var(--safe-top));background:var(--background);min-height:100vh}.upgrade-wrapper{padding-top:calc(100px + var(--safe-top))}.upgrade-content,.dashboard-content,.browse-content{max-width:1200px;margin:0 auto;padding:0 20px 60px}.upgrade-content{text-align:center;max-width:800px}@media (max-width:768px){.upgrade-wrapper,.dashboard-wrapper,.profile-wrapper,.page-wrapper{padding-top:calc(70px + var(--safe-top))}.upgrade-content,.dashboard-content,.browse-content{padding:0 16px 60px}}.auth-container{min-height:100dvh;padding:20px;padding-top:max(80px,calc(60px + var(--safe-top)));padding-bottom:max(20px,var(--safe-bottom));background:var(--background);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.auth-nav{top:max(24px,var(--safe-top));justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:absolute;left:0;right:0}.back-link{color:var(--text-muted);transition:var(--transition-smooth);align-items:center;gap:8px;min-height:44px;font-size:.95rem;font-weight:600;display:flex}.back-link:hover{color:#fff;transform:translate(-4px)}.auth-logo{color:#fff;align-items:center;gap:10px;font-size:1.2rem;font-weight:800;display:flex}.auth-card{text-align:center;border-radius:28px;width:100%;max-width:460px;padding:40px}@media (max-width:480px){.auth-card{border-radius:24px;padding:28px 24px}.auth-nav{padding:0 16px}}.auth-card h2{margin-bottom:8px;font-size:2rem}.auth-card .subtitle{color:var(--text-muted);margin-bottom:32px;font-size:.9rem}.auth-form{text-align:left;flex-direction:column;gap:16px;display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:var(--text-muted);font-size:.85rem;font-weight:600}.auth-form input{border:1px solid var(--glass-border);color:#fff;transition:var(--transition-smooth);background:#ffffff0a;border-radius:14px;min-height:52px;padding:14px 16px;font-family:inherit}.auth-form input:focus{border-color:var(--accent);background:#ffffff12;outline:none;box-shadow:0 0 0 3px #ff32821a}.role-selection{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:4px;display:grid}.role-btn{transition:var(--transition-smooth);touch-action:manipulation;border-radius:14px;min-height:52px;padding:14px 12px;font-size:.9rem;font-weight:600}.role-btn.active{background:linear-gradient(135deg,var(--accent),var(--accent-secondary));color:#fff;box-shadow:0 4px 16px #ff32824d}.w-full{border-radius:14px;width:100%;margin-top:8px}.divider{align-items:center;gap:16px;margin:4px 0;display:flex}.divider:before,.divider:after{content:"";background:var(--glass-border);flex:1;height:1px}.divider-text{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:.75rem}.google-btn{transition:var(--transition-smooth);border-radius:14px;justify-content:center;align-items:center;gap:12px;min-height:52px;padding:14px;font-size:.95rem;font-weight:600;display:flex;border:1px solid var(--glass-border)!important}.google-btn img{width:18px;height:18px}.google-btn:hover{background:#ffffff14;transform:translateY(-2px);border-color:#fff3!important}.error-msg{color:#ff6b6b;background:#ff000014;border:1px solid #ff000026;border-radius:12px;padding:12px 16px;font-size:.85rem}.footer-text{color:var(--text-muted);margin-top:20px;font-size:.9rem}.accent-link{color:var(--accent);font-weight:600}.glass-select{color:#fff;cursor:pointer;appearance:none;background:#ffffff0a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 12px center/1.2rem no-repeat;border:1px solid #ffffff1a;border-radius:14px;outline:none;width:100%;min-height:52px;padding:14px 40px 14px 16px;font-size:1rem;transition:all .3s}.glass-select:focus{border-color:var(--accent);background-color:#ffffff12;box-shadow:0 0 0 3px #ff32821a}.glass-select option,.glass-select optgroup{color:#fff;background:#1a1a1a}.glass-select optgroup{color:var(--accent);font-style:normal;font-weight:700}.filter-card{border:1px solid #ffffff0d;flex-direction:column;gap:1rem;padding:1.2rem;display:flex}.status-toast{top:calc(90px + var(--safe-top));z-index:9999;pointer-events:none;min-width:280px;max-width:90vw;position:fixed;left:50%;transform:translate(-50%)}.toast-content{-webkit-backdrop-filter:blur(20px);background:#0f0f0ff2;border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:12px;padding:12px 24px;font-weight:600;display:flex;box-shadow:0 10px 40px #0009}.status-toast.success .toast-content{color:#4ade80;border-color:#4ade8066}.status-toast.error .toast-content{color:#ef4444;border-color:#ef444466;animation:.5s ease-in-out shake}.free-tag{color:var(--text-muted);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:6px;width:fit-content;margin-top:8px;padding:4px 12px;font-size:.8rem;font-weight:600;display:flex}.free-tag span{background:linear-gradient(135deg,#fff,#ffffff80);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.filter-header{align-items:center;gap:10px;display:flex}.filter-header h3{color:#fff;margin:0;font-size:.95rem;font-weight:700}.filter-group{flex-direction:column;gap:8px;display:flex}.filter-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.glass-select-sm{color:#fff;cursor:pointer;appearance:none;background:#ffffff08 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 10px center/1rem no-repeat;border:1px solid #ffffff14;border-radius:10px;outline:none;width:100%;min-height:44px;padding:10px 32px 10px 12px;font-size:.9rem;transition:all .2s}.glass-select-sm:focus{border-color:var(--accent);background-color:#ffffff0f}.glass-select-sm option{background:#1a1a1a}.clear-filter-btn{color:var(--text-muted);cursor:pointer;touch-action:manipulation;background:0 0;border:none;min-height:36px;margin-top:4px;padding:4px 0;font-size:.8rem;text-decoration:underline;transition:color .2s}.clear-filter-btn:hover{color:var(--accent)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}