@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;max-width:100vw;margin:0;padding:0;text-size-adjust:100%}:root{--bg-page:#0B0F17;--bg-header:rgba(15,23,42,0.9);--bg-content:transparent;--bg-video-btn:linear-gradient(135deg,#6366F1,#8B5CF6);--bg-video-btn-hover:linear-gradient(135deg,#4F46E5,#7C3AED);--bg-orange-btn:linear-gradient(135deg,#FF6B6B,#FF8E53);--bg-orange-btn-hover:linear-gradient(135deg,#EE5253,#FF7675);--bg-error:#EF4444;--bg-warning:#1E1B4B;--color-text:#FFFFFF;--color-text-secondary:#CBD5E1;--color-text-muted:#94A3B8;--color-text-white:#FFFFFF;--color-link:#818CF8;--color-border:rgba(255,255,255,0.18);--color-orange:#FF8E53;--color-red:#F87171;--color-blue:#6366F1;--color-blue-light:rgba(99,102,241,0.2);--font-primary:"Inter",-apple-system,"system-ui","Helvetica Neue",Helvetica,Arial,sans-serif;--font-secondary:"Outfit","Inter",sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--glass-bg:rgba(15,23,42,0.65);--glass-border:1px solid rgba(255,255,255,0.12);--glass-blur:blur(16px);--glass-shadow:0 8px 32px 0 rgba(0,0,0,0.37);--surface:#131B2E;--surface-2:#1E293B;--border:var(--color-border);--text:var(--color-text);--text-muted:var(--color-text-secondary);--text-dim:var(--color-text-muted);--primary:var(--color-blue);--primary-hover:#4F46E5;--primary-bg:var(--color-blue-light);--danger:var(--color-red);--success:#10B981;--radius:var(--radius-md);--header-height:80px;--transition-fast:150ms cubic-bezier(0.16,1,0.3,1);--transition-medium:300ms cubic-bezier(0.16,1,0.3,1);--transition-slow:500ms cubic-bezier(0.16,1,0.3,1)}[data-theme=light]{--bg-page:#F8FAFC;--bg-header:rgba(255,255,255,0.95);--bg-content:transparent;--color-text:#0F172A;--color-text-secondary:#334155;--color-text-muted:#475569;--color-text-white:#0F172A;--color-link:#4F46E5;--color-border:rgba(15,23,42,0.15);--color-blue-light:rgba(99,102,241,0.1);--surface:#FFFFFF;--surface-2:#F1F5F9;--border:rgba(15,23,42,0.15);--text:#0F172A;--text-muted:#334155;--text-dim:#475569}body,html{height:100%;font-family:var(--font-primary);background:var(--bg-page);background-image:radial-gradient(circle at 50% 0,#1E1B4B 0,transparent 65%),radial-gradient(circle at 100% 50%,rgba(99,102,241,.08) 0,transparent 50%);background-attachment:fixed;color:var(--color-text);-webkit-font-smoothing:antialiased;overflow-x:hidden;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}a{color:var(--color-link);text-decoration:none;transition:color .2s}a:hover{color:#A5B4FC}.glass-card,.glass-modal,.glass-panel{background:var(--glass-bg);border:var(--glass-border);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,#4f46e5 100%);color:#fff;border:none;border-radius:var(--radius-full);padding:14px 28px;font-size:15px;font-weight:700;font-family:var(--font-secondary);cursor:pointer;box-shadow:0 8px 24px rgba(99,102,241,.4);transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 32px rgba(99,102,241,.55)}.btn-secondary{background:var(--surface-2);color:var(--color-text);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-full);padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-secondary:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border:none;padding:10px 18px;font-size:14px;font-weight:500;cursor:pointer;border-radius:var(--radius-md);transition:color .2s,background .2s}.btn-ghost:hover{color:#fff;background:rgba(255,255,255,.06)}.btn-floating{background:linear-gradient(135deg,var(--bg-orange-btn));color:#fff;border:none;border-radius:var(--radius-full);padding:14px 28px;font-weight:800;font-size:15px;box-shadow:0 10px 30px rgba(255,107,107,.45);cursor:pointer;transition:transform .2s cubic-bezier(.16,1,.3,1)}.btn-floating:hover{transform:scale(1.05)}:focus-visible{outline:2px solid #818CF8!important;outline-offset:3px!important}@media (max-width:768px){a,button{min-height:44px;min-width:44px}}.skeleton-box{background:linear-gradient(90deg,rgba(255,255,255,.03) 25%,rgba(255,255,255,.08) 37%,rgba(255,255,255,.03) 63%);background-size:400% 100%;animation:skeletonLoading 1.4s ease infinite;border-radius:var(--radius-md)}.skeleton-circle{border-radius:50%}@keyframes skeletonLoading{0%{background-position:100% 50%}to{background-position:0 50%}}.mobile-bottom-nav{display:none}@media (max-width:768px){.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:64px;background:rgba(11,15,23,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.08);z-index:100;align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom,0)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:var(--color-text-muted);text-decoration:none;transition:color .2s}.mobile-nav-item.active,.mobile-nav-item:hover{color:var(--color-link)}}button,input,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.25)}.primary-button{background:var(--bg-video-btn);color:var(--color-text-white);border:none;border-radius:var(--radius-md);padding:12px 24px;cursor:pointer;font-weight:600;font-family:var(--font-secondary);letter-spacing:-.01em;box-shadow:0 4px 14px 0 rgba(99,102,241,.3);transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary-button:hover{background:var(--bg-video-btn-hover);transform:translateY(-1.5px);box-shadow:0 6px 20px 0 rgba(99,102,241,.45)}.primary-button:active{transform:translateY(0)}.secondary-button{background:var(--bg-orange-btn);color:var(--color-text-white);border:none;border-radius:var(--radius-md);padding:12px 24px;cursor:pointer;font-weight:600;font-family:var(--font-secondary);letter-spacing:-.01em;box-shadow:0 4px 14px 0 rgba(255,142,83,.3);transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;justify-content:center;gap:8px}.secondary-button:hover{background:var(--bg-orange-btn-hover);transform:translateY(-1.5px);box-shadow:0 6px 20px 0 rgba(255,142,83,.45)}.secondary-button:active{transform:translateY(0)}.design-qa-target{outline:1px dashed rgba(99,102,241,.4);outline-offset:-1px}@media print{body{background:#fff!important;color:#000!important}.glass-card{box-shadow:none!important;border:1px solid #ccc!important}}.match-video-local-pip video,.match-video-remote{will-change:transform}.glass-card{background:rgba(19,27,46,.65);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px 0 rgba(0,0,0,.37);will-change:backdrop-filter}.header-btn{padding:10px 18px;font-size:14px;border-radius:var(--radius-full)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:scroll!important;scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important}}[dir=rtl]{direction:rtl;text-align:right}[dir=rtl] .match-btn-send{border-radius:var(--radius-md) 0 0 var(--radius-md)}[dir=rtl] .match-textarea{border-radius:0 var(--radius-md) var(--radius-md) 0}.ai-icebreaker-card{background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(139,92,246,.15));border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-md);padding:12px 16px;font-family:var(--font-primary);font-size:13.5px;color:#E2E8F0;line-height:1.5;box-shadow:0 4px 12px rgba(139,92,246,.1);transition:transform .2s,box-shadow .2s}.ai-icebreaker-card:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(139,92,246,.2)}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 15px rgba(99,102,241,.4)}50%{box-shadow:0 0 30px rgba(99,102,241,.8)}}.animate-fade-in{animation:fadeIn .25s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-up{animation:slideUp .3s cubic-bezier(.16,1,.3,1) forwards}.header-root{border-bottom:1px solid var(--color-border);background:var(--bg-header);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:-webkit-sticky;position:sticky;top:0;z-index:50;height:var(--header-height);transition:all .3s ease}.header-container{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:100%}.header-logo-container{display:flex;align-items:center;gap:16px}.header-online-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#38BDF8;background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.25);border-radius:9999px;padding:4px 12px;white-space:nowrap}.header-online-dot{width:8px;height:8px;border-radius:50%;background:#38BDF8;box-shadow:0 0 8px #38BDF8;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.header-logo-link{display:flex;flex-direction:column}.header-logo-title{font-size:26px;font-weight:900;letter-spacing:-.03em;background:linear-gradient(135deg,#F8FAFC,#CBD5E1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.header-logo-subtitle{font-size:12px;color:var(--color-text-secondary);font-weight:500;letter-spacing:.05em;margin-top:3px;text-transform:uppercase}.header-desktop-nav{display:none;align-items:center;gap:12px}.header-mobile-controls{display:flex;align-items:center;gap:12px}.header-hamburger-btn{background:rgba(255,255,255,.05);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:var(--color-text);transition:background .2s}.header-hamburger-btn:hover{background:rgba(255,255,255,.1)}.header-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#6366F1,#8B5CF6);color:#FFF;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 12px rgba(99,102,241,.5);transition:transform .2s}.header-avatar:hover{transform:scale(1.05)}.header-mobile-menu{position:absolute;top:var(--header-height);left:0;right:0;background:rgba(15,23,42,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;padding:20px;gap:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,.7);z-index:40}.header-mobile-menu .header-btn{width:100%;justify-content:center}@media (min-width:768px){.header-desktop-nav{display:flex}.header-hamburger-btn,.header-mobile-menu{display:none}}@media (max-width:767px){.header-root--match{display:none!important}.match-root{height:100dvh!important;width:100vw!important;padding:0!important;gap:0!important;position:fixed;inset:0;z-index:100}.match-video-panel{flex:1 1 100%!important;height:100%!important;border-radius:0!important;border:none!important}.match-splitter,.match-video-panel~.match-chat-panel{display:none!important}}.match-root{display:flex;flex-direction:column;width:100%;height:calc(100dvh - var(--header-height));overflow:hidden;background:var(--bg-page);position:relative;padding-bottom:env(safe-area-inset-bottom,12px)}@media (min-width:768px){.match-root{flex-direction:row;padding:16px;gap:16px}}.match-video-panel{position:relative;width:100%;flex:0 0 50%;min-height:0;background:#000;overflow:hidden;border-radius:0;box-shadow:inset 0 0 50px rgba(0,0,0,.8)}@media (min-width:768px){.match-video-panel{flex:1 1;height:100%;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1)}}.match-video-top-bar{position:absolute;top:env(safe-area-inset-top,16px);left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;z-index:40;pointer-events:none}.match-micro-btn{pointer-events:auto;background:rgba(15,23,42,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);color:#FFFFFF;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.4);transition:all .2s ease}.match-micro-btn:active{transform:scale(.92)}.match-video-split-container{display:flex;flex-direction:column;width:100%;height:100%;gap:2px}@media (min-width:768px){.match-video-split-container{flex-direction:row}}.match-video-split-half{flex:1 1;position:relative;overflow:hidden;background:#000}.match-video-feed-label{position:absolute;bottom:8px;left:10px;font-size:11px;font-weight:700;color:rgba(255,255,255,.85);background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:3px 8px;border-radius:6px;z-index:10}.match-video-mask-badge{position:absolute;top:8px;left:8px;background:rgba(239,68,68,.85);color:#FFF;font-size:10px;font-weight:800;padding:2px 6px;border-radius:4px;z-index:10}.match-video-remote{width:100%;height:100%;object-fit:cover;display:block}.match-video-waiting{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#F8FAFC;font-size:16px;font-weight:500;background:radial-gradient(circle at center,rgba(30,27,75,.8) 0,rgba(11,15,23,.95) 100%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.match-video-local-pip{position:absolute;width:clamp(105px,28vw,150px);aspect-ratio:3/4;border-radius:16px;overflow:hidden;background:#000;border:2px solid rgba(99,102,241,.8);box-shadow:0 10px 30px rgba(0,0,0,.7);z-index:35;cursor:-webkit-grab;cursor:grab;touch-action:none;transition:all .25s cubic-bezier(.16,1,.3,1)}.match-video-local-pip--top-left{top:calc(env(safe-area-inset-top, 16px) + 54px);left:16px}.match-video-local-pip--top-right{top:calc(env(safe-area-inset-top, 16px) + 54px);right:16px}.match-video-local-pip--bottom-left{bottom:calc(env(safe-area-inset-bottom, 16px) + 84px);left:16px}.match-video-local-pip--bottom-right{bottom:calc(env(safe-area-inset-bottom, 16px) + 84px);right:16px}.match-video-local-pip--dragging{transition:none!important;cursor:-webkit-grabbing;cursor:grabbing;transform:scale(1.05);box-shadow:0 16px 40px rgba(99,102,241,.6)}.match-video-local-pip video{width:100%;height:100%;object-fit:cover;display:block}.match-video-pip-label{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);font-size:9px;font-weight:700;color:#FFF;background:rgba(0,0,0,.65);padding:1px 6px;border-radius:4px;white-space:nowrap;pointer-events:none}.match-mobile-floating-chat{display:none}@media (max-width:767px){.match-mobile-floating-chat{display:flex;flex-direction:column;gap:6px;position:absolute;bottom:calc(env(safe-area-inset-bottom, 16px) + 74px);left:16px;max-width:65%;z-index:30;pointer-events:auto;cursor:pointer}}.match-floating-msg{background:rgba(15,23,42,.75);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:6px 10px;color:#FFFFFF;font-size:13px;display:flex;gap:4px;align-items:baseline;box-shadow:0 4px 12px rgba(0,0,0,.4);word-break:break-word}.match-floating-msg--me{border-color:rgba(99,102,241,.4)}.match-floating-msg--stranger{border-color:rgba(236,72,153,.4)}.match-floating-msg-sender{font-weight:800;font-size:12px;color:#818CF8}.match-floating-msg--stranger .match-floating-msg-sender{color:#F472B6}.match-floating-msg--typing{font-style:italic;font-size:11px;color:#94A3B8}.match-mobile-action-bar{display:none}@media (max-width:767px){.match-mobile-action-bar{display:flex;align-items:center;gap:8px;position:absolute;bottom:0;left:0;right:0;z-index:40;padding:12px 14px calc(env(safe-area-inset-bottom, 12px) + 8px);background:linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.4) 70%,rgba(0,0,0,0))}}.match-pill-btn{flex:0 0 auto;padding:10px 16px;border-radius:20px;font-size:14px;font-weight:800;border:none;cursor:pointer;color:#FFFFFF;display:inline-flex;align-items:center;gap:4px;box-shadow:0 4px 14px rgba(0,0,0,.5);transition:all .2s ease}.match-pill-btn--next{background:linear-gradient(135deg,#10B981,#059669)}.match-pill-btn--stop{background:linear-gradient(135deg,#EF4444,#DC2626)}.match-pill-btn--really{background:linear-gradient(135deg,#F59E0B,#D97706);animation:pulse 1s infinite}.match-mobile-chat-trigger{flex:1 1;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:10px 14px;color:#CBD5E1;font-size:13px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-mobile-chat-trigger,.match-mobile-icon-btn{background:rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer}.match-mobile-icon-btn{border:1px solid rgba(255,255,255,.2);color:#FFFFFF;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;transition:all .2s ease}.match-mobile-icon-btn--liked{background:rgba(239,68,68,.3);border-color:#EF4444}.match-mobile-sheet{position:fixed;inset:0;background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:flex-end;justify-content:center;padding:16px}.match-mobile-sheet-card{width:100%;max-width:400px;background:rgba(15,23,42,.95);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:20px;box-shadow:0 -10px 30px rgba(0,0,0,.8);margin-bottom:env(safe-area-inset-bottom,16px)}.match-mobile-chat-drawer{position:fixed;inset:0;background:rgba(11,15,23,.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:9999;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,16px);padding-bottom:env(safe-area-inset-bottom,16px)}.match-mobile-chat-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.match-chat-panel{display:flex;flex-direction:column;background:rgba(19,27,46,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);flex:1 1;min-height:0;border-top:1px solid var(--color-border);overflow:hidden}@media (min-width:768px){.match-chat-panel{width:380px;flex:0 0 380px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);height:100%;transition:width .05s ease-out}}.match-splitter{display:none}@media (min-width:768px){.match-splitter{display:flex;align-items:center;justify-content:center;width:14px;height:100%;cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;z-index:25;position:relative;margin:0 -5px;transition:background .2s ease}.match-splitter--active,.match-splitter:hover{background:rgba(99,102,241,.2);border-radius:6px}.match-splitter-bar{width:3px;height:60px;background:rgba(255,255,255,.25);border-radius:3px;transition:all .2s ease}.match-splitter--active .match-splitter-bar,.match-splitter:hover .match-splitter-bar{background:#6366F1;height:100%;box-shadow:0 0 10px rgba(99,102,241,.8)}.match-splitter-knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:38px;background:#1E293B;border:1px solid rgba(255,255,255,.25);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#94A3B8;font-size:12px;font-weight:700;box-shadow:0 4px 12px rgba(0,0,0,.5);pointer-events:none;transition:all .2s ease}.match-splitter--active .match-splitter-knob,.match-splitter:hover .match-splitter-knob{background:#6366F1;color:#FFFFFF;border-color:#818CF8;box-shadow:0 0 14px rgba(99,102,241,.8)}}.match-chat-panel--full{width:100%!important;flex:1 1!important;border:none!important;border-radius:var(--radius-lg)!important}.match-chat-history{flex:1 1;overflow-y:auto;padding:16px;min-height:0}.match-chat-intro{margin-bottom:16px;color:var(--color-text-secondary);font-size:14px;padding:12px;background:rgba(255,255,255,.03);border-radius:var(--radius-md);border:1px dashed var(--color-border)}.match-controls{display:flex;flex-direction:column;gap:10px;padding:12px 16px;background:rgba(15,23,42,.9);border-top:1px solid var(--color-border);flex-shrink:0;width:100%}.match-controls-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;width:100%}.match-btn-stop{flex-shrink:0;min-width:70px;min-height:42px;padding:8px 14px;font-size:15px;font-weight:700;background:rgba(255,255,255,.08);color:#F8FAFC;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:all .2s}.match-btn-stop:hover{background:rgba(255,255,255,.15)}.match-btn-stop:active{transform:scale(.97)}.match-btn-icon{min-width:40px;padding:8px;display:inline-flex;align-items:center;justify-content:center}.match-textarea-wrap{width:100%;display:flex;min-width:0}.match-textarea{flex:1 1;resize:none;padding:12px 14px;background:rgba(0,0,0,.3);color:#F8FAFC;border:1px solid var(--color-border);border-radius:var(--radius-md) 0 0 var(--radius-md);font-family:inherit;font-size:15px;min-height:46px;max-height:100px;line-height:1.4;outline:none;transition:border-color .2s}.match-textarea:focus{border-color:var(--color-blue)}.match-textarea:disabled{opacity:.5}.match-btn-send{flex-shrink:0;min-width:70px;min-height:46px;padding:8px 16px;font-weight:700;font-size:15px;background:var(--bg-video-btn);color:#FFF;border:none;border-radius:0 var(--radius-md) var(--radius-md) 0;cursor:pointer;transition:background .2s}.match-btn-send:disabled{opacity:.4;cursor:default}.chat-messages{gap:10px}.chat-message,.chat-messages{display:flex;flex-direction:column}.chat-message{font-size:14px;line-height:1.5;gap:2px}.chat-message__label--me{color:#818CF8}.chat-message__label--me,.chat-message__label--stranger{font-weight:700;font-family:var(--font-secondary);font-size:12px}.chat-message__label--stranger{color:#F87171}.chat-message__text{color:#F8FAFC;word-break:break-word;background:rgba(255,255,255,.05);padding:8px 12px;border-radius:12px;width:-moz-fit-content;width:fit-content;max-width:85%}.chat-typing{font-size:13px;color:var(--color-text-muted);font-style:italic}.match-video-connecting-overlay{position:absolute;inset:0;z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(15,23,42,.88) 0,rgba(3,7,18,.96) 100%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;transition:opacity .5s ease}.match-video-pulse-container{position:relative;width:110px;height:110px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.match-video-orbit-ring{position:absolute;inset:0;border-radius:50%;border-color:#6366f1 #a855f7 transparent transparent;border-style:solid;border-width:2px;animation:matchOrbitSpin 1.8s linear infinite}.match-video-orbit-ring--outer{inset:-12px;border-top-color:#38bdf8;border-left-color:#ec4899;animation:matchOrbitSpinReverse 2.4s linear infinite}.match-video-counter-number{font-size:42px;font-weight:900;font-family:var(--font-secondary);background:linear-gradient(135deg,#38bdf8,#a855f7 50%,#f43f5e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:matchNumberPop .5s ease-out;filter:drop-shadow(0 0 12px rgba(168,85,247,.5))}.match-video-connecting-title{font-size:16px;font-weight:700;letter-spacing:.5px;background:linear-gradient(90deg,#f8fafc,#a855f7,#38bdf8,#f8fafc);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:matchShimmerText 3s linear infinite;margin-bottom:6px}.match-video-connecting-sub{font-size:12px;color:rgba(255,255,255,.6);text-align:center}@keyframes matchOrbitSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes matchOrbitSpinReverse{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}@keyframes matchNumberPop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.18);opacity:1}to{transform:scale(1);opacity:1}}@keyframes matchShimmerText{0%{background-position:0}to{background-position:200%}}::placeholder{color:var(--color-text-muted)!important;opacity:.85}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.p-8{padding:2rem}.p-6{padding:1.5rem}.p-4{padding:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.space-y-12>*+*{margin-top:3rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-3>*+*{margin-top:.75rem}.text-center{text-align:center}.text-left{text-align:left}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-xl{font-size:1.25rem}.text-lg,.text-xl{line-height:1.75rem}.text-lg{font-size:1.125rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-5xl{font-size:3rem;line-height:1}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-black{font-weight:900}.font-medium{font-weight:500}.inline-block{display:inline-block}.block{display:block}.flex{display:flex}.flex-col{flex-direction:column}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.items-center{align-items:center}.items-start{align-items:flex-start}.gap-8{gap:2rem}.gap-6{gap:1.5rem}.gap-4{gap:1rem}.gap-2{gap:.5rem}.w-full{width:100%}.overflow-x-auto{overflow-x:auto}.rounded-full{border-radius:9999px}.rounded-2xl{border-radius:1rem}.rounded-xl{border-radius:.75rem}.underline{text-decoration:underline}.leading-relaxed{line-height:1.625}.bg-\[var\(--primary\)\]{background:var(--bg-video-btn,linear-gradient(135deg,#6366F1 0,#8B5CF6 100%))!important;color:#ffffff!important}.hover\:bg-\[var\(--primary-hover\)\]:hover{background:var(--bg-video-btn-hover,linear-gradient(135deg,#4F46E5 0,#7C3AED 100%))!important}.bg-\[var\(--surface\)\]{background:rgba(15,23,42,.75)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 8px 32px 0 rgba(0,0,0,.37)!important}.border-\[var\(--border\)\]{border-color:rgba(255,255,255,.15)!important}.text-\[var\(--text-muted\)\]{color:var(--color-text-muted,#94A3B8)!important}.text-\[var\(--primary\)\]{color:#818CF8!important}.text-\[var\(--success\)\]{color:#10B981!important}