@font-face{font-family:Sora;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/sora-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/sora-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/sora-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/sora-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-sans-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-sans-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box}body,html{background:#f5f5f5;width:100%;margin:0;padding:0;font-family:DM Sans,-apple-system,sans-serif;overflow-x:hidden}#root{width:100%;margin:0;padding:0;overflow-x:hidden}.app-container{flex-direction:column;width:100%;min-height:100vh;display:flex}.app-content{flex-direction:column;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;overflow-x:hidden}.app-header{background:#fff;padding:.75rem 0;box-shadow:0 2px 10px #0000001a}.app-header-content{flex-wrap:wrap;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 1rem;display:flex}.header-top-row{justify-content:space-between;align-items:center;width:100%;display:flex}.header-username{color:#1e293b}.header-logo-img{object-fit:contain;width:auto;height:36px}.user-info{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.user-info span{font-size:.9rem;font-weight:500}.header-pts{color:#4f46e5;background:#f0f4ff;border:1px solid #c7d7fc;border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-size:.82rem;font-weight:700;display:flex}.header-btn{cursor:pointer;border:none;border-radius:6px;padding:6px 14px;font-family:DM Sans,sans-serif;font-size:.85rem}.btn-logout{color:#b91c1c;background:#fee2e2}.btn-admin{color:#fff;background:linear-gradient(135deg,#1e293b,#334155)}.btn-friends,.btn-help{color:#4f46e5;background:#f0f4ff;border:1px solid #c7d7fc}.help-dropdown{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:160px;margin-top:4px;display:none;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #0000001a}.help-menu-wrapper:hover .help-dropdown{display:block}.help-dropdown a{color:#374151;padding:8px 14px;font-size:.85rem;text-decoration:none;transition:background .15s;display:block}.help-dropdown a:hover{background:#f3f4f6}.friend-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;align-items:center;gap:9px;margin-bottom:7px;padding:10px;display:flex}.friend-avatar{color:#4f46e5;background:#e0e7ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:flex;overflow:hidden}.friend-info{flex:1}.friend-name{color:#1a1a2e;font-size:.88rem;font-weight:600}.friend-sub{color:#94a3b8;margin-top:1px;font-size:.75rem}.friend-action-btn{cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;padding:5px 11px;font-family:DM Sans,sans-serif;font-size:.77rem;transition:all .15s}.friend-action-btn.accept{color:#15803d;border-color:#bbf7d0}.friend-action-btn.decline{color:#ef4444;border-color:#fca5a5}.friend-action-btn.remove{color:#9ca3af;border-color:#e5e7eb}.friend-action-btn:hover{opacity:.8}.invite-share-row{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.invite-share-btn{cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:3px;min-width:58px;padding:9px 5px;font-family:DM Sans,sans-serif;font-size:.75rem;transition:all .15s;display:flex}.invite-share-btn:hover{color:#4f46e5;border-color:#4f8ef7}.invite-url-box{color:#475569;word-break:break-all;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;margin:.75rem 0;padding:9px 12px;font-family:monospace;font-size:.78rem}.modal-tab-row{gap:.5rem;margin-bottom:1rem;display:flex}.modal-tab{color:#6b7280;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;flex:1;padding:8px;font-family:DM Sans,sans-serif;font-size:.83rem;font-weight:600;transition:all .15s}.modal-tab.active{color:#fff;background:#1e293b;border-color:#1e293b}.setting-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:.65rem 0;display:flex}.setting-row:last-child{border-bottom:none}.setting-info{flex:1}.setting-name{color:#1e293b;font-size:.88rem;font-weight:600}.setting-desc{color:#94a3b8;margin-top:2px;font-size:.75rem}.toggle{flex-shrink:0;width:44px;height:24px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:#e5e7eb;border-radius:12px;transition:background .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle input:checked+.toggle-slider{background:#4f8ef7}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.duration-input{text-align:center;border:1.5px solid #e5e7eb;border-radius:6px;width:80px;padding:6px 9px;font-family:DM Sans,sans-serif;font-size:.85rem}.save-settings-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f8ef7,#7c3aed);border:none;border-radius:7px;margin-top:1rem;padding:9px 20px;font-family:Sora,sans-serif;font-size:.85rem;font-weight:700}.auth-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.auth-footer{text-align:center;color:#ffffffb3;margin-top:1.5rem;font-size:.82rem}.auth-footer-links{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:.5rem;display:flex}.auth-footer-links a{color:#ffffffd9;font-weight:500;text-decoration:none}.auth-footer-links a:hover{color:#fff;text-decoration:underline}.auth-box{text-align:center;background:#fff;border-radius:12px;width:100%;max-width:500px;padding:2rem;box-shadow:0 10px 30px #0003}.auth-header{flex-direction:column;align-items:center;margin-bottom:1.5rem;padding-top:2.5rem;display:flex}.auth-logo{object-fit:contain;aspect-ratio:320/80;width:100%;max-width:320px;height:auto;margin-bottom:.75rem}.auth-subtitle{color:#666;margin-bottom:.5rem;font-size:1.05rem}.auth-divider{color:#6b7280;text-align:center;margin:1.25rem 0;position:relative}.auth-divider:before{content:"";background:#e5e7eb;height:1px;position:absolute;top:50%;left:0;right:0}.auth-divider span{z-index:1;background:#fff;padding:0 12px;position:relative}.google-button-container{justify-content:center;width:100%;margin:.75rem 0;display:flex}.auth-link{color:#3b5fc0;cursor:pointer;background:0 0;border:none;width:100%;margin-top:1rem;font-size:.9rem;display:block}.error-message{color:#c62828;text-align:left;background:#ffebee;border-left:4px solid #c62828;border-radius:4px;margin-bottom:1rem;padding:10px;font-size:.88rem}.register-form{text-align:left}.form-group{margin-bottom:.875rem}.form-group label{color:#333;margin-bottom:.4rem;font-size:.9rem;font-weight:500;display:block}.form-group input,.form-group select{box-sizing:border-box;border:1px solid #ddd;border-radius:6px;width:100%;padding:9px 12px;font-size:15px}.register-form button[type=submit]{color:#fff;cursor:pointer;background:#3367d6;border:none;border-radius:6px;width:100%;margin-top:.75rem;padding:11px;font-size:15px}.terms-row{text-align:left;align-items:flex-start;gap:10px;margin:.75rem 0 0;display:flex}.terms-row input[type=checkbox]{accent-color:#4285f4;cursor:pointer;flex-shrink:0;width:17px;height:17px;margin-top:2px}.terms-row label{color:#6b7280;cursor:pointer;font-size:.8rem;line-height:1.5}.terms-row a{color:#4285f4;text-decoration:underline}.dashboard-container{text-align:center;padding:2rem 1rem;overflow-x:hidden}.welcome-message h2{color:#333;margin-bottom:.5rem;font-size:1.8rem}.welcome-message>p{color:#666;margin-bottom:1.5rem;font-size:1.1rem}.start-matching-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f8ef7,#7c3aed);border:none;border-radius:8px;padding:13px 28px;font-family:Sora,sans-serif;font-size:1rem;font-weight:700;transition:all .2s}.start-matching-btn:hover{opacity:.9;transform:translateY(-1px)}.start-matching-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.dashboard-online-pill{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;align-items:center;gap:7px;margin-bottom:1rem;padding:5px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.live-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.stats-card{text-align:left;background:#fff;border-radius:12px;max-width:580px;margin:1.5rem auto;padding:1.25rem 1.5rem;box-shadow:0 2px 10px #00000014}.stats-card h3{color:#1a1a2e;margin:0 0 1rem;font-family:Sora,sans-serif;font-size:1rem}.stat-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.stat-row:last-child{border-bottom:none}.stat-label{color:#6b7280;font-size:.9rem}.stat-value{font-size:.9rem;font-weight:700}.leaderboard-card{text-align:left;background:#fff;border-radius:12px;max-width:580px;margin:1.5rem auto;padding:1.25rem 1.5rem;box-shadow:0 2px 10px #00000014}.leaderboard-card h3{color:#1a1a2e;margin:0 0 .75rem;font-family:Sora,sans-serif;font-size:1rem}.lb-tabs{gap:4px;display:flex}.lb-tab{cursor:pointer;border:none;border-radius:8px;padding:4px 10px;font-size:.75rem;font-weight:600}.lb-tab.active{color:#fff;background:#4f46e5}.lb-tab:not(.active){color:#6b7280;background:#f3f4f6}.lb-row{border-radius:8px;align-items:center;margin-bottom:2px;padding:8px 10px;display:flex}.lb-row.me{background:#eef2ff;font-weight:700}.lb-rank{color:#6b7280;width:28px;font-size:.9rem}.lb-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.88rem;overflow:hidden}.lb-sessions{color:#6b7280;margin-right:8px;font-size:.78rem}.lb-score{color:#4f46e5;font-size:.78rem;font-weight:600}.lb-streak{margin-left:6px;font-size:.75rem}.lang-select{appearance:none;cursor:pointer;letter-spacing:.04em;color:#374151;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 8px center no-repeat;border:1px solid #00000026;border-radius:6px;padding:4px 28px 4px 8px;font-family:inherit;font-size:.78rem;font-weight:600;line-height:1}.lang-select:hover{border-color:#00000040}.lang-select:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 2px #4f46e533}.balance-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin:.75rem 0 1rem;display:grid}.balance-tile{text-align:center;border-radius:10px;padding:.875rem 1rem}.balance-tile.fp{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe}.balance-tile.rp{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0}.balance-num{font-family:Sora,sans-serif;font-size:1.6rem;font-weight:800}.balance-num.fp{color:#1d4ed8}.balance-num.rp{color:#15803d}.balance-lbl{color:#6b7280;margin-top:2px;font-size:.72rem}.exchange-btn{color:#4f46e5;cursor:pointer;background:#f0f4ff;border:1px solid #c7d7fc;border-radius:8px;width:100%;margin-top:.25rem;padding:9px;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600;transition:all .15s}.exchange-btn:hover{background:#e0e7ff}.profile-section{text-align:left;background:#fff;border-radius:12px;max-width:580px;margin:0 auto;padding:2rem;overflow-x:hidden;box-shadow:0 2px 10px #0000000d}.profile-avatar{color:#4f46e5;background:#e0e7ff;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 1.25rem;font-size:1.8rem;font-weight:700;display:flex;overflow:hidden}.upload-btn{cursor:pointer;background:#eee;border:1px solid #ddd;border-radius:6px;padding:4px 10px;font-size:.85rem}.save-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;width:100%;margin-top:.75rem;padding:11px;font-size:.95rem}.history-list{max-width:580px;margin-top:1.5rem;margin-left:auto;margin-right:auto}.history-item{background:#fff;border:1px solid #eee;border-radius:8px;align-items:center;gap:10px;margin-bottom:8px;padding:13px;display:flex;box-shadow:0 1px 3px #0000000d}.history-avatar{color:#555;background:#eee;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:flex;overflow:hidden}.history-points{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;align-items:center;gap:3px;margin-top:3px;padding:2px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:8800;background:#000000a6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:18px;width:100%;max-width:400px;padding:2rem 1.75rem;animation:.3s cubic-bezier(.4,0,.2,1) slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.modal-icon{text-align:center;margin-bottom:.75rem;font-size:2.5rem}.modal-card h2{color:#1a1a2e;text-align:center;margin:0 0 .4rem;font-family:Sora,sans-serif;font-size:1.2rem;font-weight:800}.modal-card>p{color:#6b7280;text-align:center;margin:0 0 1.25rem;font-size:.88rem;line-height:1.55}.modal-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f8ef7,#7c3aed);border:none;border-radius:9px;width:100%;margin-bottom:7px;padding:11px;font-family:Sora,sans-serif;font-size:.93rem;font-weight:700;transition:opacity .2s}.modal-btn-primary:hover{opacity:.9}.modal-btn-primary:disabled{opacity:.45;cursor:not-allowed}.modal-btn-ghost{color:#9ca3af;cursor:pointer;background:0 0;border:none;width:100%;padding:9px;font-family:DM Sans,sans-serif;font-size:.83rem}.modal-input{box-sizing:border-box;border:2px solid #e5e7eb;border-radius:8px;outline:none;width:100%;margin-bottom:.6rem;padding:10px 13px;font-family:DM Sans,sans-serif;font-size:14px}.modal-input:focus{border-color:#4f8ef7}.profile-gate-overlay{z-index:8888;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.profile-gate-card{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:400px;padding:2.25rem 1.75rem;animation:.35s cubic-bezier(.4,0,.2,1) slideUp;box-shadow:0 20px 50px #0000004d}.profile-gate-input{box-sizing:border-box;border:2px solid #e5e7eb;border-radius:9px;outline:none;width:100%;margin-bottom:.6rem;padding:11px 14px;font-family:DM Sans,sans-serif;font-size:14px}.profile-gate-input:focus{border-color:#4f8ef7}.profile-gate-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f8ef7,#7c3aed);border:none;border-radius:9px;width:100%;margin-top:.4rem;padding:12px;font-family:Sora,sans-serif;font-size:.93rem;font-weight:700;transition:opacity .2s,transform .2s}.profile-gate-submit:hover{opacity:.9;transform:translateY(-1px)}.profile-gate-submit:disabled{opacity:.55;cursor:not-allowed;transform:none}.onboarding-overlay{z-index:9999;background:#0d0d1a;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.ob-bg{pointer-events:none;background:radial-gradient(at 20%,#4f8ef726 0%,#0000 60%),radial-gradient(at 80% 20%,#7c3aed26 0%,#0000 60%),radial-gradient(at 60% 80%,#0596691a 0%,#0000 60%);position:absolute;inset:0}.ob-star{opacity:.3;background:#fff;border-radius:50%;width:2px;height:2px;animation:3s infinite alternate twinkle;position:absolute}@keyframes twinkle{0%{opacity:.1;transform:scale(1)}to{opacity:.6;transform:scale(1.5)}}.ob-card{z-index:1;width:100%;max-width:400px;margin:0 1.25rem;position:relative}.ob-skip{color:#ffffffb3;cursor:pointer;z-index:10000;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:5px 14px;font-family:DM Sans,sans-serif;font-size:.82rem;position:fixed;top:1.25rem;right:1.25rem}.ob-logo{text-align:center;margin-bottom:2rem}.ob-logo img{filter:brightness(0)invert();opacity:.9;height:52px}.slides-wrapper{overflow:hidden}.slides-track{transition:transform .5s cubic-bezier(.4,0,.2,1);display:flex}.slide{text-align:center;flex-direction:column;flex:0 0 100%;align-items:center;padding:0 .5rem;display:flex}.slide-tag{letter-spacing:.22em;text-transform:uppercase;border-radius:20px;margin-bottom:1.25rem;padding:3px 10px;font-family:Sora,sans-serif;font-size:.68rem;font-weight:700}.slide-icon{border-radius:24px;justify-content:center;align-items:center;width:88px;height:88px;margin-bottom:1.5rem;font-size:2.6rem;display:flex}.slide-headline{color:#fff;letter-spacing:-.02em;margin-bottom:.875rem;font-family:Sora,sans-serif;font-size:1.5rem;font-weight:800;line-height:1.25}.slide-body{color:#ffffff9e;max-width:300px;font-size:.93rem;line-height:1.6}.slide-note{color:#ffffff4d;margin-top:.875rem;font-size:.75rem;font-style:italic}.ob-dots{justify-content:center;gap:7px;margin:2rem 0 1.75rem;display:flex}.ob-dot{cursor:pointer;background:#ffffff38;border:none;border-radius:3px;height:5px;padding:0;transition:all .4s}.ob-dot.active{background:#fff}.ob-cta{cursor:pointer;border:none;border-radius:12px;width:100%;padding:13px;font-family:Sora,sans-serif;font-size:.93rem;font-weight:700;transition:all .22s}.ob-cta:hover{transform:translateY(-1px);box-shadow:0 8px 22px #0006}.matching-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:2rem 1rem;display:flex}.sonar-container{justify-content:center;align-items:center;width:130px;height:130px;margin-bottom:2rem;display:flex;position:relative}.sonar-ring{opacity:0;border:2px solid #4f8ef7;border-radius:50%;animation:2.4s ease-out infinite sonar;position:absolute}.sonar-ring:first-child{width:56px;height:56px;animation-delay:0s}.sonar-ring:nth-child(2){width:96px;height:96px;animation-delay:.8s}.sonar-ring:nth-child(3){width:130px;height:130px;animation-delay:1.6s}@keyframes sonar{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(1)}}.sonar-core{z-index:1;background:linear-gradient(135deg,#4f8ef7,#7c3aed);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.4rem;display:flex;box-shadow:0 0 0 4px #4f8ef733,0 4px 18px #4f8ef766}.match-status{color:#1a1a2e;margin-bottom:.4rem;font-family:Sora,sans-serif;font-size:1.2rem;font-weight:700}.match-sub{color:#6b7280;margin-bottom:1.25rem;font-size:.9rem}.level-badge{color:#4f46e5;text-transform:capitalize;background:#f0f4ff;border:1px solid #c7d7fc;border-radius:20px;margin-bottom:1.25rem;padding:4px 13px;font-size:.8rem;font-weight:600;display:inline-block}.online-badge{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;align-items:center;gap:6px;margin-bottom:1.5rem;padding:5px 13px;font-size:.8rem;font-weight:600;display:inline-flex}.online-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite pulse}.cancel-btn{color:#6b7280;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;padding:9px 26px;font-family:DM Sans,sans-serif;font-size:.9rem;transition:all .2s}.cancel-btn:hover{color:#f44336;background:#fff5f5;border-color:#f44336}.progress-bar{background:#e5e7eb;border-radius:2px;width:190px;height:3px;margin:.875rem 0 .4rem;overflow:hidden}.progress-fill{border-radius:2px;height:100%;transition:width 1s linear,background .3s}.precall-overlay{z-index:7777;background:#0d0d1a;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.precall-bg{pointer-events:none;background:radial-gradient(at 30% 40%,#4f8ef71f 0%,#0000 55%),radial-gradient(at 70% 60%,#7c3aed1f 0%,#0000 55%);position:absolute;inset:0}.precall-card{text-align:center;z-index:1;width:100%;max-width:390px;animation:.5s cubic-bezier(.34,1.56,.64,1) precallIn;position:relative}@keyframes precallIn{0%{opacity:0;transform:scale(.85)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.precall-tag{letter-spacing:.2em;text-transform:uppercase;color:#a78bfa;justify-content:center;align-items:center;gap:6px;margin-bottom:1.25rem;font-family:Sora,sans-serif;font-size:.68rem;font-weight:700;display:flex}.precall-tag:before,.precall-tag:after{content:"";background:#a78bfa66;width:28px;height:1px;display:block}.precall-avatar-wrap{width:100px;height:100px;margin:0 auto 1.25rem;position:relative}.precall-avatar-ring{background:conic-gradient(#4f8ef7,#7c3aed,#4f8ef7);border-radius:50%;animation:4s linear infinite spin;position:absolute;inset:-5px}@keyframes spin{to{transform:rotate(360deg)}}.precall-avatar-inner{z-index:1;background:#0d0d1a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:3px;overflow:hidden}.precall-avatar-inner img{object-fit:cover;border-radius:50%;width:100%;height:100%}.precall-name{color:#fff;letter-spacing:-.02em;margin-bottom:.2rem;font-family:Sora,sans-serif;font-size:1.65rem;font-weight:800}.precall-chips{flex-wrap:wrap;justify-content:center;gap:7px;margin:.875rem 0 1.25rem;display:flex}.chip{border:1px solid;border-radius:20px;align-items:center;gap:4px;padding:5px 11px;font-size:.79rem;font-weight:500;display:inline-flex}.chip.country{color:#93c5fd;background:#4f8ef71f;border-color:#4f8ef74d}.chip.lang{color:#c4b5fd;background:#7c3aed1f;border-color:#7c3aed4d}.chip.level{color:#6ee7b7;background:#0596691f;border-color:#0596694d}.precall-starter{color:#ffffff94;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;margin-bottom:1.75rem;padding:11px 14px;font-size:.83rem;line-height:1.5}.precall-starter strong{color:#ffffff4d;letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px;font-size:.69rem;display:block}.precall-countdown{flex-direction:column;align-items:center;gap:.875rem;margin-bottom:.75rem;display:flex}.countdown-ring{width:66px;height:66px;position:relative}.countdown-ring svg{transform:rotate(-90deg)}.countdown-num{color:#fff;font-family:Sora,sans-serif;font-size:1.3rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.precall-start-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f8ef7,#7c3aed);border:none;border-radius:11px;padding:12px 28px;font-family:Sora,sans-serif;font-size:.93rem;font-weight:700;transition:all .2s;box-shadow:0 4px 18px #4f8ef766}.precall-start-btn:hover{transform:translateY(-2px)}.precall-back-btn{color:#ffffff47;cursor:pointer;background:0 0;border:none;margin-top:.875rem;font-family:DM Sans,sans-serif;font-size:.79rem;transition:color .2s}.precall-back-btn:hover{color:#ffffff8c}.video-compact-header{background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:5px 1rem;display:flex;box-shadow:0 1px 4px #00000014}.video-compact-header img{width:auto;height:32px}.video-compact-pts{color:#4285f4;font-size:.79rem;font-weight:700}.video-call-interface{box-sizing:border-box;flex-direction:column;gap:.75rem;height:100vh;padding:.75rem;display:flex;position:relative}.video-container{background:#1a1a1a;border-radius:12px;flex-grow:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.video-el{object-fit:contain;width:100%;height:100%}.video-el.local{z-index:10;object-fit:cover;background:#333;border:2px solid #fff;border-radius:8px;width:130px;height:175px;position:absolute;bottom:16px;right:14px}.timer-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;z-index:5;background:#000000a6;border:1px solid #ffffff1a;border-radius:22px;align-items:center;gap:7px;padding:6px 16px;display:flex;position:absolute;top:.875rem;left:50%;transform:translate(-50%)}.timer-display{letter-spacing:.05em;font-family:Sora,sans-serif;font-size:.95rem;font-weight:700;transition:color .4s}.timer-display.normal{color:#fff}.timer-display.warning{color:#fbbf24}.timer-display.critical{color:#f87171;animation:1s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.status-badge{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #0000;border-radius:18px;align-items:center;gap:5px;padding:5px 11px;font-size:.75rem;font-weight:600;display:inline-flex;position:absolute;bottom:14px;left:14px}.status-badge.connected{color:#6ee7b7;background:#10b98133;border-color:#10b98166}.status-badge.connecting,.status-badge.checking{color:#fcd34d;background:#fbbf2433;border-color:#fbbf244d}.status-badge.failed,.status-badge.disconnected{color:#fca5a5;background:#ef444433;border-color:#ef44444d}.status-badge.new,.status-badge.closed{color:#d1d5db;background:#9ca3af33;border-color:#9ca3af33}.s-dot{border-radius:50%;width:6px;height:6px}.status-badge.connected .s-dot{background:#10b981}.status-badge.connecting .s-dot,.status-badge.checking .s-dot{background:#f59e0b;animation:1s infinite pulse}.status-badge.failed .s-dot,.status-badge.disconnected .s-dot{background:#ef4444}.status-badge.new .s-dot,.status-badge.closed .s-dot{background:#9ca3af}.call-controls{background:#fff;border-radius:12px;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.1rem 1.25rem;display:flex;box-shadow:0 4px 12px #0000001a}.control-btn-end{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:.93rem;display:flex}.report-btn{color:#9ca3af;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:6px;margin-top:5px;padding:5px 10px;font-family:DM Sans,sans-serif;font-size:.75rem;transition:all .15s}.report-btn:hover{color:#ef4444;background:#fff5f5;border-color:#ef4444}.ended-overlay,.disconnect-overlay,.rating-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;text-align:center;color:#fff;background:#000000de;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:2rem;animation:.3s fadeIn;display:flex;position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ended-overlay h3,.disconnect-overlay h3{margin:.75rem 0 .4rem;font-family:Sora,sans-serif;font-size:1.15rem;font-weight:700}.ended-overlay p,.disconnect-overlay p{color:#ffffff94;margin:0 0 1.5rem;font-size:.87rem}.spinner{border:3px solid #ffffff26;border-top-color:#f59e0b;border-radius:50%;width:44px;height:44px;margin-bottom:1rem;animation:.8s linear infinite spin}.disc-end-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:9px 24px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600}.rating-buttons{flex-wrap:wrap;gap:.875rem;margin-top:1.75rem;display:flex}.rating-btn{cursor:pointer;border:none;border-radius:8px;padding:.875rem 1.75rem;font-size:1.1rem;transition:transform .2s}.rating-btn.good{color:#fff;background:#10b981}.rating-btn.meh{color:#fff;background:#6b7280}.rating-btn.warn{color:#fff;background:#f59e0b}.rating-btn:hover{transform:scale(1.05)}.context-note{border-radius:7px;margin-bottom:.75rem;padding:5px 13px;font-size:.82rem}.context-note.warning{color:#fbbf24;background:#fbbf2426}.context-note.muted{color:#ffffff73}.report-overlay{z-index:9000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.report-card{background:#fff;border-radius:14px;width:100%;max-width:370px;padding:1.5rem;animation:.28s cubic-bezier(.4,0,.2,1) slideUp}.report-card h3{color:#1a1a2e;margin:0 0 .3rem;font-family:Sora,sans-serif;font-size:1rem;font-weight:800}.report-card>p{color:#6b7280;margin:0 0 1rem;font-size:.82rem}.reason-btn{text-align:left;cursor:pointer;color:#374151;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:7px;width:100%;margin-bottom:7px;padding:9px 12px;font-family:DM Sans,sans-serif;font-size:.84rem;transition:all .15s;display:block}.reason-btn:hover,.reason-btn.sel{color:#ef4444;background:#fff5f5;border-color:#ef4444}.reason-btn.sel{font-weight:600}.report-actions{gap:7px;margin-top:10px;display:flex}.report-action-btn{cursor:pointer;border:none;border-radius:7px;flex:1;padding:10px;font-family:Sora,sans-serif;font-size:.85rem;font-weight:700;transition:background .2s}.report-action-btn.block{color:#fff;background:#6b7280}.report-action-btn.report{color:#fff;background:#ef4444}.report-action-btn:disabled{opacity:.45;cursor:not-allowed}.report-cancel{color:#9ca3af;cursor:pointer;background:0 0;border:none;width:100%;margin-top:5px;padding:8px;font-family:DM Sans,sans-serif;font-size:.82rem}.report-success{text-align:center;padding:.75rem 0}.report-success-icon{margin-bottom:.6rem;font-size:2.25rem}.admin-container{max-width:1100px;margin:0 auto;padding:1.5rem 1rem}.admin-header{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.admin-header h1{color:#1a1a2e;margin:0;font-family:Sora,sans-serif;font-size:1.4rem;font-weight:800}.admin-badge{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;background:#1e293b;border-radius:20px;padding:3px 10px;font-size:.72rem;font-weight:700}.admin-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.admin-tab{color:#6b7280;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;padding:8px 18px;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600;transition:all .15s}.admin-tab.active{color:#fff;background:#1e293b;border-color:#1e293b}.admin-tab:hover:not(.active){color:#1e293b;border-color:#1e293b}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.875rem;margin-bottom:1.5rem;display:grid}.kpi-card{background:#fff;border:1px solid #f1f5f9;border-radius:10px;padding:1rem 1.1rem;box-shadow:0 1px 4px #00000012}.kpi-card .kpi-val{color:#1a1a2e;font-family:Sora,sans-serif;font-size:1.8rem;font-weight:800}.kpi-card .kpi-lbl{color:#94a3b8;margin-top:2px;font-size:.75rem}.kpi-card .kpi-sub{color:#22c55e;margin-top:3px;font-size:.72rem;font-weight:600}.admin-section{background:#fff;border:1px solid #f1f5f9;border-radius:10px;margin-bottom:1rem;padding:1.25rem;box-shadow:0 1px 4px #00000012}.admin-section h3{color:#1e293b;margin:0 0 1rem;font-family:Sora,sans-serif;font-size:.93rem;font-weight:700}.admin-table{border-collapse:collapse;width:100%;font-size:.83rem}.admin-table th{text-align:left;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:8px 10px;font-weight:600}.admin-table td{color:#374151;border-bottom:1px solid #f1f5f9;padding:9px 10px}.admin-table tr:hover td{background:#f8fafc}.badge-pill{border-radius:12px;padding:2px 9px;font-size:.72rem;font-weight:700;display:inline-block}.badge-pill.pending{color:#92400e;background:#fef3c7}.badge-pill.actioned{color:#166534;background:#dcfce7}.badge-pill.reviewed{color:#3730a3;background:#e0e7ff}.badge-pill.banned{color:#991b1b;background:#fee2e2}.badge-pill.admin{color:#3730a3;background:#e0e7ff}.search-row{gap:.75rem;margin-bottom:1rem;display:flex}.search-input{border:1.5px solid #e5e7eb;border-radius:8px;outline:none;flex:1;padding:9px 13px;font-family:DM Sans,sans-serif;font-size:.88rem}.search-input:focus{border-color:#4f8ef7}.search-btn{color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:8px;padding:9px 18px;font-family:DM Sans,sans-serif;font-size:.85rem}.action-row{flex-wrap:wrap;gap:.5rem;display:flex}.act-btn{cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;padding:5px 12px;font-family:DM Sans,sans-serif;font-size:.78rem;transition:all .15s}.btn-subtle{cursor:pointer;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;width:100%;padding:9px;font-family:DM Sans,sans-serif;font-size:.88rem;transition:all .15s}.btn-accent-outline{cursor:pointer;color:#4f46e5;background:#f0f4ff;border:1px solid #c7d7fc;border-radius:6px;width:100%;padding:9px;font-family:DM Sans,sans-serif;font-size:.88rem;transition:all .15s}.act-btn.ban{color:#ef4444;border-color:#fca5a5}.act-btn.unban{color:#10b981;border-color:#bbf7d0}.act-btn.adjust{color:#4f46e5;border-color:#c7d7fc}.act-btn.dismiss{color:#64748b;border-color:#e2e8f0}.act-btn.action{color:#ef4444;border-color:#fca5a5}.act-btn:hover{opacity:.8}.panel-white{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1rem;padding:20px;box-shadow:0 2px 8px #0000000f}.qty-btn{cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.1rem;display:flex}.text-muted{color:#6b7280}.bg-light{background:#f8fafc}.bg-green{text-align:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:9px;margin-bottom:.875rem;padding:.75rem 1rem}.warning-box{text-align:left;color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;max-width:320px;margin:.75rem 0;padding:1rem;font-size:.83rem;line-height:1.5}.pw-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:8px;padding:12px}.chart-row{align-items:flex-end;gap:4px;height:80px;margin-top:.75rem;display:flex}.chart-bar{background:linear-gradient(#7c3aed,#4f8ef7);border-radius:3px 3px 0 0;flex:1;min-height:2px;transition:height .3s}.chart-labels{gap:4px;margin-top:3px;display:flex}.chart-lbl{color:#94a3b8;text-align:center;white-space:nowrap;flex:1;font-size:.6rem;overflow:hidden}.health-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.health-item{background:#f8fafc;border-radius:8px;padding:.875rem 1rem}.health-item .h-val{color:#1e293b;font-family:Sora,sans-serif;font-size:1.4rem;font-weight:800}.health-item .h-lbl{color:#94a3b8;margin-top:2px;font-size:.75rem}.inline-form{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.inline-form input{border:1.5px solid #e5e7eb;border-radius:6px;flex:1;min-width:80px;padding:7px 10px;font-family:DM Sans,sans-serif;font-size:.83rem}.inline-form button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;padding:7px 14px;font-size:.83rem}@media (max-width:768px){.app-header-content{gap:.5rem;padding:.5rem .75rem}.user-info{flex-wrap:wrap;align-items:center;gap:.4rem;width:100%;display:flex}.user-info span{font-size:.82rem}.header-pts{padding:3px 10px;font-size:.75rem}.header-btn{padding:4px 10px;font-size:.78rem}.auth-box{width:auto;margin:.75rem}.profile-section{width:auto;margin:.75rem;padding:1.25rem}.video-el.local{width:80px!important;height:120px!important;bottom:8px!important;right:8px!important}.slide-headline{font-size:1.35rem}.precall-name{font-size:1.45rem}.admin-container{padding:1rem .75rem}.kpi-grid,.balance-grid{grid-template-columns:1fr 1fr}}.video-fullscreen{z-index:9999;background:#000;inset:0;position:fixed!important}.video-fullscreen video{object-fit:cover!important;width:100%!important;height:100%!important}.video-fullscreen .local-video-pip{width:120px!important;height:180px!important;bottom:80px!important;right:16px!important}.video-controls{padding-bottom:env(safe-area-inset-bottom,0px)}@media (orientation:landscape) and (max-height:500px){.video-container{height:100vh!important}.local-video-pip{width:100px!important;height:150px!important}.video-controls{padding:4px 12px!important}.video-status-badge{padding:2px 6px!important;font-size:.65rem!important;top:4px!important;left:4px!important}}.help-menu-wrapper{position:relative}.help-dropdown{z-index:100;background:#fff;border-radius:8px;min-width:160px;padding:8px;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #00000026}video{overscroll-behavior:none}@media (max-width:768px){.local-video-pip{width:80px!important;height:120px!important}}@media (prefers-color-scheme:dark){body,html{color:#e2e8f0;background:#0f1117}.app-header{background:#1a1d2e;box-shadow:0 2px 10px #0006}.app-header .header-pts{color:#93c5fd;background:#1e2740;border-color:#2d3a5c}.app-header .user-info span,.app-header .header-username{color:#e2e8f0}.app-header .btn-admin{color:#fff!important;background:#ffffff26!important;border-color:#fff3!important}.auth-box{background:#1a1d2e;box-shadow:0 10px 30px #00000080}.auth-subtitle{color:#94a3b8}.auth-divider span{z-index:1;background:#1a1d2e;padding:0 12px;position:relative}.auth-divider:before{background:#334155}.form-group label{color:#cbd5e1}.form-group input,.form-group select{color:#e2e8f0;background:#0f1117;border-color:#334155}.form-group input::placeholder{color:#64748b}.error-message{color:#fca5a5;background:#ef444426;border-left-color:#ef4444}.modal-tab{color:#94a3b8;background:#0f1117;border-color:#334155}.modal-tab.active{color:#e2e8f0;background:#1e293b;border-color:#1e293b}.invite-url-box{color:#94a3b8;background:#0f1117;border-color:#334155}.setting-name{color:#e2e8f0}.setting-desc{color:#94a3b8}.setting-row{border-bottom-color:#1e293b}.toggle-slider{background:#334155}.toggle-slider:before{background:#94a3b8}.duration-input{color:#e2e8f0;background:#0f1117;border-color:#334155}.profile-section{background:#1a1d2e;box-shadow:0 2px 10px #0000004d}.save-btn{background:#059669}.upload-btn{color:#94a3b8;background:#1e293b;border-color:#334155}.stats-card{background:#1a1d2e;box-shadow:0 2px 10px #0000004d}.stats-card h3{color:#e2e8f0}.stat-row{border-bottom-color:#1e293b}.stat-label{color:#94a3b8}.stat-value{color:#e2e8f0}.balance-tile.fp{background:linear-gradient(135deg,#1e2740,#1e3a5f);border-color:#2d4a7a}.balance-tile.rp{background:linear-gradient(135deg,#0f2918,#14532d);border-color:#166534}.exchange-btn{color:#93c5fd;background:#1e293b;border-color:#334155}.exchange-btn:hover{background:#1e3a5f}.welcome-message h2{color:#e2e8f0}.welcome-message>p{color:#94a3b8}.start-matching-btn{box-shadow:0 4px 18px #4f8ef74d}.dashboard-online-pill{color:#4ade80;background:#0f2918;border-color:#166534}.leaderboard-card{background:#1a1d2e;box-shadow:0 2px 10px #0000004d}.leaderboard-card h3{color:#e2e8f0}.lb-tab.active{color:#fff;background:#4f46e5}.lb-tab:not(.active){color:#94a3b8;background:#1e293b}.lb-row.me{background:#1e2740}.lb-rank{color:#94a3b8}.lb-name{color:#e2e8f0}.lb-sessions{color:#94a3b8}.lb-score{color:#93c5fd}.lang-select{color:#e2e8f0;background-color:#0000;border-color:#fff3}.lang-select option{color:#e2e8f0;background:#1a1d2e}.lang-select:hover{border-color:#ffffff59}.lang-select:focus{border-color:#93c5fd;box-shadow:0 0 0 2px #93c5fd33}.friend-item{background:#1e293b;border-color:#2d3a5c}.friend-name{color:#e2e8f0}.friend-sub{color:#94a3b8}.friend-avatar{color:#93c5fd;background:#1e3a5f}.friend-action-btn{color:#94a3b8;background:#1a1d2e;border-color:#334155}.friend-action-btn.accept{color:#4ade80;border-color:#166534}.friend-action-btn.decline{color:#f87171;border-color:#7f1d1d}.friend-action-btn.remove{color:#94a3b8;border-color:#334155}.admin-container{background:#0f1117}.admin-section{background:#1a1d2e;border-color:#2d3a5c;box-shadow:0 2px 10px #0000004d}.admin-table th{color:#94a3b8;background:#1e293b;border-bottom-color:#2d3a5c}.admin-table td{color:#cbd5e1;border-bottom-color:#1e293b}.admin-table tr:hover td{background:#1e293b}.kpi-card{background:#1a1d2e;border-color:#2d3a5c}.kpi-card h4{color:#94a3b8}.kpi-card .kpi-val{color:#e2e8f0}.admin-input{color:#e2e8f0;background:#0f1117;border-color:#334155}.admin-input::placeholder{color:#64748b}.admin-select{color:#e2e8f0;background:#0f1117;border-color:#334155}.admin-btn{color:#94a3b8;background:#1e293b;border-color:#334155}.admin-btn:hover{background:#2d3a5c}.admin-btn.primary{color:#fff;background:linear-gradient(135deg,#4f8ef7,#7c3aed);border:none}.modal-card{background:#1a1d2e}.modal-card h2{color:#e2e8f0}.modal-card p{color:#94a3b8}.modal-input{color:#e2e8f0;background:#0f1117;border-color:#334155}.modal-input::placeholder{color:#64748b}.overlay,.report-overlay{background:#000c}.report-card{background:#1a1d2e}.report-card h2{color:#e2e8f0}.report-card p{color:#94a3b8}.profile-gate-card{background:#1a1d2e}.profile-gate-card h2{color:#e2e8f0}.profile-gate-card p{color:#94a3b8}.profile-gate-input{color:#e2e8f0;background:#0f1117;border-color:#334155}.profile-gate-input::placeholder{color:#64748b}.rating-overlay,.disconnect-overlay{background:#000000eb}.call-controls{background:#1a1d2e;box-shadow:0 4px 12px #0006}.control-btn-end{box-shadow:0 2px 8px #ef44444d}.report-btn{color:#94a3b8;background:#1a1d2e;border-color:#334155}.report-btn:hover{color:#f87171;background:#ef44441a;border-color:#ef4444}.video-compact-header{background:#1a1d2e;box-shadow:0 1px 4px #0006}.chat-messages-container{background:#0f1117}.chat-input-container{background:#1a1d2e}.chat-input{color:#e2e8f0;background:#0f1117;border-color:#334155}.chat-input::placeholder{color:#64748b}.chat-send-btn{background:#4f8ef7}.chat-send-btn:disabled{background:#334155}.chat-msg{color:#e2e8f0}.chat-msg.system{color:#94a3b8;background:#1e293b;border-color:#2d3a5c}.modal-btn-ghost{color:#94a3b8}.btn-subtle{color:#cbd5e1;background:#1e293b;border-color:#334155}.btn-subtle:hover{background:#2d3a5c}.btn-accent-outline{color:#93c5fd;background:#1e2740;border-color:#2d4a7a}.btn-accent-outline:hover{background:#1e3a5f}.act-btn{color:#94a3b8;background:#1a1d2e;border-color:#334155}.panel-white{background:#1a1d2e;border-color:#2d3a5c;box-shadow:0 2px 8px #0000004d}.qty-btn{color:#e2e8f0;background:#1a1d2e;border-color:#334155}.modal-panel{background:#1a1d2e;box-shadow:0 20px 60px #0009}.text-muted{color:#94a3b8}.bg-light{background:#1e293b}.bg-green{color:#4ade80;background:#0f2918;border-color:#166534}.warning-box{color:#fcd34d;background:#fbbf241a;border-color:#fbbf244d}.pw-box{background:#1e293b;border-color:#2d3a5c}.history-item{background:#1a1d2e;border-color:#2d3a5c;box-shadow:0 1px 3px #0000004d}.history-avatar{color:#cbd5e1;background:#2d3a5c}.history-points{color:#4ade80;background:#0f2918;border-color:#166534}}@media (hover:none) and (pointer:coarse){button,a,[role=button]{min-width:44px;min-height:44px}.header-btn{padding:8px 12px!important}.control-btn{padding:12px 20px!important}.lp-cta{padding:14px 28px!important}}@supports (padding:max(0px)){.app-header{padding-top:max(12px,env(safe-area-inset-top))}.video-overlay{padding-bottom:max(16px,env(safe-area-inset-bottom))}.app-container{padding-bottom:env(safe-area-inset-bottom)}}html{overscroll-behavior-y:contain}*{-webkit-overflow-scrolling:touch}button,[role=button],.header-btn,.lp-cta{-webkit-user-select:none;user-select:none}a,button{tap-highlight-color:#4f46e533}