.login-forgot-button{color:#b88a2d;text-align:right;cursor:pointer;background:0 0;border:0;width:100%;margin:10px 0 4px;padding:4px 0;font-size:14px;font-weight:600;display:block}.login-forgot-button:hover{text-decoration:underline}.profile-report-section{border-top:1px solid #ffffff14;margin-top:18px;padding-top:16px}.profile-report-button{color:#e05a5a;cursor:pointer;background:#dc464612;border:1px solid #dc464647;border-radius:14px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:48px;padding:0 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.profile-report-button:hover{background:#dc46461c;border-color:#dc464666}.profile-report-button:active{background:#dc464624;transform:scale(.98)}.profile-report-success,.profile-report-error{border-radius:11px;margin-top:12px;padding:11px 13px;font-size:13px;line-height:1.45}.profile-report-success{color:#63c98b;background:#37aa6917;border:1px solid #37aa6933}.profile-report-error{color:#e46a6a;background:#dc464617;border:1px solid #dc464633}.profile-report-overlay{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000009e;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.profile-report-modal{background:#15171b;border:1px solid #ffffff14;border-radius:22px 22px 18px 18px;width:100%;max-width:480px;padding:20px;animation:.2s ease-out reportModalIn;box-shadow:0 -12px 40px #00000059}@keyframes reportModalIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.profile-report-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.profile-report-header h2{color:#f1f2f4;margin:0;font-size:18px;font-weight:650}.profile-report-header p{color:#92969e;margin:5px 0 0;font-size:13px;line-height:1.4}.profile-report-header>button{color:#bfc2c8;cursor:pointer;background:#ffffff12;border:0;border-radius:50%;flex:0 0 32px;width:32px;height:32px;font-size:22px;line-height:1;transition:background .2s}.profile-report-header>button:hover{background:#ffffff1c}.profile-report-modal>label{color:#b9bdc5;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.profile-report-modal select,.profile-report-modal textarea{box-sizing:border-box;color:#f1f2f4;width:100%;font:inherit;background:#1d2025;border:1px solid #ffffff17;border-radius:13px;outline:none;font-size:14px;transition:border-color .2s}.profile-report-modal select{height:48px;padding:0 13px}.profile-report-modal textarea{resize:vertical;min-height:105px;margin-top:11px;padding:13px;line-height:1.5}.profile-report-modal select:focus,.profile-report-modal textarea:focus{border-color:#dc46468c}.profile-report-modal select:disabled,.profile-report-modal textarea:disabled{opacity:.6}.profile-report-actions{gap:10px;margin-top:18px;display:flex}.profile-report-actions button{cursor:pointer;border:0;border-radius:13px;flex:1;min-height:46px;font-size:14px;font-weight:600;transition:all .2s}.profile-report-actions button:first-child{color:#bfc2c8;background:#ffffff12}.profile-report-actions button:first-child:hover{background:#ffffff1c}.profile-report-actions button:last-child{color:#fff;background:#d95353}.profile-report-actions button:last-child:hover{background:#e05c5c}.profile-report-actions button:active{transform:scale(.98)}.profile-report-actions button:disabled,.profile-report-header>button:disabled{opacity:.55;cursor:not-allowed}@media (width>=700px){.profile-report-overlay{align-items:center}.profile-report-modal{border-radius:22px}}.ban-review-page{background:radial-gradient(circle at top, #ff5c7a14, transparent 42%), var(--bg);justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex;overflow-y:auto}.ban-review-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:520px;box-shadow:var(--shadow);border-radius:22px;margin:auto;padding:28px 22px;animation:.35s both banReviewIn}.ban-review-icon{background:#ff5c7a1a;border:1px solid #ff5c7a2e;border-radius:18px;justify-content:center;align-items:center;width:62px;height:62px;margin:0 auto 16px;font-size:27px;display:flex}.ban-review-icon.success{background:#21a9781a;border-color:#21a9782e}.ban-review-card h1{text-align:center;margin:14px 0 10px;font-size:24px;font-weight:700}.ban-review-muted{color:var(--muted);text-align:center;margin:0 0 18px;font-size:14px;line-height:1.6}.ban-review-muted.small{text-align:left;margin-bottom:10px}.ban-review-badge{color:#ff5c7a;background:#ff5c7a1f;border-radius:20px;width:fit-content;margin:0 auto;padding:7px 12px;font-size:12px;font-weight:700;display:block}.success-badge{color:#21a978;background:#21a9781f}.ban-review-section{border:1px solid var(--border);background:#ffffff06;border-radius:14px;margin-top:14px;padding:14px}.ban-review-label{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:600}.ban-review-value{color:var(--text);font-size:14px;line-height:1.5}.ban-review-appeal{border-top:1px solid var(--border);margin-top:18px;padding-top:18px}.ban-review-appeal h3,.ban-review-form h3{margin:0 0 8px;font-size:16px}.ban-review-appeal-text{color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 12px;font-size:14px;line-height:1.55}.ban-review-status{color:var(--muted);font-size:13px}.ban-review-admin-note{color:var(--text);background:#21a97812;border-radius:12px;margin-top:12px;padding:12px;font-size:13px;line-height:1.5}.ban-review-form{border-top:1px solid var(--border);margin-top:20px;padding-top:20px}.ban-review-form textarea{resize:vertical;box-sizing:border-box;border:1px solid var(--border);background:var(--bg);width:100%;min-height:140px;color:var(--text);font:inherit;border-radius:13px;outline:none;padding:13px;font-size:14px;line-height:1.5}.ban-review-form textarea:focus{border-color:#21a978a6;box-shadow:0 0 0 3px #21a97814}.ban-review-counter{color:var(--muted);text-align:right;margin-top:7px;font-size:11px}.ban-review-error,.ban-review-success,.ban-review-pending{border-radius:12px;margin-top:16px;padding:12px 13px;font-size:13px;line-height:1.45}.ban-review-error{color:#ff7b91;background:#ff5c7a14;border:1px solid #ff5c7a26}.ban-review-success{color:#21a978;background:#21a97814;border:1px solid #21a97826}.ban-review-pending{color:var(--muted);border:1px solid var(--border);text-align:center;background:#ffffff06}.ban-review-button{color:#fff;width:100%;font:inherit;cursor:pointer;background:#21a978;border:0;border-radius:12px;margin-top:16px;padding:13px 16px;font-weight:700}.ban-review-button:hover:not(:disabled){filter:brightness(1.06)}.ban-review-button:disabled{opacity:.55;cursor:not-allowed}.ban-review-back{border:1px solid var(--border);width:100%;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:12px;margin-top:10px;padding:12px}.ban-review-back:hover{color:var(--text);background:#ffffff06}@keyframes banReviewIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=360px){.ban-review-card{padding:24px 17px}.ban-review-card h1{font-size:21px}}.register-page{background:radial-gradient(circle at top, #21a9781c, transparent 40%), var(--bg);justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex;overflow-y:auto}.register-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:420px;box-shadow:var(--shadow);border-radius:22px;margin:auto;padding:28px 22px;animation:.35s both registerCardIn}.register-logo{background:#21a9781f;border:1px solid #21a97833;border-radius:18px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 14px;font-size:25px;display:flex;box-shadow:0 8px 28px #21a9781f}.register-card h1{text-align:center;margin:0;font-size:22px;font-weight:700;line-height:1.2}.register-subtitle{max-width:310px;color:var(--muted);text-align:center;margin:8px auto 24px;font-size:13px;line-height:1.55}.register-form{flex-direction:column;gap:13px;display:flex}.register-field{flex-direction:column;gap:7px;display:flex}.register-field label{color:var(--text);font-size:12px;font-weight:600}.register-field label span{color:var(--muted);font-weight:400}.register-field input,.register-field select{border:1px solid var(--border);background:var(--bg);width:100%;min-height:46px;color:var(--text);border-radius:12px;outline:none;padding:0 13px;font-size:14px;transition:border-color .18s,box-shadow .18s,background .18s}.register-field input::placeholder{color:var(--muted);opacity:.75}.register-field input:focus,.register-field select:focus{background:var(--surface);border-color:#21a978bf;box-shadow:0 0 0 3px #21a9781a}.register-error,.register-success{border-radius:11px;padding:11px 12px;font-size:12px;line-height:1.45}.register-error{color:#ff8582;background:#e24b4a14;border:1px solid #e24b4a29}.register-success{color:var(--green);background:#21a97814;border:1px solid #21a97829}.register-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#21a978,#188d63);border:0;border-radius:13px;width:100%;min-height:47px;margin-top:3px;font-size:14px;font-weight:600;transition:transform .15s,opacity .15s,box-shadow .15s;box-shadow:0 8px 20px #21a97829}.register-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px #21a97838}.register-button:active:not(:disabled){transform:translateY(0)}.register-button:disabled{opacity:.55;cursor:not-allowed}.register-secondary{border:1px solid var(--border);width:100%;min-height:42px;color:var(--muted);cursor:pointer;background:0 0;border-radius:12px;font-size:13px;transition:color .18s,border-color .18s,background .18s}.register-secondary:hover:not(:disabled){color:var(--text);background:#21a9780a;border-color:#21a97859}.register-secondary:disabled{opacity:.55;cursor:not-allowed}.otp-grid{grid-template-columns:repeat(6,1fr);gap:8px;margin:4px 0 6px;display:grid}.otp-digit{border:1px solid var(--border);background:var(--bg);width:100%;min-width:0;height:52px;color:var(--text);text-align:center;border-radius:12px;outline:none;font-size:21px;font-weight:600;transition:border-color .18s,box-shadow .18s}.otp-digit:focus{border-color:#21a978bf;box-shadow:0 0 0 3px #21a9781a}.login-register-button{width:100%;min-height:44px;color:var(--green);cursor:pointer;background:#21a9780f;border:1px solid #21a97847;border-radius:12px;margin-top:12px;font-size:13px;font-weight:600;transition:background .18s,border-color .18s,transform .15s}.login-register-button:hover{background:#21a9781a;border-color:#21a97866}.login-register-button:active{transform:scale(.99)}@keyframes registerCardIn{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=360px){.register-page{align-items:flex-start;padding:16px 12px}.register-card{border-radius:19px;margin-top:12px;padding:24px 17px}.register-card h1{font-size:20px}.otp-grid{gap:6px}.otp-digit{height:48px;font-size:19px}}.login-page{box-sizing:border-box;background:radial-gradient(420px 300px at 50% 0%, #21a97821, transparent 70%), radial-gradient(300px 240px at 100% 100%, #21a9780b, transparent 70%), var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:20px 16px;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";filter:blur(35px);pointer-events:none;background:#21a97809;border-radius:50%;width:220px;height:220px;position:absolute;top:28%;left:-110px}.login-card{z-index:1;box-sizing:border-box;background:linear-gradient(145deg, #ffffff09, #ffffff03), var(--surface);border:1px solid #ffffff13;border-radius:22px;width:100%;max-width:390px;padding:30px 22px 22px;animation:.32s cubic-bezier(.2,.8,.2,1) loginCardIn;position:relative;box-shadow:0 24px 70px #00000047,0 5px 18px #0000001f}.login-logo{width:62px;height:62px;color:var(--green);background:radial-gradient(circle at 35% 30%,#21a9782e,#21a9780e);border:1px solid #21a97833;border-radius:19px;justify-content:center;align-items:center;margin:0 auto 16px;font-size:28px;font-weight:500;line-height:1;display:flex;box-shadow:0 8px 25px #00000029,inset 0 1px #ffffff09}.login-card h1{color:var(--text);text-align:center;letter-spacing:.5px;margin:0;font-size:22px;font-weight:700;line-height:1.2}.login-subtitle{color:var(--muted);text-align:center;margin:7px 0 26px;font-size:11px;font-weight:400;line-height:1.5}.login-card form{flex-direction:column;display:flex}.login-card form label{color:var(--text);margin:0 0 6px;font-size:10px;font-weight:550;line-height:1.3}.login-card form input{box-sizing:border-box;width:100%;min-height:44px;color:var(--text);background:#ffffff09;border:1px solid #ffffff13;border-radius:11px;outline:none;margin:0 0 14px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:400;transition:border-color .18s,background .18s,box-shadow .18s}.login-card form input::placeholder{color:#ffffff4d}.login-card form input:hover{background:#ffffff0b;border-color:#ffffff1f}.login-card form input:focus{background:#21a97809;border-color:#21a9788c;box-shadow:0 0 0 3px #21a97814}.login-card form input:disabled{opacity:.6}.login-error{background:#e24b4a11;border:1px solid #e24b4a2e;border-radius:10px;margin:0 0 13px;padding:10px 11px;font-size:10px;line-height:1.45;color:#e88987!important}.login-button{color:#fff;letter-spacing:.1px;background:linear-gradient(#21a978,#1c976a);border:1px solid #21a97840;border-radius:11px;width:100%;min-height:45px;margin-top:2px;font-family:inherit;font-size:11px;font-weight:650;transition:transform .14s,filter .18s,opacity .18s,box-shadow .18s;position:relative;box-shadow:0 7px 18px #21a97826}.login-button:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 9px 22px #21a97833}.login-button:active:not(:disabled){transform:scale(.985)}.login-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.login-footer{max-width:270px;color:var(--muted);text-align:center;margin:17px auto 0;font-size:9px;font-weight:400;line-height:1.5}@keyframes loginCardIn{0%{opacity:0;transform:translateY(9px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=360px){.login-page{padding:16px 12px}.login-card{border-radius:19px;padding:25px 17px 19px}.login-logo{border-radius:17px;width:56px;height:56px;font-size:25px}.login-card h1{font-size:20px}.login-subtitle{margin-bottom:22px}}.group-leave-backdrop{z-index:120;-webkit-backdrop-filter:blur(6px);background:#00000094;justify-content:center;align-items:center;padding:20px;animation:.16s logoutBackdropIn;display:flex;position:fixed;inset:0}.group-leave-modal{text-align:center;background:#191d22fa;border:1px solid #ffffff16;border-radius:20px;width:min(340px,100%);padding:22px 19px 18px;animation:.2s cubic-bezier(.2,.8,.2,1) logoutModalIn;box-shadow:0 24px 70px #0000007a,0 6px 20px #00000038}.group-leave-icon{color:#e24b4a;background:#e24b4a17;border:1px solid #e24b4a2e;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 13px;display:flex}.group-leave-icon span{font-size:22px;line-height:1}.group-leave-modal h2{color:var(--text);margin:0;font-size:17px;font-weight:650;line-height:1.3}.group-leave-description{max-width:260px;color:var(--muted);margin:7px auto 19px;font-size:11px;font-weight:400;line-height:1.55}.group-leave-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.group-leave-cancel,.group-leave-confirm{border-radius:11px;min-height:42px;font-family:inherit;font-size:11px;font-weight:600;transition:transform .14s,background .18s,border-color .18s}.group-leave-cancel{color:var(--text);background:#ffffff0b;border:1px solid #ffffff14}.group-leave-confirm{color:#e24b4a;background:#e24b4a1c;border:1px solid #e24b4a40}.group-leave-cancel:hover{background:#ffffff12}.group-leave-confirm:hover{background:#e24b4a2b;border-color:#e24b4a57}.group-leave-cancel:active,.group-leave-confirm:active{transform:scale(.97)}.group-leave-cancel:disabled,.group-leave-confirm:disabled{opacity:.55;cursor:not-allowed}.group-leave-spinner{vertical-align:-2px;border:2px solid #e24b4a40;border-top-color:#e24b4a;border-radius:50%;width:12px;height:12px;margin-right:6px;animation:.7s linear infinite logoutSpin;display:inline-block}@keyframes logoutBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes logoutModalIn{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes logoutSpin{to{transform:rotate(360deg)}}@media (width<=360px){.group-leave-backdrop{padding:15px}.group-leave-modal{border-radius:18px;padding:20px 15px 15px}}.groups-page{min-height:100%;padding-bottom:82px}.groups-header{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);background:#121519f0;align-items:center;gap:11px;min-height:66px;padding:10px 14px;display:flex;position:sticky;top:0}.groups-header>div{flex:1;min-width:0}.groups-header h1{color:var(--text);letter-spacing:-.2px;margin:0;font-size:18px;font-weight:650;line-height:1.2}.groups-header p{color:var(--muted);margin:4px 0 0;font-size:10px;font-weight:400;line-height:1.3}.groups-back,.groups-refresh{border:1px solid var(--border);width:40px;height:40px;color:var(--text);background:#ffffff06;border-radius:12px;flex:0 0 40px;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:21px;line-height:1;transition:transform .14s,background .18s,border-color .18s;display:flex}.groups-back:hover,.groups-refresh:hover{background:#ffffff0d;border-color:#ffffff1c}.groups-back:active,.groups-refresh:active{transform:scale(.94)}.groups-refresh{color:var(--green);font-size:22px}.groups-refresh:disabled{opacity:.5}.groups-error{color:#e88987;background:#e24b4a12;border:1px solid #e24b4a2e;border-radius:12px;margin:12px 14px 0;padding:10px 12px;font-size:11px;line-height:1.45}.groups-summary{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px;padding:0 2px;font-size:10px;font-weight:500;display:flex}.groups-summary span:last-child{color:var(--green)}.group-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;align-items:flex-start;gap:12px;padding:13px;transition:border-color .18s,transform .16s,box-shadow .18s;animation:.24s both groupCardIn;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 18px #0000001a}.group-card:nth-child(2){animation-delay:25ms}.group-card:nth-child(3){animation-delay:50ms}.group-card:nth-child(4){animation-delay:75ms}.group-card:nth-child(5){animation-delay:.1s}.group-card:hover{border-color:#ffffff1a;box-shadow:0 8px 24px #00000024}.group-card.joined{border-color:#21a9782e}.group-card-icon{width:45px;height:45px;color:var(--green);text-transform:uppercase;background:#21a97817;border:1px solid #21a9782e;border-radius:13px;flex:0 0 45px;justify-content:center;align-items:center;font-size:16px;font-weight:650;line-height:1;display:flex}.group-card-top{align-items:center;gap:7px;min-width:0;display:flex}.group-card-content h3{min-width:0;color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:13px;font-weight:620;line-height:1.3;overflow:hidden}.group-joined-badge{color:var(--green);background:#21a97814;border:1px solid #21a97829;border-radius:7px;flex:none;padding:4px 7px;font-size:8px;font-weight:600;line-height:1}.group-description{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:5px 0 8px;font-size:10.5px;font-weight:400;line-height:1.5;display:-webkit-box;overflow:hidden}.group-meta{color:var(--muted);flex-wrap:wrap;gap:6px 12px;margin-bottom:10px;font-size:9px;line-height:1.35;display:flex}.group-meta span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.group-join-button,.group-open-button{border-radius:10px;width:100%;min-height:36px;font-family:inherit;font-size:10px;font-weight:600;line-height:1;transition:transform .14s,background .18s,border-color .18s}.group-join-button{color:var(--green);background:#21a9781a;border:1px solid #21a9783d}.group-open-button{color:var(--text);background:#ffffff0b;border:1px solid #ffffff14}.group-join-button:hover{background:#21a97826;border-color:#21a97857}.group-open-button:hover{background:#ffffff12}.group-join-button:active,.group-open-button:active{transform:scale(.98)}.group-join-button:disabled{opacity:.55}.groups-loading{min-height:260px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:11px;padding:30px 20px;display:flex}.groups-loading p{margin:0;font-size:10px}.groups-spinner{border:2px solid #ffffff14;border-top-color:var(--green);border-radius:50%;width:27px;height:27px;animation:.75s linear infinite groupsSpin}.groups-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:35px 28px;display:flex}.groups-empty-icon{border:1px solid var(--border);background:#ffffff06;border-radius:18px;justify-content:center;align-items:center;width:62px;height:62px;margin-bottom:14px;font-size:25px;display:flex}.groups-empty h3{color:var(--text);margin:0 0 6px;font-size:14px;font-weight:600}.groups-empty p{max-width:250px;color:var(--muted);margin:0;font-size:10px;line-height:1.55}@keyframes groupCardIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes groupsSpin{to{transform:rotate(360deg)}}@media (width<=360px){.groups-content{padding:12px}.group-card{gap:10px;padding:11px}.group-card-icon{flex-basis:42px;width:42px;height:42px}.group-card-content h3{font-size:12px}}.more-trigger{border:1px solid var(--border);width:40px;height:40px;color:var(--text);background:#ffffff06;border-radius:13px;flex:0 0 40px;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:23px;font-weight:500;line-height:1;transition:background .18s,border-color .18s,transform .14s,box-shadow .18s;display:flex;position:relative}.more-trigger span{letter-spacing:1px;display:block;transform:translateY(-4px)}.more-trigger:active{transform:scale(.94)}.more-trigger.active{color:var(--green);background:#21a9781a;border-color:#21a9784d;box-shadow:0 4px 16px #00000029}.more-menu-backdrop{z-index:80;background:#0003;animation:.16s moreBackdropIn;position:fixed;inset:0}.more-menu{z-index:90;-webkit-backdrop-filter:blur(22px);transform-origin:100% 0;background:#191d22fa;border:1px solid #ffffff13;border-radius:17px;width:min(270px,100vw - 30px);padding:7px;animation:.18s cubic-bezier(.2,.8,.2,1) moreMenuIn;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 18px 45px #00000061,0 4px 12px #0000002e}.more-menu-item{width:100%;min-height:56px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:8px 9px;font-family:inherit;transition:background .16s,transform .12s;display:flex}.more-menu-item:hover{background:#ffffff0b}.more-menu-item:active{background:#fff1;transform:scale(.985)}.more-menu-icon{background:#ffffff09;border:1px solid #ffffff0e;border-radius:11px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;line-height:1;display:flex}.more-menu-text{flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;display:flex}.more-menu-text strong{color:var(--text);font-size:12px;font-weight:600;line-height:1.25}.more-menu-text small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:400;line-height:1.35;overflow:hidden}.more-menu-divider{background:var(--border);height:1px;margin:5px 7px}.more-menu-danger{margin-top:1px}.more-menu-danger .more-menu-icon{background:#e24b4a14;border-color:#e24b4a26}.more-menu-danger .more-menu-text strong{color:#e24b4a}.more-menu-danger .more-menu-text small{color:#e24b4a9e}@keyframes moreMenuIn{0%{opacity:0;transform:translateY(-5px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes moreBackdropIn{0%{opacity:0}to{opacity:1}}@media (width<=360px){.more-menu{width:calc(100vw - 24px)}.more-menu-item{min-height:53px}.more-menu-icon{flex-basis:36px;width:36px;height:36px}}.posts-header{justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.posts-header>div{min-width:0}.posts-header h1{margin:0}.posts-header p{color:var(--muted);margin:4px 0 0;font-size:10px;line-height:1.4}.posts-refresh{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--muted);border-radius:11px;flex:none;margin-left:12px;font-size:18px}.posts-refresh:active{transform:scale(.94)}.posts-refresh:disabled{opacity:.45}.posts-page{padding:0 15px 88px}.posts-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:7px;margin:0 0 15px;padding:2px 1px 3px;display:flex;overflow-x:auto}.posts-tabs::-webkit-scrollbar{display:none}.posts-tabs button{border:1px solid var(--border);background:var(--surface);height:36px;color:var(--muted);white-space:nowrap;border-radius:11px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-family:inherit;font-size:10px;font-weight:500;transition:background .18s,border-color .18s,color .18s,transform .12s;display:inline-flex}.posts-tabs button:active{transform:scale(.97)}.posts-tabs button.active{color:var(--green);background:#21a9781f;border-color:#21a97847}.posts-tabs button span{font-size:12px;line-height:1}.posts-list{flex-direction:column;gap:12px;display:flex}.post-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 3px 14px #00000014}.post-image-button{cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block}.post-image{object-fit:cover;width:100%;height:auto;max-height:300px;display:block}.post-content{padding:14px 14px 16px}.post-content h2{color:var(--text);letter-spacing:-.15px;margin:0 0 6px;font-size:15px;font-weight:600;line-height:1.35}.post-meta{color:var(--muted);margin-bottom:11px;font-size:9px;line-height:1.45}.post-body{color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;font-weight:400;line-height:1.65}.posts-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:220px;padding:30px 20px;display:flex}.posts-empty .empty-icon{background:#21a97817;border-radius:15px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:12px;font-size:23px;display:flex}.posts-empty h3{margin:0 0 5px;font-size:14px;font-weight:600}.posts-empty p{max-width:260px;color:var(--muted);margin:0;font-size:11px;line-height:1.5}.posts-error{text-align:center;color:var(--muted);padding:28px 20px}.posts-error p{margin:0 0 13px;font-size:11px}.post-image-viewer{z-index:99999;background:#000000f2;justify-content:center;align-items:center;padding:20px;animation:.18s postViewerIn;display:flex;position:fixed;inset:0}.post-image-viewer img{object-fit:contain;border-radius:12px;max-width:96%;max-height:86vh;display:block}.post-viewer-close{top:max(14px, env(safe-area-inset-top));z-index:100000;color:#fff;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:50%;width:40px;height:40px;padding:0;font-family:inherit;font-size:25px;line-height:38px;position:fixed;right:14px}@keyframes postViewerIn{0%{opacity:0}to{opacity:1}}@media (width<=380px){.posts-page{padding-left:12px;padding-right:12px}.posts-tabs button{height:34px;padding:0 10px;font-size:9px}.post-content{padding:13px 13px 15px}.post-content h2{font-size:14px}.post-body{font-size:11px}}.friends-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-x:auto}.friends-tabs::-webkit-scrollbar{display:none}.nearby-controls{justify-content:flex-end;align-items:center;margin:0 0 10px;display:flex}.nearby-radius{color:var(--muted);background:#ffffff09;border:1px solid #fff1;border-radius:10px;align-items:center;gap:7px;padding:5px 7px 5px 10px;font-size:9px;font-weight:400;display:inline-flex}.nearby-radius select{height:28px;color:var(--text);cursor:pointer;background:#202426;border:1px solid #ffffff12;border-radius:7px;outline:none;padding:0 24px 0 8px;font-family:inherit;font-size:9px;font-weight:500}.nearby-radius select:focus{border-color:#21a9786b;box-shadow:0 0 0 3px #21a9780f}.nearby-friend-item{min-height:72px}.nearby-friend-item .friend-info{gap:3px}.nearby-friend-item .friend-info strong{font-size:13px;font-weight:500}.nearby-distance{color:#21a978e6;font-size:9px;font-weight:500;line-height:1.2;display:block}.nearby-empty{padding-top:34px}.nearby-empty .empty-icon{margin-bottom:12px}.nearby-empty h3{margin-bottom:5px}.nearby-empty p{max-width:250px;margin-left:auto;margin-right:auto}@media (width<=380px){.nearby-radius,.nearby-radius select,.nearby-distance{font-size:8px}.nearby-friend-item .friend-info strong{font-size:12px}}.settings-form{flex-direction:column;gap:0;display:flex}.settings-form>label{color:var(--text);margin:0 0 7px;font-size:11px;font-weight:500;line-height:1.3;display:block}.settings-form>input[type=password]{width:100%;height:46px;color:var(--text);box-sizing:border-box;appearance:none;background:#202426;border:1px solid #ffffff13;border-radius:12px;outline:none;margin:0 0 15px;padding:0 13px;font-family:inherit;font-size:12px;font-weight:400;line-height:1;transition:background .18s,border-color .18s,box-shadow .18s,transform .12s}.settings-form>input[type=password]::placeholder{color:#ffffff47}.settings-form>input[type=password]:hover{background:#232729;border-color:#ffffff1b}.settings-form>input[type=password]:focus{background:#24292b;border-color:#21a9787a;box-shadow:0 0 0 3px #21a97812,0 4px 14px #0000001f}.settings-form>input[type=password]:focus::placeholder{color:#fff3}.settings-form>input[type=password]:disabled{opacity:.55;cursor:not-allowed}.settings-form .settings-primary-button{border-radius:12px;width:100%;min-height:44px;margin-top:2px}@media (width<=380px){.settings-form>label{font-size:10px}.settings-form>input[type=password]{border-radius:11px;height:44px;margin-bottom:13px;padding:0 12px;font-size:11px}}.group-chat-page{width:100%;height:100dvh;min-height:0;color:var(--text);background:var(--bg);flex-direction:column;display:flex;position:relative;overflow:hidden}.group-chat-header{z-index:20;-webkit-backdrop-filter:blur(14px);background:#0f1112f5;border-bottom:1px solid #ffffff0e;align-items:center;gap:9px;height:62px;min-height:62px;padding:8px 10px;display:flex;position:relative;box-shadow:0 2px 12px #0000001f}.group-chat-header .group-chat-back{width:40px;min-width:40px;height:40px;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0b;border:1px solid #ffffff13;border-radius:12px;flex:0 0 40px;justify-content:center;align-items:center;padding:0;font-size:23px;font-weight:300;line-height:1;transition:background .16s,border-color .16s,transform .12s;display:inline-flex}.group-chat-header .group-chat-back:active{background:#ffffff17;transform:scale(.92)}.group-chat-avatar{color:#fff;background:linear-gradient(135deg, var(--green), #168d67);cursor:pointer;border:1px solid #ffffff1a;border-radius:13px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;padding:0;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 3px 10px #0000002e}.group-chat-title{min-width:0;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;padding:2px 0;display:flex}.group-chat-title h1{width:100%;color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:600;line-height:1.25;overflow:hidden}.group-chat-title p{color:var(--muted);white-space:nowrap;margin:3px 0 0;font-size:9px;font-weight:400;line-height:1.2}.group-chat-members-button{width:36px;min-width:36px;height:36px;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;justify-content:center;align-items:center;padding:0;font-size:16px;display:inline-flex}.group-chat-members-button:active{transform:scale(.94)}.group-chat-leave{color:#e88b8b;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#e24b4a12;border:1px solid #e24b4a24;border-radius:9px;height:34px;padding:0 10px;font-family:inherit;font-size:9px;font-weight:500}.group-chat-leave:active{transform:scale(.95)}.group-chat-error{z-index:10;color:#ff9b9b;background:#e24b4a14;border:1px solid #e24b4a29;border-radius:10px;margin:8px 12px 0;padding:9px 11px;font-size:10px;line-height:1.4;position:relative}.group-messages{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;background:radial-gradient(circle at 50% 0,#21a97806,#0000 38%);flex-direction:column;flex:1;gap:7px;width:100%;min-height:0;padding:14px 12px 12px;display:flex;overflow:hidden auto}.group-messages::-webkit-scrollbar{width:3px}.group-messages::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:99px}.group-message-row{justify-content:flex-start;align-items:flex-end;gap:7px;width:100%;display:flex}.group-message-row.mine{justify-content:flex-end}.group-message-avatar{width:31px;min-width:31px;height:31px;color:var(--text);background:var(--surface-3);cursor:pointer;border:1px solid #ffffff12;border-radius:50%;flex:0 0 31px;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.group-message-avatar img{object-fit:cover;width:100%;height:100%;display:block}.group-message-content{flex-direction:column;align-items:flex-start;min-width:0;max-width:min(78%,420px);display:flex;position:relative}.group-message-row.mine .group-message-content{align-items:flex-end}.group-message-sender{max-width:100%;color:var(--green);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;text-align:left;background:0 0;border:0;margin:0 0 3px;padding:0;font-family:inherit;font-size:9px;font-weight:600;line-height:1.2;overflow:hidden}.group-message-bubble{max-width:100%;color:var(--text);overflow-wrap:anywhere;cursor:pointer;background:#24282a;border:1px solid #ffffff0e;border-radius:14px 14px 14px 5px;padding:9px 11px;font-size:12px;font-weight:400;line-height:1.45;transition:background .15s,transform .1s;box-shadow:0 2px 7px #0000001f}.group-message-row.mine .group-message-bubble{color:#fff;background:var(--green);border-color:#ffffff0b;border-radius:14px 14px 5px;box-shadow:0 2px 8px #00000024}.group-message-bubble:active{transform:scale(.985)}.group-message-bubble.deleted{color:var(--muted);background:#ffffff09;border:1px dashed #ffffff1a;font-style:italic}.group-message-time{color:#ffffff57;align-items:center;gap:5px;margin-top:3px;padding:0 3px;font-size:8px;font-weight:400;line-height:1.2;display:inline-flex}.group-seen-button{color:#21a978d9;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:8px;font-weight:500}.group-seen-button:active{opacity:.65}.group-message-menu{z-index:50;background:#202426;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:2px;min-width:145px;padding:5px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 30px #00000059}.group-message-menu.mine{left:auto;right:0}.group-message-menu button{width:100%;min-height:34px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;padding:0 9px;font-family:inherit;font-size:10px;font-weight:400;display:flex}.group-message-menu button:hover{background:#ffffff0f}.group-message-menu button:active{transform:scale(.98)}.group-chat-loading,.group-chat-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:30px;display:flex}.group-chat-empty>div{background:#ffffff0b;border:1px solid #ffffff0f;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:12px;font-size:22px;display:flex}.group-chat-empty h3{color:var(--text);margin:0 0 5px;font-size:14px;font-weight:600}.group-chat-empty p,.group-chat-loading p{color:var(--muted);margin:0;font-size:10px;font-weight:400}.group-message-input{z-index:20;-webkit-backdrop-filter:blur(14px);background:#0f1112f7;border-top:1px solid #ffffff0e;align-items:center;gap:8px;min-height:62px;padding:9px 11px;display:flex;position:relative}.group-message-input input{min-width:0;height:43px;color:var(--text);background:#222628;border:1px solid #ffffff12;border-radius:13px;outline:none;flex:1;padding:0 13px;font-family:inherit;font-size:12px;font-weight:400;transition:border-color .16s,box-shadow .16s,background .16s}.group-message-input input::placeholder{color:#ffffff47}.group-message-input input:focus{background:#25292b;border-color:#21a97873;box-shadow:0 0 0 3px #21a97812}.group-message-input button{color:#fff;background:var(--green);cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;width:43px;min-width:43px;height:43px;padding:0;font-size:17px;font-weight:500;line-height:1;transition:transform .12s,opacity .16s,filter .16s;display:inline-flex;box-shadow:0 4px 12px #21a9782e}.group-message-input button:active{transform:scale(.92)}.group-message-input button:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.group-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);background:#00000094;justify-content:center;align-items:flex-end;padding:12px;display:flex;position:fixed;inset:0}.group-members-modal{background:#1c2022;border:1px solid #ffffff12;border-radius:20px;width:100%;max-width:520px;max-height:78dvh;overflow:hidden;box-shadow:0 -5px 35px #00000059}.group-modal-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;min-height:62px;padding:10px 14px;display:flex}.group-modal-header h3{color:var(--text);margin:0;font-size:14px;font-weight:600}.group-modal-header small{color:var(--muted);margin-top:3px;font-size:9px;font-weight:400;display:block}.group-modal-header>button{width:34px;height:34px;color:var(--muted);cursor:pointer;background:#ffffff0b;border:1px solid #ffffff0f;border-radius:10px;justify-content:center;align-items:center;padding:0;font-size:20px;font-weight:300;display:flex}.group-seen-list{max-height:calc(78dvh - 62px);padding:7px;overflow-y:auto}.group-member-person{width:100%;min-height:58px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:10px;padding:7px 8px;transition:background .15s;display:flex}.group-member-person:hover{background:#ffffff0b}.group-seen-avatar{width:40px;min-width:40px;height:40px;color:var(--text);background:var(--surface-3);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex;position:relative;overflow:hidden}.group-seen-avatar img{object-fit:cover;width:100%;height:100%}.group-online-dot{background:var(--green);border:2px solid #1c2022;border-radius:50%;width:9px;height:9px;position:absolute;bottom:1px;right:0}.group-member-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.group-member-info strong{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.group-member-info small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:400;overflow:hidden}.group-member-arrow{color:var(--muted);font-size:20px;font-weight:300}@media (width<=380px){.group-chat-header{gap:7px;height:58px;min-height:58px;padding:7px 8px}.group-chat-header .group-chat-back{width:38px;min-width:38px;height:38px}.group-chat-avatar{width:39px;min-width:39px;height:39px}.group-chat-title h1{font-size:12px}.group-chat-members-button{width:33px;min-width:33px;height:33px}.group-chat-leave{height:32px;padding:0 8px}.group-messages{gap:6px;padding:11px 9px 10px}.group-message-content{max-width:82%}.group-message-bubble{padding:8px 10px;font-size:11px}.group-message-input{min-height:58px;padding:8px 9px}.group-message-input input{height:41px;font-size:11px}.group-message-input button{width:41px;min-width:41px;height:41px}}.edit-profile-page{background:var(--bg);min-height:100dvh;color:var(--text);padding-bottom:30px}.edit-profile-header{z-index:30;-webkit-backdrop-filter:blur(14px);background:#0f1112f0;border-bottom:1px solid #ffffff0e;justify-content:space-between;align-items:center;gap:12px;height:58px;padding:0 14px;display:flex;position:sticky;top:0}.edit-profile-header strong{text-align:center;color:var(--text);letter-spacing:-.2px;flex:1;font-size:15px;font-weight:600}.edit-profile-header-space{width:40px;min-width:40px}.edit-profile-header .edit-profile-back{width:40px;min-width:40px;height:40px;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0b;border:1px solid #ffffff13;border-radius:12px;justify-content:center;align-items:center;padding:0;font-size:23px;font-weight:300;line-height:1;transition:background .16s,border-color .16s,transform .12s;display:inline-flex}.edit-profile-header .edit-profile-back:active{background:#ffffff17;transform:scale(.93)}.edit-profile-form{width:100%;max-width:620px;margin:0 auto}.edit-cover-section{padding-bottom:48px;position:relative}.edit-cover{background:var(--surface-2);border-bottom:1px solid #ffffff0d;width:100%;height:190px;position:relative;overflow:hidden}.edit-cover img{object-fit:cover;width:100%;height:100%;display:block}.edit-cover:after{content:"";pointer-events:none;background:linear-gradient(#0000000d,#00000052);position:absolute;inset:0}.edit-cover-empty{width:100%;height:100%;color:var(--muted);background:var(--surface-2);justify-content:center;align-items:center;font-size:32px;display:flex}.edit-cover-button{z-index:3;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#0000009e;border:1px solid #ffffff2e;border-radius:10px;justify-content:center;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:10px;font-weight:500;transition:background .16s,transform .12s;display:inline-flex;position:absolute;bottom:12px;right:12px}.edit-cover-button:active{background:#000000c7;transform:scale(.96)}.edit-avatar-area{z-index:5;position:absolute;bottom:0;left:18px}.edit-avatar{background:var(--bg);border-radius:50%;width:88px;height:88px;padding:3px;position:relative}.edit-avatar img{object-fit:cover;background:var(--surface-3);border:1px solid #ffffff14;border-radius:50%;width:100%;height:100%;display:block}.edit-avatar-button{color:#fff;background:var(--green);border:3px solid var(--bg);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;transition:transform .12s,background .16s;display:inline-flex;position:absolute;bottom:2px;right:-2px;box-shadow:0 3px 10px #00000047}.edit-avatar-button:active{transform:scale(.9)}.edit-form-card{background:var(--surface);border:1px solid #ffffff0e;border-radius:16px;margin:0 12px;padding:18px 14px 16px;box-shadow:0 8px 28px #00000024}.edit-field>label,.edit-label-row label{color:var(--text);letter-spacing:.05px;margin-bottom:7px;font-size:11px;font-weight:500;display:block}.edit-label-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px;display:flex}.edit-label-row label{margin-bottom:0}.edit-label-row span{color:var(--muted);font-size:9px;font-weight:400}.edit-field input,.edit-field select,.edit-field textarea{box-sizing:border-box;width:100%;color:var(--text);background:var(--surface-2);border:1px solid #ffffff13;border-radius:11px;outline:none;font-family:inherit;font-size:12px;font-weight:400;transition:border-color .16s,background .16s,box-shadow .16s}.edit-field input,.edit-field select{height:44px;padding:0 12px}.edit-field textarea{resize:vertical;min-height:100px;padding:11px 12px;line-height:1.45}.edit-field input::placeholder,.edit-field textarea::placeholder{color:#ffffff47}.edit-field input:focus,.edit-field select:focus,.edit-field textarea:focus{background:#ffffff0b;border-color:#21a9788c;box-shadow:0 0 0 3px #21a97814}.edit-field select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 16px) 19px,calc(100% - 11px) 19px;background-repeat:no-repeat;background-size:5px 5px;padding-right:32px}.edit-profile-message{border-radius:10px;margin:4px 0 14px;padding:10px 11px;font-size:10px;font-weight:400;line-height:1.4}.edit-profile-message.error{color:#ff9b9b;background:#e24b4a17;border:1px solid #e24b4a2e}.edit-profile-message.success{color:#79e0b3;background:#21a97817;border:1px solid #21a9782e}.edit-save-button{color:#fff;background:var(--green);cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;width:100%;height:46px;margin-top:4px;font-family:inherit;font-size:12px;font-weight:600;transition:transform .12s,filter .16s,opacity .16s;display:flex;box-shadow:0 5px 16px #21a9782e}.edit-save-button:hover{filter:brightness(1.06)}.edit-save-button:active{transform:scale(.985)}.edit-save-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.edit-profile-loading,.edit-profile-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:24px;display:flex}.edit-profile-loading p,.edit-profile-error p{color:var(--muted);font-size:11px;font-weight:400}.edit-profile-error h3{color:var(--text);margin:0 0 6px;font-size:15px;font-weight:600}.edit-profile-error p{max-width:280px;line-height:1.5}@media (width<=380px){.edit-profile-header{height:56px;padding:0 12px}.edit-profile-header strong{font-size:14px}.edit-cover{height:170px}.edit-avatar{width:82px;height:82px}.edit-form-card{border-radius:14px;margin:0 10px;padding:16px 12px}}.private-chat-back,.profile-back,.edit-profile-back,.groups-back,.group-chat-back,.back-button{width:40px;min-width:40px;height:40px;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0b;border:1px solid #ffffff13;border-radius:12px;flex:0 0 40px;justify-content:center;align-items:center;padding:0;font-family:Arial,sans-serif;font-size:24px;font-weight:300;line-height:1;transition:background .16s,border-color .16s,transform .12s,box-shadow .16s;display:inline-flex}.private-chat-back:hover,.profile-back:hover,.edit-profile-back:hover,.groups-back:hover,.group-chat-back:hover,.back-button:hover{background:#ffffff13;border-color:#ffffff1f}.private-chat-back:active,.profile-back:active,.edit-profile-back:active,.groups-back:active,.group-chat-back:active,.back-button:active{background:#ffffff1a;transform:scale(.92)}.private-chat-back:focus-visible,.profile-back:focus-visible,.edit-profile-back:focus-visible,.groups-back:focus-visible,.group-chat-back:focus-visible,.back-button:focus-visible{outline-offset:2px;outline:2px solid #21a97859}@media (width<=380px){.private-chat-back,.profile-back,.edit-profile-back,.groups-back,.group-chat-back,.back-button{border-radius:11px;flex-basis:38px;width:38px;min-width:38px;height:38px;font-size:23px}}.private-chat-back,.groups-back,.group-chat-back,.back-button,.profile-back-button{width:40px;min-width:40px;height:40px;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0b;border:1px solid #ffffff13;border-radius:12px;flex:0 0 40px;justify-content:center;align-items:center;padding:0;font-family:Arial,sans-serif;font-size:24px;font-weight:300;line-height:1;transition:background .16s,border-color .16s,transform .12s;display:inline-flex}.private-chat-back:hover,.groups-back:hover,.group-chat-back:hover,.back-button:hover,.profile-back-button:hover{background:#ffffff13;border-color:#ffffff1f}.private-chat-back:active,.groups-back:active,.group-chat-back:active,.back-button:active,.profile-back-button:active{background:#ffffff1a;transform:scale(.92)}.back-button,.groups-back,.group-chat-back,.edit-profile-back{width:40px;min-width:40px;height:40px;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0b;border:1px solid #ffffff12;border-radius:12px;justify-content:center;align-items:center;padding:0;font-size:20px;font-weight:400;line-height:1;transition:background .16s,border-color .16s,transform .12s,color .16s;display:inline-flex}.back-button:hover,.groups-back:hover,.group-chat-back:hover,.edit-profile-back:hover{background:#ffffff14;border-color:#ffffff1f}.back-button:active,.groups-back:active,.group-chat-back:active,.edit-profile-back:active{background:#ffffff1a;transform:scale(.94)}.back-button:focus-visible,.groups-back:focus-visible,.group-chat-back:focus-visible,.edit-profile-back:focus-visible{outline-offset:2px;outline:2px solid #21a97873}:root{--bg:#0d0f12;--surface:#14171b;--surface-2:#191d22;--surface-3:#20252b;--border:#ffffff12;--text:#f2f4f3;--text-soft:#c5cac8;--muted:#858c89;--green:#21a978;--green-dark:#187d5b;--green-soft:#21a97824;--danger:#e24b4a;--warning:#d9a441;--sent:#176c52;--received:#20252b;--radius:16px;--small-radius:11px;--shadow:0 8px 28px #0000003d}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}html{background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.45}button,input,textarea,select{font:inherit;font-weight:400}button{border:0;outline:0}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:2px}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.app,.page,.content{background:var(--bg);width:100%;min-height:100dvh}.topbar{z-index:50;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);background:#0d0f12f0;justify-content:space-between;align-items:center;min-height:58px;padding:0 16px;display:flex;position:sticky;top:0}.topbar h1,.topbar h2{letter-spacing:-.2px;margin:0;font-size:17px;font-weight:600}.primary,.secondary,.icon-btn,.back-button{cursor:pointer;transition:transform .16s,opacity .16s,background .16s}.primary{color:#fff;background:var(--green);border-radius:12px;min-height:42px;padding:0 18px;font-weight:500}.primary:active,.secondary:active,.icon-btn:active,.back-button:active{transform:scale(.97)}.secondary{min-height:42px;color:var(--text);background:var(--surface-3);border:1px solid var(--border);border-radius:12px;padding:0 18px}.icon-btn{width:40px;height:40px;color:var(--text);background:0 0;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.back-button{width:40px;height:40px;color:var(--text);background:0 0;justify-content:center;align-items:center;font-size:23px;display:inline-flex}.bottom-nav{z-index:60;height:64px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(18px);background:#121519f7;justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button,.bottom-nav a{color:var(--muted);background:0 0;flex:1;justify-content:center;align-items:center;font-size:12px;font-weight:400;display:flex}.bottom-nav .active{color:var(--green)}.loading-screen,.settings-loading,.profile-loading,.edit-profile-loading{min-height:100dvh;color:var(--muted);justify-content:center;align-items:center;display:flex}.login-page{background:radial-gradient(circle at top, #21a9781a, transparent 42%), var(--bg);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:390px;box-shadow:var(--shadow);border-radius:22px;padding:28px 22px}.login-logo{text-align:center;margin-bottom:10px;font-size:30px;font-weight:700}.login-subtitle{color:var(--muted);text-align:center;margin:0 0 24px}.login-button{background:var(--green);color:#fff;border-radius:13px;width:100%;min-height:46px;font-weight:500}.login-footer{color:var(--muted);text-align:center;margin-top:18px;font-size:12px}.login-error,.error,.friends-error,.groups-error,.profile-error,.edit-profile-error{color:#ff7b79}.search,.friends-search{background:var(--surface);border:1px solid var(--border);border-radius:13px;align-items:center;gap:9px;min-height:44px;margin:12px 16px;padding:0 13px;display:flex}.search input,.friends-search input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:13px;font-weight:400}.search input::placeholder,.friends-search input::placeholder{color:var(--muted)}.friends-page{min-height:100dvh;padding-bottom:78px}.friends-header{padding:20px 16px 8px}.friends-header h1{letter-spacing:-.5px;margin:0;font-size:24px;font-weight:600;line-height:1.2}.friends-header p{color:var(--muted);margin:5px 0 0;font-size:12px}.friends-tabs{gap:8px;padding:2px 16px 12px;display:flex}.friends-tabs button{min-height:36px;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:0 14px;font-size:12px}.friends-tabs button.active{color:#fff;background:var(--green-dark);border-color:#0000}.request-count{color:#fff;margin-left:5px}.friends-section{margin:0 16px 20px}.friends-section-title,.section-title{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.friends-section-title h2,.section-title{margin:0;font-size:14px;font-weight:600}.friends-list{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.friend-item,.friend-request-item{border-bottom:1px solid var(--border);align-items:center;gap:10px;min-height:68px;padding:10px 12px;display:flex}.friend-item:last-child,.friend-request-item:last-child{border-bottom:0}.friend-profile-button{min-width:0;color:inherit;text-align:left;background:0 0;flex:1;align-items:center;gap:11px;padding:0;display:flex}.friend-avatar-wrap,.chat-avatar-wrap{flex:none;position:relative}.friend-avatar,.chat-avatar{object-fit:cover;background:var(--surface-3);border-radius:50%;width:44px;height:44px}.online-dot,.chat-header-online-dot{border:2px solid var(--surface);background:var(--green);border-radius:50%;width:11px;height:11px;position:absolute;bottom:1px;right:0}.friend-info{flex-direction:column;gap:2px;min-width:0;display:flex}.friend-info strong{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.friend-info span{color:var(--muted);font-size:11px}.friend-chat-button,.friend-action-button{width:38px;height:38px;color:var(--green);background:var(--green-soft);border-radius:11px;justify-content:center;align-items:center;display:inline-flex}.request-actions{gap:6px;display:flex}.accept-request-button,.reject-request-button{border-radius:9px;min-height:34px;padding:0 10px;font-size:11px;font-weight:500}.accept-request-button{color:#fff;background:var(--green)}.reject-request-button{color:#ff8582;background:#e24b4a1a}.private-chat{background:var(--bg);flex-direction:column;width:100%;height:100dvh;display:flex;overflow:hidden}.chat-header{border-bottom:1px solid var(--border);z-index:20;background:#0d0f12f5;flex:none;align-items:center;gap:4px;min-height:62px;padding:7px 10px;display:flex}.chat-header>button:first-child{width:40px;height:40px;color:var(--text);background:0 0;border-radius:12px;flex:0 0 40px;font-size:23px}.chat-header-profile{min-width:0;color:inherit;text-align:left;background:0 0;flex:1;align-items:center;gap:10px;padding:0;display:flex}.chat-header-avatar-wrap{flex:none;position:relative}.chat-header-avatar-wrap img{object-fit:cover;background:var(--surface-3);border-radius:50%;width:40px;height:40px}.chat-header-info{flex-direction:column;gap:1px;min-width:0;display:flex}.chat-header-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.chat-header-info span{font-size:10px}.presence-online{color:var(--green)}.presence-offline{color:var(--muted)}.presence-typing{color:var(--green)}.typing-dots{letter-spacing:1px;margin-right:3px}.messages{scroll-behavior:smooth;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:radial-gradient(circle at 50% 0%, #ffffff06, transparent 40%), var(--bg);flex-direction:column;flex:1;gap:5px;min-height:0;padding:14px 11px 18px;display:flex;overflow:hidden auto}.message-row{justify-content:flex-start;width:100%;padding:1px 0;display:flex}.message-row.mine{justify-content:flex-end}.message-bubble{background:var(--received);border:1px solid #ffffff0b;border-radius:16px 16px 16px 5px;width:fit-content;max-width:min(78%,330px);overflow:hidden;box-shadow:0 2px 8px #00000029}.message-row.mine .message-bubble{background:var(--sent);border-color:#ffffff06;border-radius:16px 16px 5px}.message-body{color:#f0f2f1;overflow-wrap:anywhere;word-break:break-word;padding:9px 11px 4px;font-size:13px;font-weight:400;line-height:1.42}.message-row.mine .message-body{color:#fff}.message-meta{color:#ffffff85;justify-content:flex-end;align-items:center;gap:4px;min-height:17px;padding:0 8px 6px;font-size:8.5px;line-height:1;display:flex}.message-meta small{white-space:nowrap;font-size:8.5px;font-weight:400}.message-sent,.message-seen{letter-spacing:-.7px;font-size:10px;line-height:1}.message-sent{color:#ffffff8c}.message-seen{color:#82d7bd}.message-delete{color:#ffffff73;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:10px;display:inline-flex}.message-delete:active{background:#ffffff14}.image-bubble{max-width:min(82%,340px)}.image-bubble .message-body{padding:4px}.chat-message-image{object-fit:cover;border-radius:12px;width:100%;max-width:320px;max-height:380px}.deleted-bubble{border-color:#ffffff0e;background:#191c20!important}.deleted-message-text{color:#858b89;font-size:11px;font-style:italic}.chat-status,.chat-error{color:var(--muted);text-align:center;margin:12px auto;font-size:11px}.chat-error{color:#ff7774}.empty-chat{text-align:center;margin:auto;padding:24px}.empty-chat>div{background:var(--green-soft);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 12px;font-size:23px;display:flex}.empty-chat h3{margin:0;font-size:14px;font-weight:500}.empty-chat p{color:var(--muted);margin:5px 0 0;font-size:11px}.message-input{min-height:61px;padding:8px 10px calc(8px + env(safe-area-inset-bottom)) 8px;border-top:1px solid var(--border);background:#121519fa;flex:none;align-items:center;gap:8px;display:flex}.message-input input{min-width:0;height:44px;color:var(--text);background:var(--surface-3);border:1px solid #ffffff0e;border-radius:22px;outline:0;flex:1;padding:0 14px;font-size:13px;font-weight:400}.message-input input::placeholder{color:#727875}.message-input input:focus{border-color:#21a97873}.message-input>button{color:#fff;background:var(--green);border-radius:50%;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;transition:transform .16s,opacity .16s;display:flex}.message-input>button:disabled{opacity:.32}.message-input>button:not(:disabled):active{transform:scale(.93)}.delete-modal-overlay{z-index:200;-webkit-backdrop-filter:blur(5px);background:#0000009e;justify-content:center;align-items:flex-end;padding:12px;display:flex;position:fixed;inset:0}.delete-modal{border:1px solid var(--border);background:#181b1f;border-radius:22px 22px 16px 16px;width:100%;max-width:430px;padding:9px 14px 18px;box-shadow:0 -10px 35px #00000059}.delete-modal-handle{background:#3a3f43;border-radius:999px;width:38px;height:4px;margin:2px auto 17px}.delete-modal h3{margin:0;font-size:17px;font-weight:600}.delete-modal>p{color:var(--muted);margin:5px 0 16px;font-size:11px}.delete-option{width:100%;min-height:62px;color:var(--text);background:var(--surface-2);border:1px solid var(--border);text-align:left;border-radius:13px;align-items:center;gap:12px;margin-top:7px;padding:10px;display:flex}.delete-option-icon{background:#e24b4a1a;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.delete-option-text{flex-direction:column;gap:2px;min-width:0;display:flex}.delete-option-text strong{font-size:12px;font-weight:500}.delete-option-text small{color:var(--muted);font-size:10px}.delete-everyone{color:#ff7a77}.delete-cancel{width:100%;min-height:44px;color:var(--muted);background:0 0;border-radius:11px;margin-top:10px}.settings-page{min-height:100dvh;padding-bottom:80px}.settings-section{margin:18px 16px}.settings-section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.7px;margin:0 0 8px;font-size:11px;font-weight:600}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.settings-row,.settings-toggle-row,.settings-feature-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;min-height:62px;padding:10px 14px;display:flex}.settings-row:last-child,.settings-toggle-row:last-child,.settings-feature-row:last-child{border-bottom:0}.settings-info,.settings-toggle-text{flex:1;min-width:0}.settings-info strong,.settings-toggle-text strong{color:var(--text);font-size:13px;font-weight:500;line-height:1.3;display:block}.settings-info p,.settings-toggle-text p,.settings-subtitle{color:var(--muted);margin:3px 0 0;font-size:10px;font-weight:400;line-height:1.35}.settings-toggle-row{min-height:68px}.settings-toggle-row input[type=checkbox]{appearance:none;cursor:pointer;background:#353a40;border:0;border-radius:999px;flex:0 0 46px;width:46px;height:27px;margin:0;padding:0;transition:background .2s,box-shadow .2s;position:relative}.settings-toggle-row input[type=checkbox]:before{content:"";background:#fff;border-radius:50%;width:21px;height:21px;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #00000059}.settings-toggle-row input[type=checkbox]:checked{background:var(--green);box-shadow:0 0 0 3px #21a97814}.settings-toggle-row input[type=checkbox]:checked:before{transform:translate(19px)}.settings-toggle-row input[type=checkbox]:active:before{width:24px}.settings-divider{background:var(--border);height:1px}.settings-primary-button{color:#fff;background:var(--green);border-radius:12px;width:100%;min-height:44px;font-size:13px;font-weight:500}.settings-feature-button{width:100%;color:var(--text);text-align:left;background:0 0}.settings-logout-button{background:0 0;width:100%;font-size:13px;font-weight:500;color:var(--danger)!important}.settings-alert{color:#e8c778;background:#d9a44117;border:1px solid #d9a44126;border-radius:11px;margin:12px 16px;padding:11px 13px;font-size:11px}.groups-page,.group-chat-page{min-height:100dvh}.groups-content{padding:12px 16px 82px}.groups-list{flex-direction:column;gap:8px;display:flex}.group-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:13px}.group-card-top{align-items:center;gap:11px;display:flex}.group-card-icon{background:var(--green-soft);border-radius:12px;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.group-card-content{flex:1;min-width:0}.group-card-content h3{margin:0;font-size:13px;font-weight:500}.group-description{color:var(--muted);margin:3px 0 0;font-size:10px}.group-messages{flex-direction:column;gap:7px;min-height:0;padding:12px;display:flex;overflow-y:auto}.group-message-content{max-width:78%;color:var(--text);background:var(--received);border-radius:14px;padding:9px 11px;font-size:13px;font-weight:400}.group-message-sender{color:var(--green);margin-bottom:3px;font-size:10px;font-weight:500}.group-message-time{color:var(--muted);margin-top:4px;font-size:8px}.group-message-avatar{object-fit:cover;border-radius:50%;width:30px;height:30px}.group-message-avatar-button,.group-message-sender-button,.group-seen-button{color:inherit;background:0 0}.profile-page{min-height:100dvh;padding-bottom:80px}.profile-hero{background:var(--surface);min-height:250px;position:relative}.profile-cover-image,.profile-cover-empty{object-fit:cover;background:var(--surface-3);width:100%;height:170px}.profile-cover-empty{color:var(--muted);justify-content:center;align-items:center;display:flex}.profile-avatar-section{margin-top:-48px;padding:0 18px;position:relative}.profile-avatar-large{object-fit:cover;border:4px solid var(--surface);background:var(--surface-3);border-radius:50%;width:96px;height:96px}.profile-name-row{align-items:center;gap:7px;margin-top:9px;display:flex}.profile-name-row h1,.profile-name-row h2{margin:0;font-size:19px;font-weight:600}.profile-username{color:var(--muted);margin-top:2px;font-size:11px}.profile-bio{color:var(--text-soft);margin-top:12px;font-size:12px}.profile-detail-card,.profile-status-card,.profile-main-card{background:var(--surface);border:1px solid var(--border);border-radius:15px;margin:10px 16px;padding:14px}.profile-details{flex-direction:column;gap:11px;display:flex}.profile-detail-card{align-items:center;gap:10px;display:flex}.profile-detail-icon,.profile-status-card-icon{color:var(--green)}.profile-status-pill{color:var(--green);background:var(--green-soft);border-radius:999px;padding:4px 8px;font-size:10px;display:inline-flex}.profile-edit-button{color:#fff;background:var(--green);border-radius:11px;min-height:40px;padding:0 14px;font-size:12px}.edit-profile-page{min-height:100dvh;padding-bottom:24px}.edit-profile-header{border-bottom:1px solid var(--border);align-items:center;gap:8px;min-height:58px;padding:0 12px;display:flex}.edit-profile-form{padding:18px 16px}.edit-form-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:15px}.edit-field{margin-bottom:15px}.edit-field label,.profile-cover-label{color:var(--muted);margin-bottom:6px;font-size:10px;font-weight:500;display:block}.edit-field input,.edit-field textarea,.edit-field select{width:100%;min-height:42px;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:11px;outline:0;padding:9px 11px;font-size:12px}.edit-field textarea{resize:vertical;min-height:90px}.edit-save-button{color:#fff;background:var(--green);border-radius:12px;width:100%;min-height:44px;font-size:13px;font-weight:500}.location-page{min-height:100dvh;padding:18px 16px}.location-coordinates{color:var(--muted);font-size:11px}.profile-photo-viewer{z-index:300;background:#000000f0;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.profile-photo-viewer img{object-fit:contain;border-radius:10px;max-width:100%;max-height:85dvh}.profile-photo-close{color:#fff;background:#ffffff14;border-radius:50%;width:42px;height:42px;font-size:22px;position:absolute;top:14px;right:14px}.group-members-modal,.group-leave-modal{z-index:200;background:var(--surface);border:1px solid var(--border);width:calc(100% - 30px);max-width:400px;box-shadow:var(--shadow);border-radius:18px;padding:18px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.group-leave-backdrop{z-index:190;background:#000000a6;position:fixed;inset:0}.empty{color:var(--muted);text-align:center;padding:35px 20px;font-size:12px}.success{color:var(--green)}.disabled{opacity:.45;pointer-events:none}@media (width<=480px){.message-bubble{max-width:80%}.image-bubble{max-width:84%}.message-body{font-size:13px}}@media (width>=700px){.messages{padding-left:max(16px,50vw - 340px);padding-right:max(16px,50vw - 340px)}.message-bubble{max-width:430px}.message-input{padding-left:max(12px,50vw - 340px);padding-right:max(12px,50vw - 340px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.chat-list{flex-direction:column;gap:2px;width:100%;padding:4px 12px 82px;display:flex}.chat-item{width:100%;min-height:72px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;padding:9px 8px;transition:background .16s,transform .12s;display:flex}.chat-item:active{background:#ffffff0b;transform:scale(.995)}.chat-item+.chat-item{border-top:1px solid #ffffff09}.chat-avatar-wrap{flex:0 0 50px;width:50px;height:50px;position:relative}.chat-avatar{object-fit:cover;background:var(--surface-3);border:1px solid #ffffff0e;border-radius:50%;width:50px;height:50px}.chat-avatar-wrap .online-dot{border-width:2px;border-color:var(--bg);width:12px;height:12px;bottom:1px;right:1px}.chat-info{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.chat-top{align-items:center;gap:8px;min-width:0;display:flex}.chat-top strong{min-width:0;color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:500;line-height:1.25;overflow:hidden}.chat-top small{color:var(--muted);white-space:nowrap;flex:none;font-size:9px;font-weight:400}.chat-bottom{align-items:center;gap:5px;min-width:0;display:flex}.chat-bottom span,.chat-bottom p,.chat-bottom small{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;font-weight:400;line-height:1.3;overflow:hidden}.chat-item.unread .chat-top strong{color:#fff;font-weight:600}.chat-item.unread .chat-top small{color:var(--green);font-weight:500}.chat-item.unread .chat-bottom span,.chat-item.unread .chat-bottom p,.chat-item.unread .chat-bottom small{color:var(--text-soft)}.unread-badge{color:#fff;background:var(--green);border-radius:999px;flex:none;justify-content:center;align-items:center;min-width:19px;height:19px;padding:0 5px;font-size:9px;font-weight:600;line-height:1;display:inline-flex}.settings-toggle-row{align-items:center;gap:14px;min-height:68px;padding:10px 14px;display:flex}.settings-toggle-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.settings-toggle-text strong{color:var(--text);font-size:13px;font-weight:500;line-height:1.25;display:block}.settings-toggle-text span{color:var(--muted);font-size:10px;font-weight:400;line-height:1.35;display:block}.settings-switch{cursor:pointer;background:#343a40;border:0;border-radius:999px;flex:0 0 48px;width:48px;height:28px;padding:0;transition:background .2s,box-shadow .2s,opacity .2s;position:relative}.settings-switch span{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s cubic-bezier(.4,0,.2,1),width .15s;display:block;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #00000059}.settings-switch.active{background:var(--green);box-shadow:0 0 0 3px #21a97814}.settings-switch.active span{transform:translate(20px)}.settings-switch:active span{width:24px}.settings-switch:disabled{opacity:.4;cursor:default}.settings-toggle-row input[type=checkbox]{all:unset}.settings-feature-row{align-items:center;gap:10px;min-height:58px;padding:10px 14px;display:flex}.settings-feature-row>span:first-child{background:var(--green-soft);border-radius:9px;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex}.settings-feature-row>span:nth-child(2){min-width:0;color:var(--text);flex:1;font-size:12px;font-weight:400}.settings-feature-row strong{color:var(--green);font-size:10px;font-weight:500}.empty{text-align:center;padding:45px 22px 25px}.empty-icon{background:var(--green-soft);border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 13px;font-size:24px;display:flex}.empty h3{color:var(--text);margin:0;font-size:15px;font-weight:500}.empty p{max-width:270px;color:var(--muted);margin:6px auto 18px;font-size:11px;line-height:1.5}.empty .primary{min-height:40px;padding:0 17px;font-size:12px}@media (width<=360px){.chat-item{gap:10px;padding-left:5px;padding-right:5px}.chat-avatar-wrap,.chat-avatar{width:46px;height:46px}.chat-avatar-wrap{flex-basis:46px}.chat-top strong{font-size:12px}.chat-bottom span,.chat-bottom p,.chat-bottom small{font-size:10px}.settings-switch{flex-basis:46px;width:46px}.settings-switch.active span{transform:translate(18px)}}h1,h2,h3,h4,h5,h6,strong{letter-spacing:-.15px}h1,h2,h3,h4,h5,h6{font-weight:600}p,small,.friend-info span,.friend-info strong,.chat-top strong,.chat-top small,.chat-bottom span,.chat-bottom p,.chat-bottom small,.settings-info strong,.settings-info p,.settings-toggle-text strong,.settings-toggle-text span,.settings-feature-row>span:nth-child(2),.profile-bio,.group-description{font-weight:400}.friend-info strong,.chat-top strong,.settings-info strong,.settings-toggle-text strong{font-weight:500}.page-header,.friends-header,.groups-header{padding:18px 16px 10px}.page-header h1,.friends-header h1,.groups-header h1{letter-spacing:-.45px;margin:0;font-size:22px;font-weight:600;line-height:1.2}.page-header p,.groups-header p{color:var(--muted);margin:5px 0 0;font-size:11px;line-height:1.45}.settings-card,.profile-detail-card,.profile-status-card,.profile-main-card,.edit-form-card,.friends-list,.group-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 3px 14px #0000001a}.section-title,.friends-section-title{align-items:center;min-height:30px;display:flex}.friends-section-title h2,.section-title h2{color:var(--text);margin:0;font-size:13px;font-weight:500}input,textarea,select,input::placeholder,textarea::placeholder{font-weight:400}.friend-chat-button,.friend-action-button,.accept-request-button,.reject-request-button{transition:transform .15s,opacity .15s,background .15s}.friend-chat-button:active,.friend-action-button:active,.accept-request-button:active,.reject-request-button:active{transform:scale(.96)}.groups-content{padding-top:8px}.group-card{padding:12px}.group-card-content h3{font-size:13px;font-weight:500}.group-description{font-size:10px}.group-join-button,.group-open-button{border-radius:10px;min-height:36px;padding:0 12px;font-size:11px;font-weight:500}.group-join-button{color:#fff;background:var(--green)}.group-open-button{color:var(--text);background:var(--surface-3)}.profile-identity{padding:0 18px}.profile-name-row h1,.profile-name-row h2{font-size:19px;font-weight:600}.profile-username{font-size:11px;font-weight:400}.profile-bio{font-size:12px;line-height:1.55}.profile-details{font-size:12px}.profile-detail-card{min-height:52px;margin-top:8px;margin-bottom:0}.profile-status-card{min-height:52px}.profile-edit-button{font-weight:500}.edit-label-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.edit-field label{margin:0;font-size:10px;font-weight:500}.edit-field input,.edit-field textarea,.edit-field select{font-size:12px}.edit-save-button,.chat-header-info strong{font-weight:500}.chat-header-info span{font-weight:400}.message-body{letter-spacing:0;font-weight:400}.message-meta,.message-meta small,.deleted-message-text,.message-input input{font-weight:400}.message-input>button{font-weight:500}.delete-modal h3{font-size:16px;font-weight:600}.delete-modal>p{font-weight:400}.delete-option-text strong{font-weight:500}.settings-section{margin-top:17px;margin-bottom:17px}.settings-section-title{letter-spacing:.65px;padding-left:2px;font-size:10px;font-weight:600}.settings-info strong,.settings-toggle-text strong{font-size:12px;font-weight:500}.settings-info p,.settings-toggle-text span{font-size:10px;font-weight:400}.settings-feature-row>span:nth-child(2){font-size:12px;font-weight:400}.settings-feature-row strong{font-size:9px;font-weight:500}.primary,.secondary,.settings-primary-button,.edit-save-button,.login-button{font-weight:500}.primary,.secondary{transition:transform .15s,opacity .15s,background .15s}.primary:active,.secondary:active{transform:scale(.98)}.empty h3{font-weight:500}.empty p,.chat-status,.chat-error,.friends-error,.groups-error,.profile-error{font-weight:400}@media (width<=480px){.friends-header,.groups-header,.page-header{padding-left:15px;padding-right:15px}.settings-section{margin-left:14px;margin-right:14px}.settings-card{border-radius:15px}.profile-detail-card,.profile-status-card,.profile-main-card{margin-left:14px;margin-right:14px}}@media (width<=360px){body{font-size:13px}.page-header h1,.friends-header h1,.groups-header h1{font-size:20px}.settings-section{margin-left:11px;margin-right:11px}}