@import"https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap";.room-root{height:100vh;height:100dvh;width:100%;background-color:var(--bg-main);display:flex;flex-direction:column;overflow:hidden;position:relative;box-sizing:border-box}.room-bg-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.12;pointer-events:none;max-width:80vw;max-height:80vw}.room-orb-1{width:600px;height:600px;background:radial-gradient(circle,#ff4d6d,transparent 70%);top:-250px;left:-250px}.room-orb-2{width:500px;height:500px;background:radial-gradient(circle,#7b2fff,transparent 70%);bottom:-250px;right:-250px}.room-header{position:relative;z-index:20;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 24px;border-bottom:1px solid var(--border-subtle);background:#080811bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-sizing:border-box}.room-header-bar{display:flex;align-items:center;justify-content:space-between;width:100%}.room-header-left{display:flex;align-items:center;gap:12px;min-width:0}.room-logo{font-family:var(--font-heading);font-size:22px;font-weight:800;letter-spacing:-.5px;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;flex-shrink:0}.room-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.online-badge{display:inline-flex;align-items:center;gap:7px;background:#22c55e14;border:1px solid rgba(34,197,94,.25);border-radius:var(--radius-full);padding:5px 12px;font-size:12px;font-weight:500;color:var(--accent-green);white-space:nowrap}.online-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 6px var(--accent-green);animation:pulse 2s ease-in-out infinite;flex-shrink:0}.badge-text-short{display:none}.user-badge{display:flex;align-items:center;gap:8px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:5px 12px 5px 6px;font-size:13px;color:var(--text-secondary);max-width:180px}.user-avatar-circle{width:26px;height:26px;border-radius:50%;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;font-family:var(--font-heading);flex-shrink:0}.user-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leave-btn{padding:7px 14px;min-height:32px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;color:var(--text-muted);border:1px solid var(--border-subtle);transition:var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.leave-btn:hover{color:var(--text-primary);background:var(--bg-surface-elevated)}.mobile-view-tabs{display:none}.room-main-area{position:relative;z-index:10;flex:1;display:flex;overflow:hidden;min-height:0;width:100%}.room-video-panel{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.video-grid-area{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px;gap:16px;overflow:hidden;box-sizing:border-box}.video-grid-row{display:flex;gap:16px;width:100%;max-width:1080px;max-height:100%;justify-content:center;align-items:center;box-sizing:border-box}.video-card-container{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-video-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);flex:1;max-width:520px;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.video-element{width:100%;height:100%;object-fit:cover}.video-element.mirrored{transform:scaleX(-1)}.video-label{position:absolute;bottom:12px;left:12px;display:inline-flex;align-items:center;gap:6px;background:#000000a6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:4px 10px;font-size:11px;font-weight:500;color:var(--text-primary);z-index:5;max-width:calc(100% - 24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connected-badge{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:6px;background:#22c55e26;border:1px solid rgba(34,197,94,.35);border-radius:var(--radius-full);padding:4px 10px;font-size:11px;font-weight:500;color:var(--accent-green);z-index:5;white-space:nowrap}.lobby-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#080811d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:6;padding:16px;text-align:center}.lobby-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.08);border-top-color:var(--accent-purple);border-radius:50%;animation:spin .85s linear infinite;flex-shrink:0}.lobby-title{font-size:clamp(13px,3.5vw,15px);font-weight:500;color:var(--text-secondary)}.lobby-subtitle{font-size:clamp(11px,2.8vw,12px);color:var(--text-disabled)}.cam-off-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--bg-video-card);z-index:4}.cam-off-icon-circle{width:48px;height:48px;border-radius:50%;background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.cam-off-text{font-size:12px;color:var(--text-disabled)}.text-only-container{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.text-only-card{max-width:440px;width:100%;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:clamp(24px,4vw,36px) clamp(18px,4vw,24px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;box-sizing:border-box}.text-only-icon{font-size:44px}.text-only-title{font-family:var(--font-heading);font-size:clamp(18px,4.5vw,20px);font-weight:700;color:var(--text-primary)}.text-only-subtitle{font-size:13px;color:var(--text-muted);line-height:1.5}.controls-bar{flex-shrink:0;height:72px;display:flex;align-items:center;justify-content:center;gap:12px;padding:0 24px;border-top:1px solid var(--border-subtle);background:#08081199;box-sizing:border-box}.control-icon-btn{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:var(--radius-md);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:var(--transition-base);flex-shrink:0}.control-icon-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary);transform:translateY(-1px)}.control-icon-btn.active-off{background:#ff525226;border-color:#ff525266;color:var(--accent-red)}.next-stranger-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--primary-gradient);border-radius:var(--radius-md);padding:11px 22px;min-height:44px;font-size:14px;font-weight:600;color:#fff;transition:var(--transition-base);box-shadow:var(--shadow-btn);white-space:nowrap}.btn-label-desktop{display:inline}.btn-label-mobile{display:none}.next-stranger-btn:hover{transform:translateY(-1px);box-shadow:0 10px 30px #ff4d6d73}.next-stranger-btn:active{transform:translateY(0)}.report-user-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#ff525214;border:1px solid rgba(255,82,82,.25);border-radius:var(--radius-md);padding:11px 18px;min-height:44px;font-size:14px;font-weight:500;color:var(--accent-red);transition:var(--transition-base);white-space:nowrap;flex-shrink:0}.report-user-btn:hover:not(:disabled){background:#ff525226;border-color:#ff525280;transform:translateY(-1px)}.report-user-btn:disabled{opacity:.4;cursor:not-allowed}.controls-divider{width:1px;height:24px;background:var(--border-subtle);margin:0 4px;flex-shrink:0}.esc-hint{font-size:11px;color:var(--text-disabled);display:flex;align-items:center;gap:5px;margin-left:8px;white-space:nowrap}.esc-key{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:10px;color:var(--text-muted)}.room-chat-panel{width:320px;flex-shrink:0;display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--border-subtle);background:#ffffff04;overflow:hidden}.chat-header-bar{flex-shrink:0;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border-subtle);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted)}.chat-header-title-wrap{display:flex;align-items:center;gap:8px}.chat-title-text{font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-muted)}.chat-status-badge{font-size:11px;font-weight:600;text-transform:none;letter-spacing:0}.chat-status-badge.live{color:var(--accent-green)}.chat-status-badge.waiting{color:var(--accent-orange)}.chat-header-actions{display:none;align-items:center;gap:8px}.chat-header-btn{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 10px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;transition:var(--transition-fast)}.chat-header-btn.next-btn{background:var(--primary-gradient);color:#fff}.chat-header-btn.report-btn{background:#ff52521f;border:1px solid rgba(255,82,82,.3);color:var(--accent-red)}.chat-header-btn.report-btn:disabled{opacity:.4;cursor:not-allowed}.chat-message-list{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px;display:flex;flex-direction:column;gap:12px}.chat-empty-state{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px;color:var(--text-disabled);padding:20px;line-height:1.5}.chat-row{display:flex;flex-direction:column;max-width:85%;gap:3px;animation:fadeIn .2s ease}.chat-row.you{align-self:flex-end;align-items:flex-end}.chat-row.stranger{align-self:flex-start;align-items:flex-start}.chat-row.system{align-self:center;align-items:center;max-width:95%}.chat-bubble{padding:9px 13px;border-radius:var(--radius-md);font-size:13.5px;line-height:1.45;word-break:break-word;overflow-wrap:anywhere}.chat-row.you .chat-bubble{background:var(--primary-gradient);color:#fff;border-bottom-right-radius:4px}.chat-row.stranger .chat-bubble{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);border-bottom-left-radius:4px}.chat-row.system .chat-bubble{background:transparent;color:var(--text-disabled);font-size:11px;padding:2px 8px;text-align:center}.chat-row.system.icebreaker .chat-bubble{background:#c77dff14;border:1px solid rgba(199,125,255,.22);border-radius:var(--radius-md);color:#c77dffe6;font-size:12px;padding:8px 12px;line-height:1.45}.chat-timestamp{font-size:10px;color:var(--text-disabled);padding:0 4px}.typing-row{display:flex;align-items:center;gap:8px;padding:2px 0}.typing-dots{display:flex;gap:3px}.typing-dot{width:5px;height:5px;border-radius:50%;background:var(--text-muted);animation:typingBounce 1.2s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.3}30%{transform:translateY(-4px);opacity:1}}.typing-label{font-size:11px;color:var(--text-muted)}.chat-input-bar{flex-shrink:0;padding:10px 14px;border-top:1px solid var(--border-subtle);display:flex;gap:8px;align-items:center;background:#08081180;box-sizing:border-box}.chat-text-input{flex:1;min-height:44px;background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 14px;font-size:14px;color:var(--text-primary);outline:none;transition:var(--transition-base);box-sizing:border-box}.chat-text-input:focus{border-color:var(--border-focus);background:#ffffff14}.chat-text-input:disabled{opacity:.4;cursor:not-allowed}.chat-send-icon-btn{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:var(--radius-md);background:var(--primary-gradient);color:#fff;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);flex-shrink:0}.chat-send-icon-btn:hover:not(:disabled){transform:scale(1.04)}.chat-send-icon-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.abuse-warning-banner{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:150;display:flex;align-items:center;gap:10px;background:#ff52522e;border:1px solid rgba(255,82,82,.45);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:var(--radius-md);padding:10px 16px;font-size:13px;color:#ff9e9e;animation:fadeUp .3s ease;width:calc(100% - 32px);max-width:440px;box-sizing:border-box;justify-content:center;text-align:center}@media (max-width: 768px){.room-header{height:auto;min-height:52px;padding:8px 12px;flex-direction:column;gap:8px;padding-top:max(8px,var(--safe-top));padding-left:max(12px,var(--safe-left));padding-right:max(12px,var(--safe-right))}.room-header-left{gap:8px}.room-logo{font-size:19px}.room-header-right{gap:8px}.online-badge{padding:4px 8px;font-size:11.5px;gap:5px}.badge-text-full{display:none}.badge-text-short{display:inline}.user-badge{padding:3px 8px 3px 4px;gap:6px;font-size:12px;max-width:120px}.user-avatar-circle{width:24px;height:24px;font-size:11px}.leave-btn{min-height:32px;padding:4px 10px;font-size:11.5px}.mobile-view-tabs{display:flex;width:100%;gap:4px;background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:3px;box-sizing:border-box}.mobile-tab-btn{flex:1;min-height:38px;padding:6px 12px;border-radius:var(--radius-full);font-size:13px;font-weight:500;color:var(--text-muted);transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:6px}.mobile-tab-btn.active{background:var(--primary-gradient);color:#fff;font-weight:600}.mobile-unread-badge{background:#ff4d6d;color:#fff;border-radius:var(--radius-full);padding:1px 6px;font-size:10px;font-weight:700;min-width:14px;text-align:center}.room-root.mobile-mode-video .room-chat-panel{display:none}.room-root.mobile-mode-video .room-video-panel{display:flex}.room-root.mobile-mode-chat .room-video-panel{display:none}.room-root.mobile-mode-chat .room-chat-panel{display:flex;width:100%;height:100%;border-left:none}.chat-header-actions{display:flex}.video-grid-area{padding:8px 10px;gap:8px;width:100%;box-sizing:border-box}.video-grid-row{flex-direction:column;width:100%;height:100%;max-height:100%;gap:8px;justify-content:stretch;align-items:stretch}.video-card-container{flex:1 1 0;min-height:0;height:100%;width:100%;max-width:100%;aspect-ratio:unset;border-radius:var(--radius-md)}.video-label{bottom:8px;left:8px;padding:3px 8px;font-size:10.5px}.connected-badge{top:8px;right:8px;padding:3px 8px;font-size:10.5px}.controls-bar{height:auto;min-height:60px;padding:8px 12px;gap:8px;justify-content:space-between;padding-bottom:max(8px,var(--safe-bottom));padding-left:max(12px,var(--safe-left));padding-right:max(12px,var(--safe-right))}.controls-divider,.esc-hint{display:none}.next-stranger-btn{flex:1;min-width:0;height:44px;padding:0 12px;font-size:13.5px}.report-user-btn{height:44px;padding:0 12px;font-size:13px}.chat-input-bar{padding:8px 12px;padding-bottom:max(8px,var(--safe-bottom));padding-left:max(12px,var(--safe-left));padding-right:max(12px,var(--safe-right))}}@media (max-width: 480px){.room-header-left{gap:6px}.room-logo{font-size:18px}.user-badge{max-width:90px}.user-name-text{max-width:55px}.btn-label-desktop{display:none}.btn-label-mobile{display:inline}.report-user-btn{padding:0 10px}.report-user-btn span,.chat-header-btn span{display:none}.chat-header-btn{padding:0 8px;width:34px;height:34px;justify-content:center}}@media (max-width: 340px){.room-header{padding:6px 8px}.room-logo{font-size:16px}.user-name-text{display:none}.user-badge{padding:3px}.online-badge{padding:3px 6px;font-size:11px}.controls-bar{padding:6px 8px;gap:6px}.control-icon-btn{width:40px;height:40px;min-width:40px;min-height:40px}.next-stranger-btn{height:40px;min-height:40px;padding:0 8px;font-size:12.5px}.report-user-btn{height:40px;min-height:40px;padding:0 8px}}.landing-root{min-height:100vh;min-height:100dvh;height:100%;width:100%;background-color:var(--bg-main);display:flex;align-items:center;justify-content:center;overflow-x:hidden;overflow-y:auto;position:relative;box-sizing:border-box;padding:clamp(16px,3vw,32px);padding-top:max(clamp(16px,3vw,32px),var(--safe-top));padding-bottom:max(clamp(16px,3vw,32px),var(--safe-bottom));padding-left:max(clamp(16px,3vw,32px),var(--safe-left));padding-right:max(clamp(16px,3vw,32px),var(--safe-right))}.bg-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.18;pointer-events:none;z-index:0;max-width:80vw;max-height:80vw}.bg-orb-1{width:500px;height:500px;background:radial-gradient(circle,#ff4d6d,transparent 70%);top:-100px;left:-100px;animation:orbDrift1 12s ease-in-out infinite alternate}.bg-orb-2{width:450px;height:450px;background:radial-gradient(circle,#7b2fff,transparent 70%);bottom:-100px;right:-100px;animation:orbDrift2 14s ease-in-out infinite alternate}.bg-orb-3{width:350px;height:350px;background:radial-gradient(circle,#00c2ff,transparent 70%);top:50%;left:60%;animation:orbDrift3 16s ease-in-out infinite alternate}@keyframes orbDrift1{0%{transform:translate(0)}to{transform:translate(30px,40px)}}@keyframes orbDrift2{0%{transform:translate(0)}to{transform:translate(-40px,-20px)}}@keyframes orbDrift3{0%{transform:translate(0)}to{transform:translate(-40px,30px)}}.landing-card{position:relative;z-index:10;display:flex;gap:clamp(24px,4vw,48px);align-items:stretch;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:clamp(22px,4vw,44px);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:var(--shadow-card),inset 0 1px #ffffff14;animation:fadeUp .6s cubic-bezier(.16,1,.3,1) both;max-width:860px;width:100%;box-sizing:border-box;margin:auto 0}.landing-preview{position:relative;border-radius:var(--radius-lg);overflow:hidden;width:320px;min-height:280px;background:var(--bg-video-card);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;flex-shrink:0}.preview-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.preview-overlay{position:absolute;bottom:0;left:0;right:0;height:70px;background:linear-gradient(transparent,#0009);pointer-events:none}.cam-badge{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:6px;background:#000000a6;border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:4px 10px;font-size:11px;font-weight:500;color:var(--text-secondary);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cam-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 6px var(--accent-green);animation:pulse 2s ease-in-out infinite}.text-only-placeholder{width:100%;height:100%;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;text-align:center}.text-only-avatar{width:60px;height:60px;border-radius:50%;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;box-shadow:var(--shadow-glow)}.text-only-label{font-size:13px;color:var(--text-muted);line-height:1.5}.landing-form-panel{display:flex;flex-direction:column;gap:16px;flex:1;min-width:0}.brand-header{display:flex;flex-direction:column;gap:4px}.brand-title{font-family:var(--font-heading);font-size:clamp(28px,6vw,38px);font-weight:800;letter-spacing:-.8px;background:linear-gradient(135deg,#ff4d6d,#c77dff,#48cae4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.15}.brand-tagline{font-size:clamp(12.5px,3vw,13.5px);color:var(--text-muted);font-weight:300}.mode-toggle{display:flex;gap:6px;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:4px}.mode-btn{flex:1;min-height:40px;padding:8px 12px;border-radius:var(--radius-sm);font-size:clamp(12px,3vw,13px);font-weight:500;color:var(--text-muted);transition:var(--transition-base);text-align:center;display:flex;align-items:center;justify-content:center;white-space:nowrap}.mode-btn:hover{color:var(--text-secondary)}.mode-btn.active{background:var(--bg-surface-elevated);color:var(--text-primary);box-shadow:0 2px 8px #0003}.input-group{display:flex;flex-direction:column;gap:6px;width:100%}.input-label{font-size:11px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-muted)}.text-input{background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 14px;min-height:44px;font-size:14px;color:var(--text-primary);outline:none;transition:var(--transition-base);width:100%;box-sizing:border-box}.text-input::placeholder{color:var(--text-disabled)}.text-input:focus{border-color:var(--border-focus);background:#ffffff12;box-shadow:0 0 0 3px #c77dff1f}.input-hint{font-size:11px;color:var(--text-disabled);line-height:1.4}.prefs-row{display:flex;gap:12px;width:100%}.segmented-group{display:flex;gap:4px;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:3px;width:100%;box-sizing:border-box}.segmented-option{flex:1;min-height:38px;padding:6px 8px;border-radius:6px;font-size:clamp(11.5px,2.8vw,12.5px);font-weight:500;color:var(--text-muted);text-align:center;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;white-space:nowrap}.segmented-option:hover{color:var(--text-secondary)}.segmented-option.active{background:#c77dff2e;color:#fff;border:1px solid rgba(199,125,255,.4)}.start-chat-btn{position:relative;background:var(--primary-gradient);border-radius:var(--radius-md);padding:13px 20px;min-height:48px;font-size:15px;font-weight:600;color:#fff;transition:var(--transition-base);letter-spacing:.3px;box-shadow:var(--shadow-btn);display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;width:100%}.start-chat-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 32px #ff4d6d73}.start-chat-btn:active:not(:disabled){transform:translateY(0)}.start-chat-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.trust-row{display:flex;align-items:center;justify-content:space-around;padding-top:10px;border-top:1px solid var(--border-subtle);gap:8px}.trust-item{display:flex;flex-direction:column;align-items:center;gap:2px}.trust-title{font-family:var(--font-heading);font-size:clamp(13px,3.5vw,15px);font-weight:700;color:var(--text-primary)}.trust-subtitle{font-size:clamp(9px,2.2vw,10px);color:var(--text-disabled);text-transform:uppercase;letter-spacing:.5px}.trust-divider{width:1px;height:20px;background:var(--border-subtle);flex-shrink:0}.consent-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#080811e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;padding:clamp(14px,3vw,24px);overflow-y:auto;animation:fadeIn .3s ease;box-sizing:border-box}.consent-card{max-width:480px;width:100%;max-height:min(90dvh,640px);overflow-y:auto;background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-xl);padding:clamp(22px,5vw,36px) clamp(18px,5vw,32px);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-card),inset 0 1px #ffffff14;display:flex;flex-direction:column;gap:clamp(14px,3vw,20px);animation:fadeUp .4s cubic-bezier(.16,1,.3,1) both;box-sizing:border-box;margin:auto 0}.consent-badge{display:inline-flex;align-items:center;gap:6px;background:#ffa5001f;border:1px solid rgba(255,165,0,.3);border-radius:var(--radius-sm);padding:5px 10px;font-size:12px;font-weight:600;color:var(--accent-orange);width:fit-content}.consent-title{font-family:var(--font-heading);font-size:clamp(19px,4.5vw,22px);font-weight:700;color:var(--text-primary)}.consent-body{font-size:clamp(13px,3vw,14px);color:var(--text-secondary);line-height:1.55}.consent-rules{background:#ffffff05;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:clamp(12px,3vw,16px);display:flex;flex-direction:column;gap:10px}.consent-rule{display:flex;align-items:flex-start;gap:10px;font-size:clamp(12px,2.8vw,13px);color:var(--text-secondary);line-height:1.45}.rule-dot{min-width:6px;height:6px;background:var(--accent-purple);border-radius:50%;margin-top:6px}.consent-actions{display:flex;gap:12px;margin-top:4px}.consent-accept-btn{flex:1;min-height:44px;background:var(--primary-gradient);border-radius:var(--radius-md);padding:12px 16px;font-size:14px;font-weight:600;color:#fff;transition:var(--transition-base);display:flex;align-items:center;justify-content:center;text-align:center}.consent-accept-btn:hover{box-shadow:var(--shadow-btn);transform:translateY(-1px)}.consent-decline-btn{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-height:44px;padding:12px 18px;font-size:14px;color:var(--text-muted);transition:var(--transition-base);display:flex;align-items:center;justify-content:center}.consent-decline-btn:hover{color:var(--text-secondary);background:var(--bg-surface-hover)}@media (max-width: 768px){.landing-card{flex-direction:column;padding:24px 18px;gap:20px;border-radius:var(--radius-lg)}.landing-preview{width:100%;height:clamp(170px,42vw,220px);min-height:unset}.text-only-placeholder{min-height:130px;padding:16px}.text-only-avatar{width:50px;height:50px;font-size:22px}.prefs-row{flex-direction:column;gap:12px}.consent-actions{flex-direction:column-reverse;gap:10px}.consent-accept-btn,.consent-decline-btn{width:100%}}@media (max-width: 380px){.landing-root{padding:12px}.landing-card{padding:18px 12px;gap:16px}.mode-btn{padding:8px 6px;font-size:12px}.segmented-option{padding:6px 4px;font-size:11px}.trust-title{font-size:12px}.trust-subtitle{font-size:8.5px}}:root{--bg-main: #080811;--bg-surface: rgba(255, 255, 255, .03);--bg-surface-elevated: rgba(255, 255, 255, .06);--bg-surface-hover: rgba(255, 255, 255, .09);--bg-video-card: #0d0d1a;--border-subtle: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .14);--border-focus: rgba(199, 125, 255, .5);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .65);--text-muted: rgba(255, 255, 255, .4);--text-disabled: rgba(255, 255, 255, .25);--primary-gradient: linear-gradient(135deg, #ff4d6d, #c77dff);--primary-gradient-hover: linear-gradient(135deg, #ff5e7b, #d08eff);--accent-blue: #48cae4;--accent-purple: #c77dff;--accent-green: #22c55e;--accent-red: #ff5252;--accent-orange: #ffa500;--font-heading: "Syne", sans-serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--shadow-card: 0 20px 60px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px rgba(199, 125, 255, .2);--shadow-btn: 0 8px 24px rgba(255, 77, 109, .35);--transition-fast: .15s ease;--transition-base: .2s ease;--touch-min-height: 44px;--touch-min-width: 44px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;min-height:100vh;min-height:100dvh;overflow:hidden;background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%}input,button,textarea,select{font-family:inherit;font-size:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:none;border:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (max-width: 768px){input[type=text],input[type=search],textarea,select{font-size:16px!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#ffffff38}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.9)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}