*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-page:#0B0F17;--bg-header:rgba(15,23,42,0.75);--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:#F8FAFC;--color-text-secondary:#94A3B8;--color-text-muted:#64748B;--color-text-white:#FFFFFF;--color-link:#818CF8;--color-border:rgba(255,255,255,0.08);--color-orange:#FF8E53;--color-red:#F87171;--color-blue:#6366F1;--color-blue-light:rgba(99,102,241,0.15);--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;--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}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}a{color:var(--color-link);text-decoration:none;transition:color .2s}a:hover{color:#A5B4FC}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,.15);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.primary-button{background:var(--bg-video-btn);color:var(--color-text-white);border:none;border-radius:var(--radius-md);padding:8px 16px;cursor:pointer;font-weight:600;letter-spacing:-.01em;box-shadow:0 4px 14px 0 rgba(99,102,241,.39);transition:all .2s cubic-bezier(.4,0,.2,1)}.primary-button:hover{background:var(--bg-video-btn-hover);transform:translateY(-1px);box-shadow:0 6px 20px 0 rgba(99,102,241,.55)}.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:8px 16px;cursor:pointer;font-weight:600;letter-spacing:-.01em;box-shadow:0 4px 14px 0 rgba(255,142,83,.39);transition:all .2s cubic-bezier(.4,0,.2,1)}.secondary-button:hover{background:var(--bg-orange-btn-hover);transform:translateY(-1px);box-shadow:0 6px 20px 0 rgba(255,142,83,.55)}.secondary-button:active{transform:translateY(0)}.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)}.header-btn{padding:10px 18px;font-size:14px;border-radius:var(--radius-full)}@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}}.match-root{display:flex;flex-direction:column;width:100%;height:calc(100dvh - var(--header-height));overflow:hidden;background:var(--bg-page);position:relative}@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-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;bottom:16px;right:16px;width:clamp(100px,25%,180px);aspect-ratio:4/3;border-radius:var(--radius-md);overflow:hidden;background:#000;border:2px solid rgba(99,102,241,.6);box-shadow:0 8px 24px rgba(0,0,0,.6);z-index:10;transition:transform .2s}.match-video-local-pip video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);display:block}.match-video-local-pip--masked video{filter:blur(20px)}.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%}}@media (min-width:1280px){.match-chat-panel{width:420px;flex:0 0 420px}}.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;gap:8px;padding:12px 16px;background:rgba(15,23,42,.9);border-top:1px solid var(--color-border);align-items:center;flex-shrink:0}.match-btn-stop{flex-shrink:0;min-width:80px;min-height:46px;padding:8px 16px;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-textarea-wrap{flex:1 1;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;font-weight:700;font-size:12px}.chat-message__label--stranger{color:#F87171;font-weight:700;font-size:12px}.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}