@import"https://fonts.googleapis.com/css2?family=Nunito:wght@700;800;900&display=swap";:root{--bg: #1c1c1c;--orange: #e8673c;--green: #4caf50;--green-dark: #2e7d32;--red: #f44336;--red-dark: #b71c1c;--blue: #2196f3;--text: #ffffff;--glass: rgba(40, 40, 40, .85);--glass-border: rgba(255, 255, 255, .15);--liquid-bg: rgba(255, 255, 255, .08);--liquid-border: rgba(255, 255, 255, .22);--liquid-shine: rgba(255, 255, 255, .28);--liquid-blur: blur(20px) saturate(180%);--nav-h: calc(60px + env(safe-area-inset-bottom, 0px)) }*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;height:100%;height:100dvh;overflow:hidden;background:var(--bg);color:var(--text);font-family:Nunito,sans-serif}.app{display:flex;flex-direction:column;width:100%;height:100dvh;background:var(--bg);overflow:hidden;position:relative}.home-page{flex:1 1 0;min-height:0;display:flex;flex-direction:column;position:relative;overflow:hidden}.wo-overlay{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;background:#13131f;opacity:0;transform:translateY(40px);pointer-events:none;transition:opacity .28s ease,transform .32s cubic-bezier(.32,.72,0,1);overflow:hidden}.wo-overlay.wo-open{opacity:1;transform:translateY(0);pointer-events:auto}.wo-panel{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .2s ease;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.wo-panel.wo-panel-active{opacity:1;pointer-events:auto}.wo-x{position:absolute;top:max(14px,env(safe-area-inset-top,14px));right:16px;width:32px;height:32px;border-radius:50%;border:none;background:#ffffff1a;color:#fffc;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;z-index:2;flex-shrink:0}.wo-x:active{background:#ffffff38}.wo-welcome-body{flex:1;display:flex;flex-direction:column;padding:max(56px,env(safe-area-inset-top,56px)) 28px max(28px,env(safe-area-inset-bottom,28px))}.wo-welcome-top{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:20px}.wo-logo-row{margin-bottom:20px}.wo-logo-badge{width:52px;height:52px;background:var(--orange);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 16px #e8673c80}.wo-logo-ome{font-size:14px;font-weight:900;color:#fff;letter-spacing:-.5px;line-height:1}.wo-logo-tv{font-size:11px;font-weight:900;color:#4ade80;letter-spacing:-.5px;line-height:1}.wo-title{font-size:28px;font-weight:400;font-style:italic;font-family:Georgia,Times New Roman,serif;color:#fff;text-align:center;margin:0 0 8px;letter-spacing:-.2px;line-height:1.2}.wo-title-email{margin:max(52px,env(safe-area-inset-top,52px)) 0 20px}.wo-continue-label{text-align:center;font-size:13px;font-weight:600;color:#ffffff73;margin-bottom:22px}.wo-socials{display:flex;justify-content:center;gap:20px;margin-bottom:18px}.wo-social-circle{width:62px;height:62px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#ffffff12;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,transform .1s}.wo-social-circle:active{background:#ffffff29;transform:scale(.91)}.wo-social-img{width:28px;height:28px;object-fit:contain}.wo-email-body{display:flex;flex-direction:column;padding:0 24px max(28px,env(safe-area-inset-bottom,28px));flex:1}.wo-input{width:100%;height:50px;background:#ffffff0f;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:0 14px;color:#fff;font-size:15px;font-family:Nunito,sans-serif;margin-bottom:10px;outline:none;transition:border-color .18s;-webkit-appearance:none}.wo-input:focus{border-color:#ffffff6b}.wo-input::placeholder{color:#ffffff4d}.wo-pass-wrap{position:relative;margin-bottom:0}.wo-pass-input{margin-bottom:0;padding-right:46px}.wo-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px}.wo-error{font-size:12px;font-weight:700;color:#f87171;margin:8px 0 2px;text-align:center}.wo-hint{font-size:12px;font-weight:700;color:#4ade80;margin:8px 0 2px;text-align:center}.wo-submit{width:100%;height:50px;border-radius:25px;border:none;background:#ffffff1f;color:#ffffffeb;font-size:16px;font-weight:700;font-family:Nunito,sans-serif;cursor:pointer;margin-top:14px;letter-spacing:.2px;transition:background .15s}.wo-submit:active{background:#ffffff38}.wo-links-row{display:flex;justify-content:space-between;align-items:center;margin:10px 0 2px;font-size:12px;color:#ffffff73;gap:6px;flex-wrap:wrap}.wo-links-left{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.wo-link{background:none;border:none;color:#22c55e;font-size:12px;font-weight:700;font-family:Nunito,sans-serif;cursor:pointer;padding:0}.wo-link:active{opacity:.7}.wo-or{display:flex;align-items:center;gap:10px;margin:14px 0;color:#ffffff47;font-size:12px;font-weight:700;letter-spacing:.5px}.wo-or:before,.wo-or:after{content:"";flex:1;height:1px;background:#ffffff1a}.wo-or span{flex-shrink:0}.wo-social-row{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:50px;border-radius:25px;border:1px solid rgba(255,255,255,.11);background:#ffffff0d;color:#fff;font-size:15px;font-weight:700;font-family:Nunito,sans-serif;cursor:pointer;padding:0 20px;margin-bottom:10px;transition:background .15s}.wo-social-row:active{background:#ffffff21}.wo-row-icon{width:20px;height:20px;object-fit:contain}.wo-back{background:none;border:none;color:#ffffff73;font-size:13px;font-weight:700;font-family:Nunito,sans-serif;cursor:pointer;margin:4px auto 10px;display:block;padding:6px 12px;transition:color .15s}.wo-back:active{color:#ffffffd9}.wo-terms{font-size:11px;color:#ffffff47;text-align:center;line-height:1.55;margin-top:auto;padding:12px 6px 0}.wo-terms-link{color:#ffffff80;font-weight:700;cursor:pointer}.landing-overlay{position:absolute;inset:0;z-index:80;background:#111120;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:12px;padding-bottom:24px;opacity:0;transform:translateY(14px);transition:opacity .28s ease,transform .28s ease;pointer-events:none}.landing-overlay.visible{opacity:1;transform:translateY(0);pointer-events:auto}.lh-header{display:flex;align-items:center;justify-content:space-between;padding:max(16px,env(safe-area-inset-top,16px)) 16px 4px;flex-shrink:0}.lh-brand{display:flex;align-items:center;gap:10px}.lh-logo-badge{width:44px;height:44px;background:var(--orange);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;box-shadow:0 3px 14px #e8673c8c;flex-shrink:0}.lh-logo-ome{font-size:13px;font-weight:900;color:#fff;letter-spacing:-.5px}.lh-logo-tv{font-size:10px;font-weight:900;color:#4ade80;letter-spacing:-.5px}.lh-title-area{display:flex;flex-direction:column;gap:2px}.lh-app-name{font-size:20px;font-weight:900;color:#fff;line-height:1.1;letter-spacing:-.3px}.lh-greeting{font-size:12px;font-weight:700;color:#ffffff80}.lh-avatar-btn{width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.2);color:#fff;font-size:18px;font-weight:900;font-family:Nunito,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #00000073;transition:opacity .15s;flex-shrink:0}.lh-avatar-btn:active{opacity:.75}.lh-signin-btn{height:36px;padding:0 16px;border-radius:18px;border:1px solid var(--liquid-border);background:var(--liquid-bg);-webkit-backdrop-filter:var(--liquid-blur);backdrop-filter:var(--liquid-blur);color:#fff;font-size:13px;font-weight:800;font-family:Nunito,sans-serif;cursor:pointer;box-shadow:inset 0 1px 0 var(--liquid-shine)}.lh-signin-btn:active{opacity:.8}.lh-online-pill{display:flex;align-items:center;gap:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);border-radius:24px;padding:10px 16px;margin:0 16px;flex-shrink:0}.lh-online-num{font-size:15px;font-weight:900;color:#4ade80}.lh-online-txt{font-size:14px;font-weight:700;color:#ffffffbf}.lh-div{width:1px;height:16px;background:#ffffff2e;margin:0 4px;flex-shrink:0}.lh-region{font-size:13px;font-weight:700;color:#ffffff80;margin-left:auto}.lh-hero{margin:0 16px;height:168px;background:linear-gradient(145deg,#0c0c1e,#0d1a0f 35%,#0a0a20 65%,#160a28);border-radius:20px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:20px;flex-shrink:0;border:1px solid rgba(255,255,255,.06)}.lh-hero-orb{position:absolute;border-radius:50%;filter:blur(42px);animation:lhOrbFloat 5s ease-in-out infinite alternate;pointer-events:none}.lh-orb-green{width:140px;height:140px;background:#22c55e47;top:-35px;right:35px}.lh-orb-purple{width:110px;height:110px;background:#8b5cf652;top:-5px;right:-25px;animation-delay:-2s;animation-duration:6.5s}.lh-orb-teal{width:90px;height:90px;background:#14b8a638;bottom:-20px;right:65px;animation-delay:-3.5s;animation-duration:4.5s}@keyframes lhOrbFloat{0%{transform:translateY(0) scale(1)}to{transform:translateY(-14px) scale(1.08)}}.lh-hero-text{position:relative;z-index:1}.lh-hero-line1{font-size:22px;font-weight:900;color:#fff;line-height:1.25;text-shadow:0 2px 14px rgba(0,0,0,.7)}.lh-hero-line2{font-size:22px;font-weight:900;color:#4ade80;line-height:1.25;text-shadow:0 2px 14px rgba(34,197,94,.4)}.lh-card{margin:0 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:14px;flex-shrink:0}.lh-card-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.lh-card-icon-bg{width:40px;height:40px;background:#22c55e24;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.lh-card-title{font-size:16px;font-weight:900;color:#fff}.lh-card-sub{font-size:12px;font-weight:700;color:#ffffff6b;margin-top:2px}.lh-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.lh-chip{border-radius:12px;padding:10px 6px;text-align:center;border:1.5px solid transparent}.lh-chip-active{border-color:#22c55e;background:#22c55e1a}.lh-chip-off{background:#ffffff08;border-color:#ffffff12;opacity:.42}.lh-chip-main{font-size:12px;font-weight:900;color:#fff;line-height:1.2}.lh-chip-active .lh-chip-main{color:#4ade80}.lh-chip-sub{font-size:10px;font-weight:700;color:#ffffff7a;margin-top:3px;line-height:1.2}.lh-start-btn{display:flex;align-items:center;justify-content:center;gap:10px;margin:4px 16px 0;height:58px;border-radius:30px;border:none;background:linear-gradient(135deg,#4ade80,#22c55e,#16a34a);color:#fff;font-size:18px;font-weight:900;font-family:Nunito,sans-serif;cursor:pointer;box-shadow:0 6px 26px #22c55e7a,0 2px #14532d;letter-spacing:.2px;transition:transform .1s,box-shadow .1s,filter .1s;text-shadow:0 1px 4px rgba(0,0,0,.35);position:relative;overflow:hidden;flex-shrink:0}.lh-start-btn:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.22),transparent);border-radius:30px 30px 0 0;pointer-events:none}.lh-start-btn:active{transform:translateY(3px);box-shadow:0 2px 12px #22c55e61,0 0 #14532d;filter:brightness(.91)}.lh-start-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.lh-quick-nav{display:flex;gap:10px;padding:0 16px;flex-shrink:0}.lh-nav-tile{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:16px;color:#fffc;font-size:13px;font-weight:800;font-family:Nunito,sans-serif;cursor:pointer;transition:background .15s,transform .1s}.lh-nav-tile:active{background:#ffffff1a;transform:scale(.95)}.lh-nav-icon{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px}.guest-idle-cta{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#fff9;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:8px 16px;animation:guestCtaPulse 2.4s ease-in-out infinite}.guest-idle-cta strong{color:#4ade80}.guest-cta-arrow{font-size:12px;color:#4ade80;animation:guestArrowBounce 1.2s ease-in-out infinite}@keyframes guestCtaPulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes guestArrowBounce{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.auth-corner{position:absolute;top:max(12px,env(safe-area-inset-top,12px));left:12px;z-index:50}.auth-signin-btn{height:32px;padding:0 14px;border-radius:16px;border:1px solid var(--liquid-border);background:var(--liquid-bg);-webkit-backdrop-filter:var(--liquid-blur);backdrop-filter:var(--liquid-blur);box-shadow:inset 0 1px 0 var(--liquid-shine),0 4px 16px #0000004d;color:#fff;font-family:Nunito,sans-serif;font-size:13px;font-weight:800;cursor:pointer;transition:opacity .15s,transform .1s}.auth-signin-btn:hover{opacity:.85}.auth-signin-btn:active{transform:scale(.94)}.auth-avatar{width:34px;height:34px;border-radius:50%;border:2px solid var(--orange);background:linear-gradient(135deg,var(--orange),#c0392b);color:#fff;font-family:Nunito,sans-serif;font-size:15px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #e8673c66;transition:opacity .15s,transform .1s}.auth-avatar:hover{opacity:.85}.auth-avatar:active{transform:scale(.93)}.top-panel{position:relative;flex:1 1 0;min-height:0;background:#111;overflow:hidden;cursor:grab;border-radius:0 0 20px 20px;margin-bottom:4px}.stranger-video{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .4s ease}.stranger-video.visible{opacity:1}.static-canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;object-fit:cover;transition:opacity .3s ease}.static-canvas.hidden{opacity:0;pointer-events:none}.waiting-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;transition:opacity .3s ease}.waiting-overlay.hidden{opacity:0;pointer-events:none}.tv-logo{position:relative;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 4px 16px rgba(232,103,60,.4))}.tv-antenna{position:absolute;top:-22px;width:3px;height:24px;background:var(--orange);border-radius:2px}.tv-antenna-left{left:28px;transform:rotate(-20deg);transform-origin:bottom center}.tv-antenna-right{right:28px;transform:rotate(20deg);transform-origin:bottom center}.tv-body{background:var(--orange);border-radius:14px;padding:10px 14px 12px;width:100px;display:flex;flex-direction:column;align-items:center;gap:8px;border:3px solid rgba(255,255,255,.2)}.tv-screen{background:#fff;border-radius:8px;width:70px;height:52px;display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:1}.tv-ome{font-size:20px;font-weight:900;color:var(--orange);letter-spacing:-1px}.tv-tv{font-size:16px;font-weight:900;color:var(--green);letter-spacing:-1px}.tv-dots{display:flex;gap:6px}.tv-dots span{width:8px;height:8px;border-radius:50%;background:#ffffff80}.tv-dots span:first-child{background:#ffffffe6}.online-count{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--text);background:var(--liquid-bg);border:1px solid var(--liquid-border);box-shadow:inset 0 1px 0 var(--liquid-shine),0 4px 16px #00000040;padding:6px 14px;border-radius:20px;-webkit-backdrop-filter:var(--liquid-blur);backdrop-filter:var(--liquid-blur)}.dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{position:absolute;bottom:10px;left:12px;font-size:13px;font-weight:700;color:#ffffffd9;background:var(--liquid-bg);padding:4px 10px;border-radius:12px;-webkit-backdrop-filter:var(--liquid-blur);backdrop-filter:var(--liquid-blur);border:1px solid var(--liquid-border);box-shadow:inset 0 1px 0 var(--liquid-shine);pointer-events:none}.bottom-panel{position:relative;flex:1 1 0;min-height:0;background:#0d0d0d;overflow:hidden;border-radius:20px 20px 0 0}.my-video{width:100%;height:100%;object-fit:cover;display:block;transform:scaleX(-1)}.camera-error{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:15px;color:#ffffff80}.rules-text{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:11px;color:#ffffff80;padding:0 16px;transition:opacity .3s}.rules-text.hidden{opacity:0}.conn-overlay{position:absolute;top:12px;right:12px;display:flex;gap:8px;z-index:20;opacity:0;pointer-events:none;transition:opacity .3s ease}.conn-overlay.visible{opacity:1;pointer-events:auto}.overlay-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--liquid-border);background:var(--liquid-bg);-webkit-backdrop-filter:var(--liquid-blur);backdrop-filter:var(--liquid-blur);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 var(--liquid-shine),0 4px 14px #00000080;transition:transform .1s,opacity .1s}.overlay-btn:active{transform:scale(.88)}.overlay-btn:disabled{opacity:.35;cursor:not-allowed}.ctrl-bar{flex:0 0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px 12px 10px;background:#111}.ctrl-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:13px 4px 10px;border:none;border-radius:16px;cursor:pointer;user-select:none;-webkit-user-select:none;position:relative;overflow:hidden;min-height:76px;font-family:Nunito,sans-serif;transition:transform .08s ease,box-shadow .08s ease,filter .08s ease}.ctrl-btn:after{content:"";position:absolute;top:0;left:0;right:0;height:44%;background:linear-gradient(to bottom,rgba(255,255,255,.18),transparent);border-radius:16px 16px 0 0;pointer-events:none}.ctrl-btn:active{transform:translateY(4px) scale(.97);filter:brightness(.88)}.ctrl-next{background:linear-gradient(160deg,#5ef09c,#22c55e 45%,#16a34a);box-shadow:0 6px #14532d,0 10px 26px #22c55e73;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.45)}.ctrl-next:active{box-shadow:0 2px #14532d,0 4px 12px #22c55e4d}.ctrl-stop{background:linear-gradient(160deg,#fc8282,#ef4444 45%,#dc2626);box-shadow:0 6px #7f1d1d,0 10px 26px #ef444473;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.45)}.ctrl-stop:active{box-shadow:0 2px #7f1d1d,0 4px 12px #ef44444d}.ctrl-stop:disabled{opacity:.4;cursor:not-allowed;transform:none;filter:none}.ctrl-filter{background:linear-gradient(160deg,#2e2e42,#1e1e2e 60%,#141420);box-shadow:0 6px #0a0a12,0 10px 26px #0000008c;color:#d4d4e8;border:1px solid rgba(255,255,255,.09)}.ctrl-filter:active{box-shadow:0 2px #0a0a12,0 4px 12px #0006}.ctrl-icon{font-size:22px;font-weight:900;line-height:1}.ctrl-emoji{font-size:26px;line-height:1}.ctrl-label{font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;opacity:.92}.ctrl-sublabel{font-size:9px;font-weight:700;opacity:.55;letter-spacing:.3px}.picker-overlay{position:fixed;inset:0;z-index:400;background:#000000a6;display:flex;align-items:flex-end;animation:fadeInOverlay .2s ease}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.picker-sheet{width:100%;max-height:76vh;background:#18182a;border-radius:24px 24px 0 0;display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -8px 40px #0009;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0px);animation:slideUpSheet .32s cubic-bezier(.34,1.56,.64,1)}.picker-sheet-sm{max-height:52vh}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.picker-handle{width:40px;height:4px;background:#fff3;border-radius:2px;margin:10px auto 0}.picker-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.08);font-size:17px;font-weight:800;color:#fff}.picker-close{width:28px;height:28px;border-radius:50%;border:none;background:#ffffff1f;color:#fffc;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.picker-close:active{background:#fff3}.picker-search-row{padding:10px 16px 8px;border-bottom:1px solid rgba(255,255,255,.06)}.picker-search{width:100%;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff12;color:#fff;font-size:15px;font-family:Nunito,sans-serif;font-weight:700;outline:none;transition:border-color .15s}.picker-search:focus{border-color:#22c55e80}.picker-search::placeholder{color:#ffffff59}.picker-list{overflow-y:auto;flex:1;padding:6px 0}.picker-item{width:100%;display:flex;align-items:center;gap:12px;padding:13px 20px;border:none;background:transparent;color:#d0d0e8;font-size:15px;font-family:Nunito,sans-serif;font-weight:700;cursor:pointer;transition:background .12s;text-align:left}.picker-item:active{background:#ffffff12}.picker-item.selected{color:#4ade80;background:#22c55e1a}.picker-item-all{color:#ffffff8c;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:4px;font-size:14px}.picker-item-flag{font-size:22px;flex-shrink:0}.gender-options{display:flex;flex-direction:column;gap:10px;padding:14px 16px 24px}.gender-btn{display:flex;align-items:center;gap:14px;padding:15px 18px;border:2px solid rgba(255,255,255,.1);border-radius:16px;background:#ffffff0d;color:#d0d0e8;font-size:16px;font-family:Nunito,sans-serif;font-weight:800;cursor:pointer;transition:background .12s,border-color .15s,color .15s;text-align:left}.gender-btn:active{background:#ffffff1a}.gender-btn.selected{border-color:#22c55e;background:#22c55e1f;color:#4ade80}.gender-emoji{font-size:28px;line-height:1}.chat-panel{position:fixed;bottom:0;left:0;right:0;height:65dvh;background:#141414eb;-webkit-backdrop-filter:blur(24px) saturate(200%);backdrop-filter:blur(24px) saturate(200%);border-radius:20px 20px 0 0;border-top:1px solid var(--liquid-border);box-shadow:inset 0 1px 0 var(--liquid-shine),0 -8px 40px #00000080;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .35s cubic-bezier(.32,.72,0,1);z-index:100}.chat-panel.open{transform:translateY(0)}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 10px;font-size:17px;font-weight:800;border-bottom:1px solid var(--liquid-border);flex-shrink:0}.chat-close{background:var(--liquid-bg);border:1px solid var(--liquid-border);box-shadow:inset 0 1px 0 var(--liquid-shine);color:#ffffffb3;font-size:16px;cursor:pointer;padding:4px 10px;border-radius:10px;transition:background .15s,transform .1s;-webkit-backdrop-filter:var(--liquid-blur);backdrop-filter:var(--liquid-blur)}.chat-close:hover{background:#ffffff1f}.chat-close:active{transform:scale(.93)}.chat-messages{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.chat-empty{text-align:center;color:#ffffff4d;font-size:14px;padding:20px 0}.bubble{max-width:78%;padding:9px 14px;border-radius:18px;font-size:15px;font-weight:700;line-height:1.4;word-break:break-word}.bubble.mine{background:var(--green-dark);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.bubble.theirs{background:#ffffff1a;border:1px solid var(--liquid-border);color:#fff;align-self:flex-start;border-bottom-left-radius:4px}.chat-input-row{display:flex;gap:8px;padding:10px 14px;padding-bottom:max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--liquid-border);flex-shrink:0}.chat-input{flex:1;height:42px;background:var(--liquid-bg);border:1px solid var(--liquid-border);box-shadow:inset 0 1px 0 var(--liquid-shine);border-radius:21px;padding:0 16px;color:#fff;font-family:Nunito,sans-serif;font-size:15px;font-weight:700;outline:none;-webkit-backdrop-filter:var(--liquid-blur);backdrop-filter:var(--liquid-blur);transition:border-color .2s}.chat-input:focus{border-color:var(--orange)}.chat-input::placeholder{color:#ffffff59}.chat-send{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:linear-gradient(135deg,var(--orange),#c0452a);box-shadow:0 2px 12px #e8673c66,inset 0 1px #ffffff4d;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .15s,transform .1s}.chat-send:hover{opacity:.85}.chat-send:active{transform:scale(.9)}.friend-popup-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.friend-popup-card{background:#1c1c1ceb;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border-radius:24px;padding:28px 24px;width:min(320px,90vw);text-align:center;border:1px solid var(--liquid-border);box-shadow:inset 0 1px 0 var(--liquid-shine),0 20px 60px #00000080;animation:slideUp .3s cubic-bezier(.32,.72,0,1)}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.popup-icon{font-size:48px;margin-bottom:12px}.friend-popup-card h3{font-size:20px;font-weight:900;margin-bottom:8px}.friend-popup-card p{font-size:14px;color:#fff9;margin-bottom:20px}.popup-buttons{display:flex;gap:10px;justify-content:center}.popup-btn{flex:1;height:46px;border-radius:14px;border:1px solid var(--liquid-border);font-family:Nunito,sans-serif;font-size:15px;font-weight:800;cursor:pointer;transition:opacity .15s,transform .1s;box-shadow:inset 0 1px #fff3}.popup-btn:active{transform:scale(.96)}.popup-btn.accept{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;border-color:#4caf5066;box-shadow:0 2px 12px #4caf504d,inset 0 1px #ffffff40}.popup-btn.decline{background:#ffffff12;-webkit-backdrop-filter:var(--liquid-blur);backdrop-filter:var(--liquid-blur);color:#ffffffb3}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-80px);background:var(--liquid-bg);-webkit-backdrop-filter:blur(20px) saturate(200%);backdrop-filter:blur(20px) saturate(200%);border:1px solid var(--liquid-border);box-shadow:inset 0 1px 0 var(--liquid-shine),0 8px 32px #0006;color:#fff;padding:10px 20px;border-radius:24px;font-size:14px;font-weight:700;z-index:300;transition:transform .35s cubic-bezier(.32,.72,0,1);white-space:nowrap;max-width:90vw;text-overflow:ellipsis;overflow:hidden}.toast.visible{transform:translate(-50%) translateY(0)}.auth-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;z-index:400;animation:fadeIn .2s ease}.auth-sheet{width:100%;max-width:480px;background:#161616f2;-webkit-backdrop-filter:blur(30px) saturate(200%);backdrop-filter:blur(30px) saturate(200%);border-radius:24px 24px 0 0;border-top:1px solid var(--liquid-border);border-left:1px solid var(--liquid-border);border-right:1px solid var(--liquid-border);box-shadow:inset 0 1px 0 var(--liquid-shine),0 -8px 48px #00000080;padding:16px 24px max(28px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;animation:slideUp .35s cubic-bezier(.32,.72,0,1)}.auth-drag-handle{width:40px;height:4px;background:#ffffff40;border-radius:2px;align-self:center;margin-bottom:4px}.auth-title{font-size:22px;font-weight:900;text-align:center}.auth-sub{font-size:14px;color:#ffffff8c;text-align:center;margin-top:-4px}.auth-tabs{display:flex;background:#ffffff0f;border:1px solid var(--liquid-border);border-radius:12px;padding:3px;gap:2px}.auth-tab{flex:1;height:36px;border:none;border-radius:9px;background:transparent;color:#ffffff8c;font-family:Nunito,sans-serif;font-size:14px;font-weight:800;cursor:pointer;transition:background .2s,color .2s}.auth-tab.active{background:#ffffff1f;border:1px solid var(--liquid-border);box-shadow:inset 0 1px 0 var(--liquid-shine);color:#fff}.auth-input{height:48px;background:var(--liquid-bg);border:1px solid var(--liquid-border);box-shadow:inset 0 1px 0 var(--liquid-shine);border-radius:14px;padding:0 16px;color:#fff;font-family:Nunito,sans-serif;font-size:15px;font-weight:700;outline:none;-webkit-backdrop-filter:var(--liquid-blur);backdrop-filter:var(--liquid-blur);transition:border-color .2s;width:100%}.auth-input:focus{border-color:var(--orange)}.auth-input::placeholder{color:#ffffff59}.auth-error{font-size:13px;font-weight:700;color:#ff6b6b;text-align:center}.auth-submit{height:50px;border-radius:16px;border:1px solid rgba(232,103,60,.4);background:linear-gradient(135deg,var(--orange),#c0452a);box-shadow:0 4px 16px #e8673c59,inset 0 1px #ffffff4d;color:#fff;font-family:Nunito,sans-serif;font-size:16px;font-weight:900;cursor:pointer;transition:opacity .15s,transform .1s;margin-top:4px}.auth-submit:hover{opacity:.88}.auth-submit:active{transform:scale(.97)}.auth-guest{background:none;border:none;color:#ffffff73;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;cursor:pointer;text-align:center;padding:4px;text-decoration:underline;text-underline-offset:3px;transition:color .15s}.auth-guest:hover{color:#ffffffb3}.bottom-nav{flex:0 0 auto;display:flex;align-items:stretch;height:var(--nav-h);padding-bottom:env(safe-area-inset-bottom,0px);background:#101010f7;border-top:1px solid rgba(255,255,255,.09);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);z-index:50}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;background:transparent;color:#fff6;cursor:pointer;transition:color .2s;-webkit-tap-highlight-color:transparent;padding-top:6px}.nav-tab.active{color:#4caf50}.nav-tab:active{opacity:.7}.nav-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.nav-badge{position:absolute;top:-4px;right:-6px;min-width:16px;height:16px;padding:0 4px;background:var(--red);color:#fff;font-size:10px;font-weight:900;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1.5px solid #1c1c1c}.nav-label{font-size:10.5px;font-weight:800;letter-spacing:.2px}.page-container{flex:1 1 0;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;background:var(--bg)}.page-header{display:flex;align-items:center;gap:12px;padding:max(18px,env(safe-area-inset-top,18px)) 18px 14px;flex-shrink:0}.page-title{font-size:26px;font-weight:900;color:#fff;display:flex;align-items:center;gap:10px}.page-title-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:var(--green);color:#fff;font-size:12px;font-weight:900;border-radius:11px}.tab-row{display:flex;gap:8px;padding:0 16px 16px;flex-shrink:0}.tab-pill{height:34px;padding:0 16px;border-radius:17px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#ffffff80;font-family:Nunito,sans-serif;font-size:13px;font-weight:800;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.tab-pill.active{background:var(--green);border-color:transparent;color:#fff;box-shadow:0 2px 12px #4caf504d}.card-list{display:flex;flex-direction:column;padding:0 14px 24px;gap:8px;flex-shrink:0}.friend-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);border-radius:16px}.friend-card-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.friend-card-name{font-size:15px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-card-country{font-size:12px;color:#ffffff80}.friend-card-since{font-size:11px;color:#ffffff4d}.friend-card-actions{display:flex;gap:6px;flex-shrink:0}.icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fff9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s,transform .1s}.icon-btn:active{transform:scale(.9)}.msg-btn{color:var(--blue);border-color:#2196f340}.msg-btn:hover{background:#2196f31f}.remove-btn{color:var(--red);border-color:#f4433640}.remove-btn:hover{background:#f443361a}.msg-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;text-align:left;cursor:pointer;width:100%;transition:background .15s;position:relative}.msg-row:active{background:#ffffff14}.msg-row-info{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.msg-row-name{font-size:15px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-row-preview{font-size:13px;font-weight:700;color:#fff6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-row-time{font-size:11px;font-weight:700;color:#ffffff4d;flex-shrink:0;align-self:flex-start;padding-top:2px}.unread-dot{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;background:var(--green);color:#fff;font-size:10px;font-weight:900;border-radius:9px;display:flex;align-items:center;justify-content:center}.dm-messages{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 14px 16px;display:flex;flex-direction:column;gap:8px}.dm-bubble{max-width:75%;padding:9px 13px 6px;border-radius:18px;display:flex;flex-direction:column;gap:3px;word-break:break-word;font-size:15px;font-weight:700;line-height:1.4}.dm-bubble.mine{background:var(--green-dark);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.dm-bubble.theirs{background:#ffffff1a;border:1px solid var(--liquid-border);color:#fff;align-self:flex-start;border-bottom-left-radius:4px}.dm-time{font-size:10px;font-weight:700;color:#fff6;align-self:flex-end}.back-btn{width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffb3;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s,transform .1s}.back-btn:active{transform:scale(.9)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 24px;gap:10px}.empty-state-title{font-size:18px;font-weight:900;color:#fff9}.empty-state-sub{font-size:13px;font-weight:700;color:#ffffff4d;max-width:240px}.auth-gate{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;gap:14px}.auth-gate-icon{margin-bottom:4px}.auth-gate-title{font-size:24px;font-weight:900;color:#fff}.auth-gate-sub{font-size:14px;font-weight:700;color:#fff6;max-width:260px}.auth-gate-btn{margin-top:8px;height:50px;padding:0 28px;border-radius:16px;border:1px solid rgba(76,175,80,.4);background:linear-gradient(135deg,var(--green),var(--green-dark));box-shadow:0 4px 16px #4caf504d,inset 0 1px #ffffff40;color:#fff;font-family:Nunito,sans-serif;font-size:15px;font-weight:900;cursor:pointer;transition:opacity .15s,transform .1s}.auth-gate-btn:hover{opacity:.88}.auth-gate-btn:active{transform:scale(.97)}.auth-gate-note{font-size:12px;font-weight:700;color:#ffffff40}.profile-hero{display:flex;flex-direction:column;align-items:center;padding:4px 20px 24px;text-align:center}.profile-avatar-large{width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:38px;font-weight:900;color:#fff;position:relative;box-shadow:0 4px 24px #0000004d}.profile-flag{position:absolute;bottom:2px;right:2px;font-size:20px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.profile-name{font-size:22px;font-weight:900;color:#fff}.edit-name-btn{background:none;border:none;color:#ffffff4d;cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .15s}.edit-name-btn:hover{color:#ffffffb3}.profile-email{font-size:14px;font-weight:700;color:#fff6;margin-top:4px}.profile-since{font-size:12px;font-weight:700;color:#ffffff40}.stats-row{display:flex;gap:12px;padding:0 16px 20px;flex-shrink:0}.stat-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);border-radius:16px}.stat-number{font-size:28px;font-weight:900;color:var(--green);line-height:1}.stat-label{font-size:12px;font-weight:800;color:#fff6}.profile-section{padding:0 16px 16px;flex-shrink:0}.profile-section-label{display:block;font-size:12px;font-weight:800;color:#ffffff4d;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.country-select-wrap{display:flex;align-items:center;gap:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:0 14px;height:48px}.country-flag-preview{font-size:22px;flex-shrink:0}.country-select{flex:1;background:transparent;border:none;color:#fff;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.country-select option{background:#2a2a2a;color:#fff}.signout-btn{width:100%;height:50px;border-radius:16px;border:1px solid rgba(244,67,54,.3);background:#f443361a;color:var(--red);font-family:Nunito,sans-serif;font-size:15px;font-weight:900;cursor:pointer;transition:background .15s,transform .1s}.signout-btn:hover{background:#f443362e}.signout-btn:active{transform:scale(.97)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}@media(min-width:500px){.app{max-width:420px;margin:0 auto}}