@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary:#e53935;--primary-light:#ff5252;--primary-dark:#b71c1c;--primary-glow:#e539354d;--bg-primary:#0d0d1a;--bg-secondary:#151528;--bg-card:#ffffff0d;--bg-card-hover:#ffffff1a;--text-primary:#fff;--text-secondary:#ffffffb3;--text-muted:#fff6;--border:#ffffff14;--glass-bg:#ffffff0f;--glass-border:#ffffff1f;--gradient-primary:linear-gradient(135deg, #e53935, #ff5252);--gradient-hero:linear-gradient(135deg, #0d0d1a 0%, #1a0a0a 50%, #0d0d1a 100%);--shadow-glow:0 0 30px #e5393533;--doodle-wallpaper:url("data:image/svg+xml,%3Csvg width='180' height='180' viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23839599' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round' opacity='.23'%3E%3Cpath d='M19 25h20a5 5 0 0 1 5 5v9a5 5 0 0 1-5 5h-8l-6 5v-5h-6a5 5 0 0 1-5-5v-9a5 5 0 0 1 5-5Z'/%3E%3Cpath d='m125 18 13 19h-8v11h-10V37h-8l13-19Zm0 30v11m-8 0h16'/%3E%3Cpath d='M75 55c-6 0-9 4-11 11l-3 12c-1 5 5 8 8 4l4-6h14l4 6c3 4 9 1 8-4l-3-12c-2-7-5-11-11-11H75Zm-3 14h6m-3-3v6m13-4h1m5 0h1'/%3E%3Cpath d='M133 76c7 0 13 6 13 13s-6 13-13 13-13-6-13-13 6-13 13-13Zm-5 13 4 4 7-8'/%3E%3Ccircle cx='31' cy='111' r='5'/%3E%3Ccircle cx='48' cy='107' r='5'/%3E%3Ccircle cx='65' cy='111' r='5'/%3E%3Cpath d='M22 129c1-8 6-12 12-12s11 4 12 12M39 126c1-9 6-14 12-14s11 5 12 14M56 129c1-8 6-12 12-12s11 4 12 12'/%3E%3Cpath d='m116 122 11-17 11 17h-7v10h-8v-10h-7Zm11 10v13m-9 0h18'/%3E%3Cpath d='M89 151c0-5 4-9 9-9s9 4 9 9c0 8-9 13-9 13s-9-5-9-13Z'/%3E%3Ccircle cx='98' cy='151' r='2'/%3E%3C/g%3E%3C/svg%3E");--doodle-wallpaper-size:100px 100px;--font-interface:"Inter", system-ui, sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-interface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;min-height:100vh;overflow-x:hidden}::selection{background-color:var(--primary);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--primary-dark);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.btn-primary{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:14px 36px;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:scale(1.05)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{color:#fff;border-radius:var(--radius-full);cursor:pointer;background:0 0;border:1px solid #fff3;padding:14px 36px;font-size:1rem;font-weight:600;transition:all .3s}.btn-secondary:hover{background:#ffffff14}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 20px var(--primary-glow)}50%{box-shadow:0 0 40px var(--primary-glow)}to{box-shadow:0 0 20px var(--primary-glow)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-up{animation:.6s forwards fadeInUp}.animate-fade-in{animation:.4s forwards fadeIn}.animate-float{animation:6s ease-in-out infinite float}.navbar{z-index:1000;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0d0d1acc;width:100%;height:70px;position:fixed;top:0;left:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 40px;display:flex}.navbar-logo{letter-spacing:-1px;background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:12px;font-size:24px;font-weight:700;text-decoration:none;display:flex}.navbar-brand-logo{border-radius:8px;width:auto;height:32px}.navbar-actions,.navbar-links{align-items:center;display:flex}.navbar-actions{gap:14px}.navbar-links{gap:24px}.nav-search-button{border:1px solid var(--border);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border-radius:50%;flex:none;place-items:center;padding:0;transition:color .2s,border-color .2s,background .2s;display:grid}.nav-search-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2px;width:17px;height:17px}.nav-search-button:hover,.nav-search-button:focus-visible{border-color:var(--primary-light);color:var(--text-primary);background:#e5393529;outline:none}.app-version{color:var(--text-muted);letter-spacing:.04em;border:1px solid var(--border);border-radius:var(--radius-full);background:#ffffff08;padding:5px 9px;font-size:12px;font-weight:600}.nav-link{color:var(--text-secondary);font-size:15px;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:var(--primary-light)}.nav-link.active:after{content:"";background:var(--gradient-primary);border-radius:2px;width:100%;height:2px;position:absolute;bottom:-6px;left:0}.nav-divider{background-color:var(--border);opacity:.5;width:1px;height:18px;margin:0}.nav-avatar{border:2px solid var(--border);border-radius:50%;width:36px;height:36px;margin-left:8px;transition:border-color .3s;display:block;overflow:hidden}.nav-avatar:hover{border-color:var(--primary)}.nav-avatar img{object-fit:cover;width:100%;height:100%}.member-search-backdrop{z-index:1100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000009e;place-items:start center;padding:100px 20px 20px;display:grid;position:fixed;inset:0}.member-search-modal{border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:#1c1d2d;flex-direction:column;gap:20px;width:min(100%,500px);padding:28px;display:flex}.member-search-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.member-search-heading h2{color:var(--text-primary);font-size:22px}.member-search-heading p{color:var(--text-secondary);margin:6px 0 0}.member-search-close{color:var(--text-muted);cursor:pointer;background:0 0;border:0;font-size:28px;line-height:1}.member-search-close:hover,.member-search-close:focus-visible{color:var(--text-primary);outline:none}.member-search-close:disabled{cursor:wait;opacity:.5}.member-search-field{color:var(--text-secondary);flex-direction:column;gap:8px;font-size:13px;font-weight:600;display:flex}.member-search-field input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font:inherit;background:#00000038;padding:12px}.member-search-field input:focus{border-color:var(--primary-light);outline:none;box-shadow:0 0 0 3px #ff52521f}.member-search-error{color:#ff8a80;margin:-6px 0 0;font-size:13px}@media (width<=600px){.navbar-container{padding:0 20px}.navbar-links{scrollbar-width:none;gap:18px;max-width:calc(100vw - 110px);overflow-x:auto}.navbar-actions{gap:12px}}.app-footer{text-align:center;border-top:1px solid #ffffff0d;margin-top:auto;padding:2rem 1rem}.footer-content{flex-direction:column;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;display:flex}.footer-links{align-items:center;gap:1rem;display:flex}.footer-links a{color:var(--text-secondary);font-size:.9rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text-primary)}.footer-divider{color:#fff3;font-size:.8rem}.footer-copyright{color:#fff6;font-size:.85rem}.landing-page{flex-direction:column;width:100%;min-height:calc(100vh - 70px);display:flex;position:relative}.ambient-background{z-index:-1;background:var(--bg-primary);width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.circle{filter:blur(100px);opacity:.2;border-radius:50%;position:absolute}.circle-1{background:#e53935;width:400px;height:400px;top:-100px;left:-100px}.circle-2{background:#ff5252;width:500px;height:500px;bottom:-150px;right:-100px}.circle-3{opacity:.15;background:#b71c1c;width:300px;height:300px;top:30%;left:40%}.circle-4{background:#ff8a80;width:450px;height:450px;top:10%;right:10%}.circle-5{background:#d32f2f;width:350px;height:350px;bottom:20%;left:10%}.hero-section{text-align:center;justify-content:center;align-items:center;min-height:80vh;padding:40px 20px;display:flex}.hero-content{flex-direction:column;align-items:center;max-width:600px;display:flex}.hero-logo{border-radius:16px;width:auto;height:80px;margin-bottom:24px;box-shadow:0 8px 32px #e5393533}.hero-title{letter-spacing:-3px;background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:24px;font-size:72px;font-weight:700}.hero-divider{background:var(--gradient-primary);border-radius:4px;width:60px;height:3px;margin-bottom:32px;animation:3s infinite pulse-glow}.hero-subtitle{color:var(--text-secondary);letter-spacing:1px;margin-bottom:24px;font-size:24px;font-weight:300}.hero-description{color:var(--text-muted);max-width:480px;margin-bottom:48px;font-size:16px;line-height:1.7}.signin-container{flex-direction:column;align-items:center;gap:16px;display:flex}.privacy-note{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.features-section{justify-content:center;padding:60px 20px 100px;display:flex}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;width:100%;max-width:1000px;display:grid}.feature-card{text-align:center;padding:40px 32px;transition:all .4s}.feature-card:hover{box-shadow:var(--shadow-glow);background:var(--bg-card-hover);transform:translateY(-8px)}.feature-icon{margin-bottom:24px;font-size:40px}.feature-card h3{color:var(--text-primary);margin-bottom:16px;font-size:20px;font-weight:600}.feature-card p{color:var(--text-secondary);font-size:15px;line-height:1.6}.animate-fade-in-up{opacity:0}.spinner-container{flex-direction:column;justify-content:center;align-items:center;display:flex}.spinner{border:3px solid #ffffff1a;border-top:3px solid var(--primary);border-radius:50%;animation:.8s linear infinite spin}.spinner-container.small .spinner{border-width:2px;width:20px;height:20px}.spinner-container.medium .spinner{border-width:3px;width:40px;height:40px}.spinner-container.large .spinner{border-width:4px;width:60px;height:60px}.spinner-text{color:var(--text-secondary);margin-top:16px;font-size:14px;font-weight:500}.india-location-picker{width:100%;position:relative}.india-location-results{z-index:60;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:#202033;max-height:270px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 14px 30px #00000073}.india-location-results button{width:100%;color:var(--text-primary);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.india-location-results button:hover,.india-location-results button:focus-visible{background:#ffffff14;outline:none}.india-location-results small{color:var(--text-muted);flex:none;font-size:11px}.india-location-empty,.india-location-selected{color:var(--text-muted);font-size:12px;line-height:1.4}.india-location-empty{padding:12px}.india-location-selected{margin-top:7px}.onboarding-page{flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.onboarding-container{flex-direction:column;width:100%;max-width:500px;min-height:500px;padding:48px;display:flex;position:relative}.onboarding-step{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex}.onboarding-step h2{color:var(--text-primary);margin-bottom:12px;font-size:28px}.subtitle{color:var(--text-secondary);margin-bottom:32px;line-height:1.5}.step-signin{justify-content:center}.welcome-icon{margin-bottom:20px;font-size:64px}.google-signin-button{min-height:44px}.user-avatar-lg{background:var(--gradient-primary);width:90px;height:90px;box-shadow:var(--shadow-glow);border-radius:50%;margin-bottom:24px;padding:4px}.user-avatar-lg img{object-fit:cover;border:3px solid var(--bg-secondary);border-radius:50%;width:100%;height:100%}.info-cards{flex-direction:column;gap:16px;width:100%;margin-bottom:32px;display:flex}.info-card{border-radius:var(--radius-md);border:1px solid var(--border);text-align:left;background:#ffffff08;align-items:flex-start;gap:16px;padding:20px;display:flex}.info-card .icon{margin-top:-2px;font-size:24px}.info-card h4{color:var(--text-primary);margin-bottom:4px;font-size:15px}.info-card p{color:var(--text-muted);font-size:13px}.youtube-icon-lg{color:#fff;background:red;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;font-size:32px;display:flex;box-shadow:0 10px 20px #f003}.btn-youtube{background:red;box-shadow:0 4px 15px #ff00004d}.btn-youtube:hover{background:#e60000;box-shadow:0 6px 20px #f006}.icon-yt{margin-right:4px;font-size:12px}.error-message{color:#ff5252;border-radius:var(--radius-md);background:#ff52521a;border:1px solid #ff52524d;margin-bottom:20px;padding:12px 16px;font-size:14px}.analysis-progress{text-align:left;width:100%;margin-top:20px}.progress-bar-container{background:#ffffff1a;border-radius:3px;width:100%;height:6px;margin-bottom:32px;overflow:hidden}.progress-bar-fill{background:var(--gradient-primary);border-radius:3px;height:100%;transition:width .5s}.stage-list{flex-direction:column;gap:20px;display:flex}.stage-item{opacity:.5;align-items:center;gap:16px;transition:opacity .3s;display:flex}.stage-item.active{opacity:1}.stage-item .check{color:#4caf50;text-align:center;width:24px;font-size:18px;font-weight:700}.stage-item .dot{background:var(--text-muted);border-radius:50%;width:8px;height:8px;margin:0 8px}.stage-item .text{font-size:15px}.stats-pill{color:var(--primary-light);border-radius:var(--radius-full);background:#e5393526;border:1px solid #e539354d;align-self:flex-start;margin-top:-10px;margin-left:40px;padding:4px 12px;font-size:12px;display:inline-block}.celebration-emoji{margin-bottom:16px;font-size:64px;animation:3s ease-in-out infinite float}.match-count-card{border:1px solid var(--primary-glow);border-radius:var(--radius-lg);background:#ffffff0d;width:100%;margin-bottom:32px;padding:32px}.match-count-card .number{color:var(--primary-light);margin-bottom:8px;font-size:48px;font-weight:700;display:block}.match-count-card .label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:14px}.step-details{align-items:stretch}.details-icon{margin-bottom:14px;font-size:42px}.profile-details-form{text-align:left;flex-direction:column;gap:18px;width:100%;display:flex}.details-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.profile-details-form label{color:var(--text-secondary);flex-direction:column;gap:8px;font-size:13px;font-weight:600;display:flex}.profile-details-form label span{color:var(--text-muted);font-size:12px;font-weight:400}.profile-details-form input,.profile-details-form select,.profile-details-form textarea{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font:inherit;background:#0000002e;outline:none;padding:11px 12px;font-weight:400}.profile-details-form textarea{resize:vertical}.onboarding-skip-refresh{margin-top:12px}.profile-details-form input:focus,.profile-details-form select:focus,.profile-details-form textarea:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px #ff52521f}.step-indicators{justify-content:center;gap:8px;width:100%;display:flex;position:absolute;bottom:30px;left:0}.step-dot{background:var(--text-muted);border-radius:50%;width:8px;height:8px;transition:all .3s}.step-dot.active{background:var(--primary);transform:scale(1.3)}.step-dot.completed{background:var(--primary-light);opacity:.5}@media (width<=600px){.onboarding-container{padding:32px 22px}.details-row{grid-template-columns:1fr}}.match-score-info{cursor:help;display:inline-flex;position:relative}.match-score-info-value{color:var(--primary-light);font-weight:700}.match-score-info-tooltip{z-index:1100;border:1px solid var(--glass-border);border-radius:var(--radius-md);width:min(280px,75vw);color:var(--text-secondary);pointer-events:none;background:#202033;padding:12px 14px;font-size:13px;font-weight:400;line-height:1.5;position:fixed;transform:translate(-50%);box-shadow:0 14px 30px #00000059}.match-score-info:focus-visible{outline:2px solid var(--primary-light);outline-offset:4px}.match-score-info--list{text-align:right;justify-content:flex-end;min-width:72px}.match-score-info--list .match-score-info-value{text-underline-offset:4px;font-size:18px;-webkit-text-decoration:underline dotted #ff5252a6;text-decoration:underline dotted #ff5252a6}.match-score-info--header .match-score-info-value{font-size:12px}.match-score-info--profile{border-radius:var(--radius-full);background:#e539351a;border:1px solid #ff525259;margin-top:14px;padding:8px 12px}.match-score-info--profile .match-score-info-value{font-size:14px}.match-list-item{-webkit-backdrop-filter:none;cursor:pointer;border-bottom:1px solid var(--glass-border);background:0 0;border-radius:0;grid-template-columns:58px minmax(0,1fr) auto auto;align-items:center;gap:11px;min-height:78px;padding:10px 16px;transition:background .2s,box-shadow .2s;display:grid;position:relative}.match-list-item:hover{z-index:10;background:#ffffff0e}.match-list-item:focus-visible{outline:2px solid var(--primary-light);outline-offset:-2px;z-index:10}.match-list-item.has-unread{background:#ff525213}.match-list-item.not-yet-talked{background:#ffca4013;border-left:2px solid #ffca40}.match-list-item.not-yet-talked:hover{background:#ffca4033}.match-list-item.is-selected{box-shadow:inset 3px 0 0 var(--primary-light);background:linear-gradient(90deg,#e5393530,#e539350e)}.match-list-item.is-group{grid-template-columns:58px minmax(0,1fr) auto}.match-group-avatar{background:#e539352e;border-radius:50%;place-items:center;width:58px;height:58px;font-size:25px;display:grid;position:relative}.match-avatar-container{border-radius:50%;width:54px;height:54px;position:relative}.match-avatar{object-fit:cover;border:1px solid #ffffff1f;border-radius:50%;width:100%;height:100%}.unread-dot{border:2px solid var(--bg-secondary);background:var(--primary-light);width:13px;height:13px;box-shadow:0 0 10px var(--primary-glow);border-radius:50%;position:absolute;top:-2px;right:-2px}.match-person{flex-direction:column;gap:4px;min-width:0;display:flex}.match-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.new-message-label{color:var(--primary-light);font-size:12px;font-weight:600}.match-score-wrapper{position:relative}.group-member-count,.group-chat-label{color:var(--text-muted);font-size:12px}.group-chat-label{border-radius:var(--radius-full);background:#ffffff12;padding:5px 8px}.match-profile-link{color:inherit;font:inherit;text-align:inherit;cursor:pointer;border:0;display:contents}.match-profile-link:focus-visible .match-avatar-container,.match-profile-link:focus-visible .match-name{outline:2px solid var(--primary-light);outline-offset:3px}.match-menu-wrapper{position:relative}.match-menu-trigger{border-radius:var(--radius-sm);width:30px;height:38px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;font-size:22px;line-height:1}.match-menu-trigger:hover,.match-menu-trigger:focus-visible{color:var(--text-primary);background:#ffffff14;outline:none}.match-actions-menu{z-index:50;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:#202033;width:190px;position:absolute;top:40px;right:0;overflow:hidden;box-shadow:0 14px 30px #00000073}.match-actions-menu button{width:100%;color:var(--text-primary);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;padding:11px 14px;font-size:13px;display:block}.match-actions-menu button:hover,.match-actions-menu button:focus-visible{background:#ffffff14;outline:none}.match-score{min-width:58px;color:var(--primary-light);text-align:right;text-underline-offset:4px;cursor:help;font-size:16px;font-weight:700;-webkit-text-decoration:underline dotted #ff5252a6;text-decoration:underline dotted #ff5252a6;display:inline-block}.match-score:focus-visible{outline:2px solid var(--primary-light);outline-offset:5px}.match-score-tooltip{z-index:20;border:1px solid var(--glass-border);border-radius:var(--radius-md);opacity:0;pointer-events:none;background:#202033;width:210px;padding:12px 14px;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 13px);right:-12px;transform:translateY(-4px);box-shadow:0 14px 30px #00000059}.match-score-tooltip:after{border-left:1px solid var(--glass-border);border-top:1px solid var(--glass-border);content:"";background:#202033;width:12px;height:12px;position:absolute;top:-6px;right:31px;transform:rotate(45deg)}.match-score-tooltip div{color:var(--text-secondary);justify-content:space-between;gap:18px;padding:5px 0;font-size:13px;display:flex}.match-score-tooltip strong{color:var(--text-primary)}@media (width<=600px){.match-list-item{grid-template-columns:48px minmax(0,1fr) auto auto;gap:10px;padding:12px}.match-avatar-container,.match-group-avatar{width:48px;height:48px}.match-score-tooltip{right:-3px}}.chat-bubble-wrapper{width:100%;margin-bottom:8px;display:flex}.chat-bubble-wrapper.sent{justify-content:flex-end}.chat-bubble-wrapper.received{justify-content:flex-start}.chat-bubble{flex-direction:column;max-width:min(75%,620px);padding:11px 14px 10px;display:flex;position:relative}.chat-bubble-wrapper.sent .chat-bubble{color:#fff;background:linear-gradient(145deg,#e74743,#c62e31);border-radius:18px 18px 5px;box-shadow:0 8px 22px #82191e2e}.chat-bubble-wrapper.received .chat-bubble{color:var(--text-primary);background:#1c1f2cf5;border:1px solid #ffffff14;border-radius:18px 18px 18px 5px;box-shadow:0 8px 22px #0000001f}.message-text{word-break:break-word;flex-wrap:wrap;align-items:center;font-size:15px;line-height:1.48;display:flex}.message-reply-reference{background:#00000029;border-left:3px solid #ffffffc2;border-radius:4px 8px 8px 4px;min-width:0;margin:0 0 8px;padding:7px 9px}.chat-bubble-wrapper.received .message-reply-reference{border-left-color:var(--primary-light);background:#ffffff0b}.message-reply-reference span{letter-spacing:.035em;opacity:.78;text-transform:uppercase;margin-bottom:2px;font-size:10px;font-weight:700;display:block}.message-reply-reference p,.reply-preview p{color:inherit;opacity:.8;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.message-time{opacity:.7;font-size:10px}.bubble-avatar-container{flex-shrink:0;align-self:flex-start;align-items:flex-start;width:32px;height:32px;display:flex}.bubble-avatar-container.left{margin-right:10px}.bubble-avatar-container.right{margin-left:10px}.bubble-avatar{object-fit:cover;border:1px solid var(--glass-border);border-radius:50%;width:32px;height:32px}.bubble-avatar-placeholder{width:32px;height:32px}.message-meta-row{justify-content:flex-end;align-items:center;gap:6px;margin-top:4px;display:flex}.edited-label{color:var(--text-muted);opacity:.6;font-size:9px;font-style:italic}.delivery-state,.message-retry{color:inherit;font:inherit;opacity:.72;background:0 0;border:0;font-size:10px}.message-retry{color:#ffd1cf;cursor:pointer;text-underline-offset:2px;font-weight:700;text-decoration:underline}.message-retry:hover,.message-retry:focus-visible{color:#fff;outline:none}.pinned-icon{vertical-align:middle;margin-right:4px;font-size:13px}.message-sender-name{color:var(--primary-light);opacity:.9;margin-bottom:4px;margin-left:0;font-size:11px;font-weight:600}.chat-bubble-wrapper.sent .message-time{color:#fffc}.chat-bubble-wrapper.received .message-time{color:var(--text-muted)}.animate-slide-in-right{animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards slideInRight}.animate-slide-in-left{animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards slideInLeft}.conversation-pane{background:#0c0e14;flex-direction:column;flex:1;min-width:0;display:flex}.empty-conversation{background-color:#0b0d12;background-image:var(--doodle-wallpaper);background-size:var(--doodle-wallpaper-size);justify-content:center;align-items:center}.empty-conversation-content{text-align:center;max-width:360px;padding:32px}.empty-conversation-icon{margin-bottom:18px;font-size:48px;display:block}.empty-conversation h2{margin-bottom:10px;font-size:24px}.empty-conversation p{color:var(--text-secondary);line-height:1.5}.conversation-header{background:#171a26fa;border-bottom:1px solid #ffffff17;align-items:center;gap:14px;min-height:76px;padding:12px 24px;display:flex;box-shadow:0 2px 18px #0000001f}.conversation-avatar{object-fit:cover;border:1px solid #ffffff29;border-radius:50%;width:44px;height:44px}.conversation-header h2{color:var(--text-primary);font-size:18px}.conversation-header span{color:var(--primary-light);font-size:12px;font-weight:600}.conversation-profile-link,.conversation-profile-name{cursor:pointer;background:0 0;border:0;padding:0}.conversation-profile-link{border-radius:50%;place-items:center;display:grid}.conversation-profile-name{text-align:left;min-width:0}.conversation-profile-link:focus-visible,.conversation-profile-name:focus-visible{outline:2px solid var(--primary-light);outline-offset:4px}.conversation-profile-link:hover .conversation-avatar{border-color:var(--primary-light)}.conversation-profile-name:hover h2{color:var(--primary-light)}.conversation-group-heading{align-items:center;gap:12px;display:flex}.conversation-group-icon{background:#e539352e;border-radius:50%;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.conversation-group-heading p{color:var(--text-muted);margin:4px 0 0;font-size:12px}.conversation-messages{background-color:#0b0d12;background-image:var(--doodle-wallpaper);background-size:var(--doodle-wallpaper-size);flex-direction:column;flex:1;gap:10px;padding:28px clamp(18px,4vw,54px);display:flex;overflow-y:auto}.conversation-empty-state{color:var(--text-secondary);text-align:center;margin:auto}.conversation-input-area{background:#171a26fa;border-top:1px solid #ffffff17;padding:14px clamp(16px,3vw,28px) 18px}.conversation-form{align-items:center;gap:10px;max-width:880px;margin:0 auto;display:flex}.conversation-input{color:var(--text-primary);font:inherit;background:#07080d80;border:1px solid #ffffff1f;border-radius:14px;flex:1;padding:13px 16px;transition:border-color .2s,box-shadow .2s}.conversation-input:focus{border-color:#ff6a66e6;outline:none;box-shadow:0 0 0 3px #e5393521}.conversation-input::placeholder{color:var(--text-muted)}.conversation-send{background:var(--gradient-primary);color:#fff;cursor:pointer;border:0;border-radius:14px;place-items:center;width:46px;height:46px;font-size:17px;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 7px 18px #e5393538}.conversation-send:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 22px #e5393552}.conversation-send:disabled{background:var(--bg-card);color:var(--text-muted);cursor:not-allowed}.reply-preview{border-left:3px solid var(--primary-light);background:#ffffff09;border-radius:4px;justify-content:space-between;align-items:center;gap:16px;max-width:880px;margin:0 auto 10px;padding:8px 4px 8px 12px;display:flex}.reply-preview>div{min-width:0}.reply-preview span{color:var(--primary-light);margin-bottom:2px;font-size:11px;font-weight:700;display:block}.reply-preview button{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;font-size:22px;line-height:1}.reply-preview button:hover,.reply-preview button:focus-visible{color:var(--text-primary);background:#ffffff17;outline:none}@media (width<=760px){.conversation-pane{min-height:430px}}.sidebar-toggle-in-header{border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-right:10px;font-size:16px;transition:all .2s;display:flex}.sidebar-toggle-in-header:hover{color:var(--text-primary);background:#ffffff1f;border-color:#fff3}.message-menu-backdrop{-webkit-backdrop-filter:blur(4px);z-index:2000;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.message-actions-menu{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:#151528d9;flex-direction:column;width:220px;animation:.2s cubic-bezier(.175,.885,.32,1.275) forwards scaleIn;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000080}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.message-menu-header{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--glass-border);background:#ffffff05;padding:12px 16px;font-size:12px}.message-actions-menu .menu-item{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;padding:12px 16px;font-size:14px;transition:background .2s}.message-actions-menu .menu-item:hover{background:#ffffff14}.matches-page{background-color:#0c0e14;background-image:var(--doodle-wallpaper);background-size:var(--doodle-wallpaper-size);width:100%;height:calc(100vh - 70px);padding:0}.matches-page-loading{flex:1;justify-content:center;align-items:center;min-height:calc(100vh - 70px);display:flex}.matches-list{flex-direction:column;flex:1;gap:0;padding:0 0 100px;display:flex;overflow-y:auto}.chat-workspace{width:100%;height:100%;box-shadow:none;background:#151722;border:none;border-radius:0;display:flex;position:relative;overflow:hidden}.matches-sidebar{z-index:1;background:#171a26;border-right:1px solid #ffffff17;flex-direction:column;flex:0 0 340px;width:340px;transition:width .3s cubic-bezier(.4,0,.2,1),flex-basis .3s cubic-bezier(.4,0,.2,1),border-right .3s;display:flex;overflow:hidden;box-shadow:4px 0 22px #0000001a}.matches-sidebar-header{border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;min-height:76px;padding:16px 20px;display:flex}.matches-sidebar-header h1{letter-spacing:-.025em;font-size:20px;font-weight:700}.sidebar-header-actions{align-items:center;gap:10px;display:flex}.create-group-button{width:32px;height:32px;color:var(--text-primary);cursor:pointer;background:#e5393521;border:1px solid #ff525275;border-radius:10px;place-items:center;font-size:21px;line-height:1;display:grid}.create-group-button:hover,.create-group-button:focus-visible{background:var(--primary);outline:none;box-shadow:0 5px 16px #e5393540}.sidebar-toggle,.expand-sidebar{border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;background:#ffffff0d}.sidebar-toggle{border-radius:50%;width:30px;height:30px;font-size:25px;line-height:1}.sidebar-toggle:hover,.expand-sidebar:hover{color:var(--text-primary);background:#ffffff1f}.sidebar-collapsed .matches-sidebar{border-right:0;flex-basis:0;width:0}.expand-sidebar{z-index:20;border-radius:var(--radius-full);font:inherit;align-items:center;gap:5px;padding:7px 10px;font-size:13px;display:inline-flex;position:absolute;top:18px;left:18px}.empty-state{text-align:center;max-width:500px;margin:40px auto;padding:60px 40px}.empty-icon{margin-bottom:20px;font-size:48px}.empty-state h3{margin-bottom:12px;font-size:24px}.empty-state p{color:var(--text-secondary);line-height:1.5}.error-card{color:#ff8a80;text-align:center;background:#e539351a;border-color:#e539354d;margin-bottom:32px;padding:24px}.matches-empty-list{color:var(--text-secondary);text-align:center;padding:28px 20px;line-height:1.5}.group-creator-backdrop{z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000009e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.group-creator-modal{border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:#1c1d2d;flex-direction:column;gap:20px;width:min(100%,500px);max-height:min(720px,100vh - 40px);padding:28px;display:flex;overflow:auto}.group-creator-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.group-creator-heading h2{color:var(--text-primary);font-size:22px}.group-creator-heading p{color:var(--text-secondary);margin:6px 0 0}.group-creator-close{color:var(--text-muted);cursor:pointer;background:0 0;border:0;font-size:28px;line-height:1}.group-creator-close:hover,.group-creator-close:focus-visible{color:var(--text-primary);outline:none}.group-name-field{color:var(--text-secondary);flex-direction:column;gap:8px;font-size:13px;font-weight:600;display:flex}.group-name-field input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font:inherit;background:#00000038;padding:12px}.group-name-field input:focus{border-color:var(--primary-light);outline:none;box-shadow:0 0 0 3px #ff52521f}.group-match-picker{border:0;min-width:0;margin:0;padding:0}.group-match-picker legend{color:var(--text-secondary);margin-bottom:10px;font-size:13px;font-weight:600}.group-match-picker>p{color:var(--text-muted);margin:0;line-height:1.5}.group-match-option{border-bottom:1px solid var(--glass-border);min-height:54px;color:var(--text-primary);cursor:pointer;align-items:center;gap:10px;padding:8px 10px;display:flex}.group-match-option input{accent-color:var(--primary)}.group-match-option img{object-fit:cover;border-radius:50%;width:34px;height:34px}.group-creator-error{color:#ff8a80;margin:-6px 0 0;font-size:13px}@media (width<=768px){.matches-page{height:auto;min-height:calc(100vh - 70px);padding:12px}.chat-workspace{flex-direction:column;min-height:calc(100vh - 94px)}.matches-sidebar{border-right:0;border-bottom:1px solid var(--glass-border);flex-basis:auto;width:100%;max-height:42vh;transition:max-height .3s cubic-bezier(.4,0,.2,1),border-bottom .3s}.matches-sidebar-header{min-height:78px;padding:14px 16px}.sidebar-collapsed .matches-sidebar{border-bottom:0;flex-basis:0;width:100%;height:0;max-height:0}}.category-ring-chart-wrapper{flex-direction:column;align-items:center;gap:32px;width:100%;display:flex}.category-ring-chart-container{width:260px;height:260px;position:relative}.chart-segment{cursor:pointer;stroke-linecap:butt;transition:stroke .3s,opacity .3s,stroke-width .2s}.chart-segment:hover{stroke-width:28px;z-index:10}.chart-segment.dimmed{opacity:.25}.chart-center-content{pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.hover-data{text-align:center;flex-direction:column;align-items:center;padding:20px;display:flex}.hover-percent{margin-bottom:4px;font-size:36px;font-weight:700}.hover-name{color:var(--text-primary);font-size:14px;font-weight:500}.hover-placeholder{color:var(--text-muted);text-align:center;max-width:120px;font-size:14px}.chart-legend{flex-wrap:wrap;justify-content:center;gap:12px 20px;width:100%;display:flex}.legend-item{color:var(--text-secondary);cursor:default;align-items:center;gap:8px;font-size:13px;transition:opacity .2s,color .2s;display:flex}.legend-item.active{color:var(--text-primary);font-weight:500}.legend-item.dimmed{opacity:.35}.legend-dot{border-radius:50%;width:10px;height:10px}.profile-page{width:100%;max-width:800px;margin:0 auto;padding:40px 20px}.profile-container{flex-direction:column;gap:24px;display:flex}.profile-header{text-align:center;flex-direction:column;align-items:center;padding:40px;display:flex}.profile-avatar-wrapper{background:var(--gradient-primary);width:120px;height:120px;box-shadow:0 0 30px var(--primary-glow);border-radius:50%;margin-bottom:24px;padding:4px}.profile-avatar{object-fit:cover;border:4px solid var(--bg-secondary);border-radius:50%;width:100%;height:100%}.profile-header h1{color:var(--text-primary);margin-bottom:8px;font-size:28px}.profile-email,.profile-relationship{color:var(--text-muted);font-size:15px}.profile-member-id{max-width:100%;color:var(--text-muted);font-family:var(--font-interface);letter-spacing:.02em;overflow-wrap:anywhere;margin-top:10px;font-size:11px}.profile-message-button{min-width:136px;margin-top:20px}.profile-loading{place-items:center;min-height:60vh;display:grid}.profile-status-card,.profile-notice{color:var(--text-secondary);padding:16px 20px}.profile-notice{border-radius:var(--radius-md);color:#ffe082;background:#ffc10714;border:1px solid #ffc10759}.profile-details-section{padding:28px 32px}.profile-section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:26px;display:flex}.profile-section-heading h2{color:var(--text-primary);margin-bottom:6px;font-size:21px}.profile-section-heading p,.profile-empty-details{color:var(--text-secondary);line-height:1.5}.profile-edit-button{flex:none}.profile-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}.profile-facts div{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff06;min-height:80px;padding:14px}.profile-facts dt{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:600}.profile-facts dd{color:var(--text-primary);overflow-wrap:anywhere;margin:8px 0 0;font-weight:600}.profile-description{color:var(--text-secondary);overflow-wrap:anywhere;line-height:1.7}.profile-edit-form,.profile-details-form{text-align:left;flex-direction:column;gap:18px;width:100%;display:flex}.profile-form-row,.details-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;display:grid}.profile-edit-form label,.profile-details-form label{color:var(--text-secondary);text-align:left;flex-direction:column;gap:8px;font-size:13px;font-weight:600;display:flex}.profile-edit-form label span,.profile-details-form label span{color:var(--text-muted);font-size:12px;font-weight:400}.profile-edit-form input,.profile-edit-form select,.profile-edit-form textarea,.profile-details-form input,.profile-details-form select,.profile-details-form textarea{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font:inherit;background:#0000002e;outline:none;padding:11px 12px;font-weight:400}.profile-edit-form textarea,.profile-details-form textarea{resize:vertical}.profile-edit-form input:focus,.profile-edit-form select:focus,.profile-edit-form textarea:focus,.profile-details-form input:focus,.profile-details-form select:focus,.profile-details-form textarea:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px #ff52521f}.profile-form-actions{justify-content:flex-end;gap:12px;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;display:grid}.stat-card{text-align:center;flex-direction:column;align-items:center;padding:24px;transition:transform .3s;display:flex}.stat-card:hover{background:var(--bg-card-hover);transform:translateY(-5px)}.stat-icon{margin-bottom:12px;font-size:32px}.stat-value{color:var(--primary-light);margin-bottom:4px;font-size:36px;font-weight:700}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:13px}.categories-section{padding:32px}.categories-section h3{color:var(--text-primary);margin-bottom:20px;font-size:18px}.categories-flex{flex-wrap:wrap;gap:12px;display:flex}.category-chip{color:var(--text-primary);border-radius:var(--radius-full);background:#e5393526;border:1px solid #e539354d;padding:8px 16px;font-size:14px;font-weight:500}.profile-actions{justify-content:center;margin-top:16px;margin-bottom:40px;display:flex}.signout-btn{color:#ff5252;border-color:#ff52524d}.signout-btn:hover{color:#ff8a80;background:#ff52521a}.mt-24{margin-top:24px}.mt-16{margin-top:16px}.padding-24{padding:24px}.text-center{text-align:center}@media (width<=600px){.profile-page{padding:24px 14px}.profile-header,.profile-details-section{padding:24px 18px}.profile-section-heading{flex-direction:column}.profile-facts,.profile-form-row,.details-row{grid-template-columns:1fr}}.activity-page{width:100%;max-width:1200px;margin:0 auto;padding:40px}.activity-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.activity-header h1{color:var(--text-primary);margin:0;font-size:32px}.activity-subheading{max-width:680px;color:var(--text-secondary);margin:8px 0 0;line-height:1.5}.activity-subheading a{color:var(--primary-light);font-weight:600;text-decoration:none}.start-convo-btn{align-items:center;gap:8px;padding:10px 20px;font-weight:600;display:flex}.plus-icon{font-size:20px;line-height:1}.activity-loading{justify-content:center;padding:60px;display:flex}.activity-empty,.activity-error{text-align:center;border-radius:var(--radius-lg);padding:60px}.activity-grid{flex-direction:column;gap:16px;display:flex}.activity-card{border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:20px;padding:16px;transition:transform .2s,background .2s;display:flex}.activity-card:hover:not(.full){background:var(--bg-card-hover);transform:translateY(-2px)}.activity-card.full{opacity:.6;cursor:not-allowed}.activity-thumbnail{border-radius:var(--radius-sm);background:#000;flex-shrink:0;justify-content:center;align-items:center;width:160px;height:90px;display:flex;overflow:hidden}.activity-thumbnail img{object-fit:cover;width:100%;height:100%}.thumbnail-placeholder{color:var(--text-muted);font-size:24px}.activity-details{flex:1;min-width:0}.activity-video-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:16px;overflow:hidden}.activity-video-channel{color:var(--text-secondary);margin:0 0 12px;font-size:13px}.activity-meta{justify-content:space-between;align-items:center;font-size:12px;display:flex}.activity-publisher{color:var(--primary-light);font-weight:500}.activity-participants{color:var(--text-secondary);background:#ffffff0d;border-radius:12px;padding:4px 10px}.text-danger{color:#ff5252}@media (width<=760px){.activity-page{padding:28px 20px}.activity-header{flex-direction:column;align-items:flex-start;gap:14px}}.create-activity-page{width:100%;max-width:800px;margin:0 auto;padding:40px 20px}.create-activity-container{padding:32px}.create-header{border-bottom:1px solid var(--glass-border);align-items:center;gap:20px;margin-bottom:32px;padding-bottom:20px;display:flex}.create-header h2{margin:0;font-size:24px}.refresh-conversation-youtube{margin-left:auto;padding:9px 14px}.conversation-sync-error{margin:-16px 0 20px}.back-btn{padding:8px 16px}.no-videos-message{text-align:center;padding:40px}.create-form{flex-direction:column;gap:24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-primary);font-size:15px;font-weight:600}.video-search-input{margin-bottom:8px}.video-selection-list{flex-direction:column;gap:8px;max-height:360px;padding-right:8px;display:flex;overflow-y:auto}.video-select-item{cursor:pointer;border-radius:var(--radius-md);align-items:center;gap:16px;padding:12px;transition:all .2s;display:flex;position:relative}.video-select-item:hover{background:var(--bg-card-hover)}.video-select-item.selected{border-color:var(--primary-light);background:#e539351a}.video-thumb-sm{object-fit:cover;background:#000;border-radius:4px;flex-shrink:0;width:100px;height:56px}.video-info-sm{flex:1;min-width:0}.video-info-sm h4{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:14px;overflow:hidden}.video-info-sm p{color:var(--text-secondary);margin:0;font-size:12px}.check-icon{color:var(--primary-light);font-size:20px;font-weight:700;position:absolute;right:16px}.form-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.audience-dropdown{position:relative}.audience-dropdown-trigger{cursor:pointer;text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;min-height:64px;display:flex}.audience-dropdown-trigger:after{content:"⌄";color:var(--text-secondary);font-size:18px;position:absolute;top:20px;right:15px}.audience-dropdown-trigger small,.audience-dropdown-menu small{color:var(--text-muted);font-size:11px;font-weight:400}.audience-dropdown-menu{z-index:20;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:#1c1d2d;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 14px 30px #00000052}.audience-dropdown-menu button{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:0;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.audience-dropdown-menu button:hover,.audience-dropdown-menu button[aria-selected=true]{background:#e5393524}.form-help{color:var(--text-muted);font-size:12px}.glass-input{border:1px solid var(--glass-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:#ffffff0d;padding:12px 16px;font-size:15px;transition:border-color .2s}.glass-input:focus{border-color:var(--primary-light);outline:none}select.glass-input{appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right 16px top 50%;background-repeat:no-repeat;background-size:12px}select.glass-input option{color:var(--text-primary);background:#191b29}.create-submit-btn{margin-top:16px;padding:14px;font-size:16px}.create-submit-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=620px){.create-header{flex-wrap:wrap;gap:12px}.refresh-conversation-youtube{width:100%;margin-left:0}.form-row{grid-template-columns:1fr}}.activity-room-page{flex-direction:column;width:100%;max-width:1000px;height:calc(100vh - 64px);margin:0 auto;padding:20px;display:flex}.activity-room-workspace{border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:#151528;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000047}.activity-room-loading{justify-content:center;align-items:center;height:100vh;display:flex}.room-header{border-bottom:1px solid var(--glass-border);border-radius:0;align-items:center;gap:20px;padding:16px 20px;display:flex}.back-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 8px;font-size:20px;transition:background .2s}.back-btn:hover{color:var(--text-primary);background:#ffffff1a}.room-video-info{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.room-thumbnail{background:#000;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:45px;display:flex;overflow:hidden}.room-thumbnail img{object-fit:cover;width:100%;height:100%}.room-video-text{min-width:0}.room-video-text h2{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);margin:0 0 2px;font-size:16px;overflow:hidden}.room-video-text p{color:var(--text-secondary);margin:0;font-size:12px}.room-participants{align-items:center;display:flex}.participant-avatar{object-fit:cover;border:2px solid #151528;border-radius:50%;width:32px;height:32px;margin-left:-8px}.room-participants .participant-avatar:first-child{margin-left:0}.room-messages-container{background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");flex-direction:column;flex:1;min-height:0;display:flex}.room-messages-list{flex-direction:column;flex:1;gap:4px;padding:24px;display:flex;overflow-y:auto}.empty-chat-message{text-align:center;border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:#ffffff08;margin:auto;padding:24px}.room-input-form{border-top:1px solid var(--glass-border);background:#151528f2;border-radius:0;gap:12px;padding:16px 24px;display:flex}.room-input-form .chat-input{border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-primary);background:#ffffff0d;flex:1;padding:12px 20px;font-size:15px;transition:border-color .2s,background .2s}.room-input-form .chat-input:focus{border-color:var(--primary-light);background:#ffffff14;outline:none}.room-input-form .send-btn{border-radius:var(--radius-full);padding:0 24px;font-weight:600}.delete-activity-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;font-size:20px;transition:background .2s,color .2s;display:flex}.delete-activity-btn:hover{color:#f44;background:#ff00001a}.dashboard-page{width:100%;max-width:none;margin:0 auto;padding:36px clamp(24px,4vw,64px)}.algorithm-page,.find-page{width:100%;max-width:1200px;margin:0 auto;padding:40px}.dashboard-header,.algorithm-page h1,.find-page h1{margin-bottom:28px}.dashboard-header h1,.algorithm-page h1,.find-page h1{color:var(--text-primary);font-size:30px}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.dashboard-card{min-height:390px}.dashboard-welcome-card{flex-direction:column;justify-content:center;align-items:flex-start;padding:36px;display:flex}.dashboard-welcome-card h2{color:var(--text-primary);margin-bottom:18px;font-size:30px}.dashboard-welcome-card p{color:var(--text-secondary);font-size:16px;line-height:1.7}.dashboard-algorithm-link{color:var(--primary-light);margin-top:26px;font-size:16px;font-weight:600;text-decoration:none}.dashboard-algorithm-link:hover{color:var(--text-primary);text-decoration:underline}.dashboard-content-card{flex-direction:column;justify-content:center;align-items:flex-start;padding:36px;display:flex}.dashboard-content-card h2{color:var(--text-primary);margin-bottom:14px;font-size:22px}.dashboard-content-card p{color:var(--text-secondary);font-size:15px;line-height:1.7}.dashboard-content-link{color:var(--primary-light);margin-top:26px;font-size:16px;font-weight:600;text-decoration:none}.dashboard-content-link:hover{color:var(--text-primary);text-decoration:underline}.dashboard-profile-card{text-align:center;color:inherit;flex-direction:column;justify-content:space-between;align-items:center;padding:34px;text-decoration:none;transition:border-color .2s,background .2s,transform .2s;display:flex}.dashboard-profile-card:hover{background:var(--bg-card-hover);border-color:#ff52528c;transform:translateY(-2px)}.dashboard-profile-card:focus-visible{outline:2px solid var(--primary-light);outline-offset:3px}.dashboard-profile-summary{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.dashboard-profile-avatar{object-fit:cover;border:0;border-radius:50%;flex:none;width:112px;height:112px}.dashboard-profile-label{color:var(--text-secondary);margin-bottom:5px;font-size:14px;font-weight:600;display:block}.dashboard-profile-summary h2{color:var(--text-primary);margin:4px 0 0;font-size:23px}.dashboard-profile-details{color:var(--text-secondary);text-align:left;grid-template-columns:auto 1fr;gap:7px 14px;margin:8px 0 0;font-size:13px;display:grid}.dashboard-profile-details div{display:contents}.dashboard-profile-details dt{color:var(--text-muted)}.dashboard-profile-details dd{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.dashboard-profile-link{color:var(--primary-light);margin-top:24px;font-size:16px;font-weight:600}.dashboard-match-details-card{flex-direction:column;padding:0;display:flex;overflow:hidden}.dashboard-match-total,.dashboard-daily-match{flex-direction:column;flex:1;justify-content:center;gap:18px;padding:34px;display:flex}.dashboard-match-total{border-bottom:1px solid var(--glass-border)}.dashboard-match-total span,.dashboard-match-label,.dashboard-daily-match p{color:var(--text-secondary);font-size:14px}.dashboard-match-total strong{color:var(--text-primary);margin-top:2px;font-size:34px;line-height:1}.dashboard-daily-avatars{align-items:center;min-height:48px;display:flex}.dashboard-daily-avatars img{border:3px solid var(--bg-primary);object-fit:cover;border-radius:50%;width:48px;height:48px;margin-right:-10px}.dashboard-talk-link{color:var(--primary-light);margin-top:4px;font-size:16px;font-weight:600;text-decoration:none}.dashboard-talk-link:hover{color:var(--text-primary);text-decoration:underline}.algorithm-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;width:100%;margin-top:24px;display:grid}.algorithm-column{flex-direction:column;justify-content:center;align-items:center;min-height:550px;padding:40px;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.algorithm-column:hover{border-color:#e5393573;transform:translateY(-4px);box-shadow:0 0 30px #e539352e}.algorithm-icon,.configuration-icon,.people-icon{filter:invert(52%)sepia(88%)saturate(1696%)hue-rotate(330deg)brightness(102%)contrast(88%)drop-shadow(0 0 12px #e5393599);width:72px;height:72px;margin-bottom:20px}.algorithm-placeholder-content{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex}.algorithm-placeholder-content h3{color:var(--text-primary);margin-bottom:15px;font-size:24px}.algorithm-placeholder-content p{max-width:380px;font-size:15px;line-height:1.6}@media (width<=860px){.algorithm-container{grid-template-columns:1fr;gap:20px}.algorithm-column{min-height:450px;padding:30px 20px}}.find-form{width:100%;max-width:760px}.find-form label{color:var(--text-secondary);flex-direction:column;gap:10px;font-size:14px;font-weight:600;display:flex}.find-form input{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--bg-card);width:100%;color:var(--text-primary);font:inherit;padding:15px 16px}.find-form input:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.find-error{color:#ff8a80;margin-top:14px}@media (width<=760px){.dashboard-page,.algorithm-page,.find-page{padding:28px 20px}.dashboard-grid{grid-template-columns:1fr}}.discover-page{width:100%;max-width:1400px;margin:0 auto;padding:40px}.discover-header{max-width:760px;margin-bottom:30px}.discover-category-header{margin-bottom:75px}.discover-header h1{color:var(--text-primary);margin:0;font-size:32px}.discover-header>p{color:var(--text-secondary);margin:8px 0 24px}.discover-search-field{color:var(--text-secondary);flex-direction:column;gap:9px;font-size:13px;font-weight:600;display:flex}.discover-search-field input{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--bg-card);width:100%;color:var(--text-primary);font:inherit;padding:15px 16px}.discover-search-field input:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.discover-search-form{align-items:end;gap:12px;display:flex}.discover-search-form .discover-search-field{flex:1}.discover-search-button,.discover-back-button{padding:12px 18px;font-size:14px}.discover-results-header{max-width:900px}.discover-results-header h1{margin-top:22px}.discover-category-grid{grid-template-columns:repeat(4,minmax(0,240px));justify-content:center;gap:72px;display:grid}.discover-category-card{aspect-ratio:1;border:1px solid var(--border);background:color-mix(in srgb, var(--bg-primary) 92%, #fff 8%);min-height:0;color:var(--category-colour);cursor:pointer;font:inherit;letter-spacing:-.015em;text-align:center;text-shadow:0 2px 3px #000000b8, 0 0 10px color-mix(in srgb, var(--category-colour), transparent 38%), 0 0 20px color-mix(in srgb, var(--category-colour), transparent 68%);box-shadow:0 0 30px color-mix(in srgb, var(--category-colour), transparent 55%), 0 0 56px color-mix(in srgb, var(--category-colour), transparent 78%);border-radius:32px;place-items:center;padding:16px;font-size:22px;font-weight:700;line-height:1.3;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid}.discover-category-card:hover,.discover-category-card:focus-visible,.discover-category-card.is-selected{border-color:var(--category-colour);box-shadow:0 0 36px color-mix(in srgb, var(--category-colour), transparent 38%), 0 0 75px color-mix(in srgb, var(--category-colour), transparent 62%), 0 18px 32px #0000004d;outline:none;transform:translateY(-3px)}.discover-results{margin-top:42px}.discover-results-heading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.discover-results-heading h2{color:var(--text-primary);margin:0;font-size:22px}.discover-results-heading span{color:var(--text-muted);font-size:13px}.discover-conversation-list{flex-direction:column;gap:12px;display:flex}.discover-conversation-item{align-items:center;gap:18px;padding:14px;display:flex}.discover-video-thumbnail,.discover-video-placeholder{border-radius:var(--radius-sm);object-fit:cover;background:#000;flex:none;width:128px;height:72px}.discover-video-placeholder{color:var(--text-muted);place-items:center;display:grid}.discover-conversation-details{flex:1;min-width:0}.discover-conversation-details h3{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0 0 5px;font-size:16px;overflow:hidden}.discover-conversation-details>p{color:var(--text-secondary);margin:0 0 10px;font-size:13px}.discover-conversation-details>div{color:var(--text-muted);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.discover-conversation-details>div span{border-radius:var(--radius-full);background:#ffffff0f;padding:4px 8px}.discover-join-button{flex:none;padding:10px 20px}.discover-loading,.discover-empty,.discover-error{text-align:center;justify-content:center;align-items:center;min-height:150px;padding:24px;display:flex}.discover-error{color:#ff8a80}@media (width<=1050px){.discover-category-grid{grid-template-columns:repeat(3,minmax(0,220px));gap:61px}}@media (width<=760px){.discover-page{padding:28px 20px}.discover-search-form{flex-direction:column;align-items:stretch}.discover-search-button{width:100%}.discover-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:51px}.discover-category-card{padding:12px;font-size:18px}.discover-conversation-item{flex-wrap:wrap;align-items:flex-start}.discover-video-thumbnail,.discover-video-placeholder{width:100px;height:56px}.discover-join-button{margin-left:auto}}.legal-page{justify-content:center;align-items:flex-start;min-height:100vh;padding:4rem 2rem;display:flex}.legal-container{border-radius:24px;width:100%;max-width:800px;padding:3rem}.legal-container h1{background:linear-gradient(135deg, var(--text-primary) 0%, #ffffffb3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:2.5rem}.legal-container h2{color:var(--text-primary);border-bottom:1px solid #ffffff1a;margin-top:2.5rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.5rem}.legal-container h3{color:var(--text-secondary);margin-top:1.5rem;margin-bottom:.75rem;font-size:1.2rem}.legal-container p,.legal-container ul,.legal-container ol{color:var(--text-secondary);margin-bottom:1.2rem;font-size:1.05rem;line-height:1.6}.legal-container ul{padding-left:1.5rem;list-style-type:disc}.legal-container li{margin-bottom:.5rem}.legal-container a{color:var(--yt-red);text-decoration:none;transition:opacity .2s}.legal-container a:hover{opacity:.8;text-decoration:underline}.legal-container strong{color:var(--text-primary)}.legal-container hr{border:none;border-top:1px solid #ffffff1a;margin:2rem 0}.legal-container table{border-collapse:collapse;width:100%;margin:1.5rem 0}.legal-container th,.legal-container td{text-align:left;border:1px solid #ffffff1a;padding:.75rem}.legal-container th{color:var(--text-primary);background:#ffffff0d}.app{flex-direction:column;min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;padding-top:70px;display:flex}