@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,700;1,700&display=swap');*{box-sizing:border-box}body{margin:0;background:#f4f2ee;color:#28262c;font-family:Manrope,Arial,sans-serif}.phone{position:relative;margin:30px auto;width:390px;height:844px;border:9px solid #27252b;border-radius:45px;overflow:hidden;background:#fff;box-shadow:0 18px 55px #24202940}.screen{display:none;height:100%;padding:29px 24px;position:absolute;inset:0;background:#fff}.screen.active{display:flex;flex-direction:column}.brand{font-size:25px;font-weight:800;letter-spacing:-1px;color:#fff}.brand.dark{color:#302e35}.intro{background:linear-gradient(165deg,#e2757e,#b44d7d 72%,#702e5c);justify-content:flex-end}.intro:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 88% 13%,#ffd8ae77,transparent 30%),radial-gradient(circle at 12% 55%,#fff3 0 1px,transparent 2px);opacity:.9}.intro>*{position:relative}.hero{margin:auto 0 38px}.hero span{font:700 43px/1.06 'Playfair Display',serif;color:#fff}.hero p{color:#fffdf0;font-size:15px;line-height:1.55;width:280px}.primary,.ghost,.outline{height:54px;border-radius:16px;border:0;font:700 15px Manrope;margin-top:12px;cursor:pointer}.primary{background:#302e35;color:#fff;box-shadow:0 9px 18px #41223933}.ghost{background:#ffffff22;border:1px solid #ffffff77;color:white}.intro small{font-size:10px;line-height:1.4;color:#fff9dc;margin:20px 7px 0;text-align:center}.form h1,.settings h1{font:700 30px/1.13 'Playfair Display',serif;margin:46px 0 8px}.form>p{color:#77727b;font-size:14px;line-height:1.55;margin:0 0 28px}.back{border:0;background:none;font-size:27px;padding:0;cursor:pointer;color:#312e35}.progress{height:4px;background:#eee8e6;border-radius:4px;margin:26px 0 -11px}.progress i{display:block;background:#d76572;height:4px;width:20%;border-radius:4px}label{display:block;font-size:12px;font-weight:700;margin-bottom:18px;color:#55505a}input,textarea,select{display:block;width:100%;margin-top:7px;border:1px solid #e6e0de;background:#fbfaf9;border-radius:12px;padding:15px;font:500 15px Manrope;color:#302e35;outline:none}textarea{height:94px;resize:none}.row{display:flex;gap:10px}.row label{width:50%}.form .primary{margin-top:auto}.code{display:flex;gap:8px;margin:5px 0 35px}.code b{border:1px solid #dfd8d7;border-radius:10px;width:46px;height:53px;display:grid;place-items:center;font-size:21px}.form a{text-align:center;color:#bd536b;font-size:12px;margin-top:20px}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tile,.add-photo{height:146px;border-radius:16px}.add-photo{background:#f5eeee;color:#c45e71;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:33px}.add-photo span{font-size:11px;font-weight:700}.muted{background:#faf8f7;color:#ccc}.p1{background:linear-gradient(#0001,#0007),url('https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=700&q=80') center/cover}.p2{background:url('https://images.unsplash.com/photo-1517841905240-472988babdf9?auto=format&fit=crop&w=700&q=80') center/cover}.p3{background:linear-gradient(#0000 40%,#000b),url('https://images.unsplash.com/photo-1512316609839-ce289d3eba0a?auto=format&fit=crop&w=900&q=80') center/cover}.p4{background:url('https://images.unsplash.com/photo-1531123897727-8f129e1688ce?auto=format&fit=crop&w=500&q=80') center/cover}.p5{background:url('https://images.unsplash.com/photo-1524504388940-b1c1722653e1?auto=format&fit=crop&w=500&q=80') center/cover}.app{background:#fbfaf8;padding:25px 16px 0}.app header,.list header,.profile header,.chat header{display:flex;align-items:center;justify-content:space-between}.filter{border:0;background:#f0ecea;border-radius:12px;width:40px;height:40px;font-size:18px}.card{flex:1;border-radius:26px;margin:18px 2px 15px;position:relative;color:white;overflow:hidden;transition:.3s}.badge{background:#ffffff35;backdrop-filter:blur(4px);position:absolute;top:15px;left:15px;border-radius:12px;padding:7px 10px;font-size:11px}.card-info{position:absolute;bottom:0;padding:20px}.card h1{margin:0;font:700 31px 'Playfair Display',serif}.card h1 span{font:16px Manrope;color:#f9d98e}.card p{font-size:13px;line-height:1.45;margin:6px 0 10px}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags em{font:11px Manrope;background:#ffffff2c;border:1px solid #ffffff50;padding:5px 9px;border-radius:12px;font-style:normal}.actions{display:flex;justify-content:center;align-items:center;gap:26px}.actions button{border:0;background:#fff;box-shadow:0 4px 14px #6e5c5a2b;border-radius:50%;width:55px;height:55px;font-size:29px}.actions .no{color:#d87975}.actions .heart{width:67px;height:67px;color:#e35369;background:#fff4f3}.actions .star{color:#d9ad55;font-size:21px}nav{height:75px;display:flex;justify-content:space-around;align-items:center;margin-top:3px}nav button{border:0;background:none;color:#aaa2a1;font-size:26px;display:flex;flex-direction:column;gap:3px;align-items:center}nav span{font:9px Manrope}nav .selected{color:#c7546a}.list{padding:28px 20px 0}.list h3{font-size:13px;margin:28px 0 13px}.match-row{display:flex;gap:14px}.mini{width:64px;height:64px;border:3px solid #d26576;border-radius:50%}.conversation{width:100%;display:flex;align-items:center;gap:12px;border:0;background:none;padding:11px 0;text-align:left}.avatar{width:46px;height:46px;display:inline-block;border-radius:50%;flex:none}.conversation span,.chat header span{display:flex;flex-direction:column;gap:3px}.conversation b,.chat header b{font-size:13px}.conversation small,.chat header small{font-size:11px;color:#8c868c}.conversation time{margin-left:auto;font-size:10px;color:#9b9495}.chat{padding:25px 16px 14px}.chat header{gap:10px}.chat .dots{margin-left:auto;background:none;border:0;font-size:16px}.messages{flex:1;padding:30px 2px;display:flex;flex-direction:column;gap:11px}.messages time{text-align:center;font-size:10px;color:#aaa}.messages p{max-width:78%;padding:11px 13px;margin:0;border-radius:15px;font-size:13px;line-height:1.4}.them{background:#f1eded;border-bottom-left-radius:3px!important}.me{background:#c95d70;color:white;align-self:flex-end;border-bottom-right-radius:3px!important}.compose{display:flex;gap:9px}.compose input{margin:0;padding:12px}.compose button{border:0;border-radius:12px;width:46px;background:#302e35;color:#fff}.profile{padding:28px 22px 0;text-align:center}.me-photo{width:112px;height:112px;border-radius:50%;margin:26px auto 13px;position:relative}.me-photo button{position:absolute;bottom:0;right:0;border:0;border-radius:50%;background:#fff;width:30px;height:30px;box-shadow:0 2px 8px #0003}.profile h1{font:700 27px 'Playfair Display',serif;margin:0}.profile>p{font-size:12px;color:#8b8486}.profile-card{text-align:left;border:1px solid #eee8e5;border-radius:17px;padding:16px;margin:23px 0}.profile-card b{font-size:12px}.profile-card p{font-size:12px;line-height:1.5}.profile-card .tags em{background:#f5eeee;border:0;color:#9b5663}.outline{width:100%;background:white;border:1px solid #d9cac8;color:#54494d}.settings label{margin:24px 0}.settings input[type=range]{padding:0;accent-color:#c85c70}.switch{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;border-top:1px solid #eee;padding:22px 0}.switch i{width:43px;height:25px;border-radius:20px;background:#c75a6d}.switch i:after{content:'';display:block;background:#fff;width:19px;height:19px;border-radius:50%;margin:3px 3px 3px auto}.danger{margin-top:18px;color:#bd4b58;border:0;background:none;font:600 12px Manrope}.match{background:linear-gradient(155deg,#fff5ed,#f7dce4);text-align:center;justify-content:center;align-items:center}.match h1{font:700 38px 'Playfair Display',serif;margin:14px 0 5px}.match p{font-size:14px;color:#71666c}.confetti{font-size:30px;color:#cf6577}.match .avatar{width:95px;height:95px;border:4px solid white;margin:22px -7px}.match .primary,.match .ghost{width:100%;margin-top:10px}.match .ghost{background:transparent;color:#a44f62}
.switch i.off{background:#d9d3d1}.switch i.off:after{margin:3px auto 3px 3px}#notice{position:absolute;left:24px;right:24px;bottom:30px;z-index:9;background:#302e35;color:#fff;padding:13px 16px;border-radius:14px;font-size:12px;line-height:1.4;opacity:0;transform:translateY(12px);transition:.25s;pointer-events:none}#notice.show{opacity:1;transform:translateY(0)}
#settings{overflow-y:auto;padding-bottom:36px;scrollbar-width:thin;scrollbar-color:#cfb5b8 transparent}#settings::-webkit-scrollbar{width:4px}#settings::-webkit-scrollbar-thumb{background:#cfb5b8;border-radius:4px}
.intro:after{content:'✦ Больше совпадений\A Заполните анкету — и начните знакомиться';white-space:pre-line;position:absolute;left:24px;right:24px;top:105px;padding:15px 17px;border:1px solid #ffffff4d;border-radius:18px;background:#ffffff1c;color:#fff;font:700 13px/1.55 Manrope;box-shadow:0 12px 26px #5d204336;z-index:2}.intro:after::first-line{color:#ffe5a8;font-size:12px}
.stats-tabs{display:flex;gap:8px;margin:15px 0}.stats-tabs button{border:1px solid #dccdcb;background:#fff;border-radius:11px;padding:9px 11px;font:700 11px Manrope}.stats-tabs .active{background:#b9566a;color:#fff;border-color:#b9566a}.stat-line{padding:13px 0;border-bottom:1px solid #eee6e4;display:flex;justify-content:space-between;align-items:end;font-size:12px}.stat-line b{font-size:20px;color:#963f57}.stat-line small{color:#7e7678}.chart{height:118px;display:flex;align-items:end;justify-content:space-between;gap:8px;padding:14px 10px 0;margin:15px 0;border-radius:15px;background:#f9f1f1}.chart i{display:block;flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(#c55b70,#7d3c68)}.chart-labels{display:flex;justify-content:space-between;font-size:9px;color:#8b8083;padding:0 5px}.queue-card{border:1px solid #eee4e2;border-radius:15px;padding:14px;margin:14px 0;text-align:left}.queue-card h3{font-size:13px;margin:0 0 5px}.queue-card p{font-size:11px;line-height:1.45;color:#777}.queue-card button{border:0;background:#b9566a;color:white;border-radius:10px;padding:8px 10px;font:700 10px Manrope}
.dual-label{padding:14px 0;border-bottom:1px solid #eee7e5}.dual-range{display:grid;grid-template-columns:62px 1fr;gap:8px 10px;align-items:center;margin-top:11px}.dual-range span{font-size:10px;color:#7b7476}.dual-range input{margin:0;padding:0;accent-color:#c75a6d;height:14px}.dual-range output{font:700 11px Manrope;color:#a64d62}
.favorites-search{display:flex;align-items:center;gap:7px;margin:19px 0 10px;padding:0 12px;border-radius:13px;background:#f5efee;color:#967f84;font-size:18px}.favorites-search input{margin:0;border:0;background:transparent;padding:12px 0;font-size:12px}.favorites-subtitle{font:700 12px Manrope;color:#665d61;margin:14px 0 5px}.favorite-item{position:relative;display:flex;align-items:center;border-bottom:1px solid #eee7e5;padding:12px 0}.favorite-open{display:flex;align-items:center;gap:12px;border:0;background:none;padding:0;text-align:left;min-width:0;flex:1}.favorite-open .avatar{width:58px;height:58px}.favorite-open span{display:flex;flex-direction:column;gap:3px;min-width:0}.favorite-open b{font-size:13px}.favorite-open small,.favorite-open em{font:10px Manrope;color:#888084;font-style:normal}.favorite-remove{position:absolute;right:0;top:29px;width:29px;height:29px;border:0;border-radius:50%;background:#f8ecec;color:#ad5262;font-size:19px;line-height:1}.favorites-empty{text-align:center;margin:45px 0;color:#847b7e;font-size:13px}
#discover .main-banner{min-height:94px!important;margin:14px 1px 10px!important;padding:15px 44px 15px 15px!important;overflow:hidden;border:1px solid #ffffff70!important;background:linear-gradient(120deg,#42264e 0%,#8a3b68 48%,#df6b72 100%)!important;box-shadow:0 12px 24px #8e50674a!important}#discover .main-banner:before,#discover .main-banner:after{content:'♥';position:absolute;color:#fff2;font-size:56px;line-height:1;transform:rotate(-18deg)}#discover .main-banner:before{right:69px;bottom:-18px}#discover .main-banner:after{right:12px;top:-7px;font-size:34px;transform:rotate(19deg)}#discover .banner-spark{width:52px!important;height:52px!important;border-radius:17px!important;background:linear-gradient(145deg,#ffdda6,#f8a68c)!important;color:#7f365b!important;font-size:27px!important;box-shadow:inset 0 1px 6px #fff8}.main-banner .banner-copy{position:relative;z-index:1}.main-banner .banner-copy b{font-size:13px!important;letter-spacing:-.2px}.main-banner .banner-copy p{max-width:155px;font-size:10px!important;line-height:1.35}.main-banner button:not(.banner-close){position:relative;z-index:1;padding:9px 11px!important;border-radius:12px!important;box-shadow:0 4px 10px #5324463d}.main-banner .banner-close{z-index:2}
.favorites-entry{margin-top:-10px!important;margin-bottom:12px!important;color:#9b4e62!important;background:#fff7f6!important;border-color:#dfc5c7!important}
.sofia-hero{height:213px;border-radius:22px;margin:20px 0 15px;position:relative;background-position:center}.sofia-hero .badge{top:13px;left:13px}.verified{color:#d29c55;font:700 15px Manrope}.details-heading{display:block;margin-top:18px}#chat header .avatar,#chat header span,.mini.p3,.conversation{cursor:pointer}
.interests-field{margin:2px 0 18px}.interests-field>b{font-size:12px;color:#55505a}.interests-field>p{margin:6px 0 11px;font-size:10px;line-height:1.45;color:#81797c}.interest-list{display:flex;flex-wrap:wrap;gap:7px}.interest-chip{border:1px solid #e1d5d3;background:#fff;border-radius:13px;padding:7px 10px;color:#735d62;font:600 11px Manrope}.interest-chip.chosen{background:#c55b70;color:#fff;border-color:#c55b70}.interest-add{display:flex;gap:7px;margin-top:9px}.interest-add input{margin:0;padding:9px 11px;font-size:11px}.interest-add button{border:0;border-radius:11px;width:38px;background:#f4e7e8;color:#a34c61;font-size:18px}
.chat .compose{align-items:center}.attach-button,.emoji-button{display:grid!important;place-items:center;flex:none;width:34px!important;height:34px!important;border:0!important;border-radius:50%!important;background:#f2eaea!important;color:#a55266!important;font-size:20px!important;cursor:pointer}.attach-button input{display:none}.chat .compose .send-button{flex:none;width:39px!important;height:39px!important}.emoji-panel{display:none;grid-template-columns:repeat(4,1fr);gap:7px;padding:10px;margin:0 0 8px;border:1px solid #eadfdd;border-radius:14px;background:#fff7f6}.emoji-panel.open{display:grid}.emoji-panel button{border:0;background:#f7eeee;border-radius:10px;padding:8px;font-size:19px}.attachment{display:flex;flex-direction:column;gap:3px}.attachment b{font-size:12px}.attachment small{font-size:9px;opacity:.8}
.chats-entry{margin-top:-3px!important;margin-bottom:12px!important}.inbox-item{display:flex;align-items:center;gap:12px;width:100%;padding:13px 0;border:0;border-bottom:1px solid #eee7e5;background:none;text-align:left}.inbox-item .avatar,.support-avatar{width:52px;height:52px;border-radius:50%;flex:none}.support-avatar{display:grid;place-items:center;background:#653d65;color:#fff;font-style:normal;font-size:22px}.inbox-item span{display:flex;flex-direction:column;gap:4px;min-width:0}.inbox-item b{font-size:13px}.inbox-item small{font-size:11px;color:#837a7e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:205px}.inbox-item time{display:flex;flex-direction:column;align-items:end;gap:5px;margin-left:auto;font:10px Manrope;color:#9a9193}.inbox-item time i{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#c75b70;color:#fff;font:10px Manrope}
#profile-setup{overflow-y:auto!important;padding-bottom:30px!important;scrollbar-width:thin}#profile-setup .primary{margin-top:12px!important;min-height:54px;flex:none}#profile-setup .interests-field{flex:none}#profile-setup .progress{flex:none}
.media-heading{display:flex;justify-content:space-between;align-items:center;margin:13px 0 8px;font-size:12px}.media-heading span{font-size:10px;color:#917e82}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;min-height:4px}.media-tile{aspect-ratio:1;border-radius:12px;background:center/cover;position:relative}.media-tile span{position:absolute;right:4px;top:4px;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#0009;color:#fff;font-size:16px}.media-upload{display:flex;align-items:center;justify-content:center;gap:6px;margin:9px 0 16px;padding:13px;border:1px dashed #cdaeb4;border-radius:13px;background:#fffafa;color:#a54d61;font:700 12px Manrope}.media-upload input{display:none}.media-upload.video{margin-bottom:8px}.video-status{padding:10px 12px;border-radius:11px;background:#f8f2f1;color:#887d80;font-size:10px}.video-status.ready{background:#edf7ef;color:#49775a}
.form{overflow-y:auto;scrollbar-width:thin}.form .primary{flex:none}.form .bottom-back{flex:none}
.home-button{position:absolute;top:20px;right:17px;z-index:8;width:35px;height:35px;border:1px solid #eadfdd;border-radius:12px;background:#fffdfdcc;color:#9b5062;font:700 23px/1 Manrope;box-shadow:0 3px 9px #5f3e4520;cursor:pointer}.has-header .home-button{right:67px;top:28px}.intro .home-button{background:#ffffff22;border-color:#fff7;color:#fff}
.home-button{display:none!important}.persistent-brand{position:absolute;top:28px;left:24px;z-index:20;color:#302e35;font:800 20px Manrope;letter-spacing:-1px;pointer-events:none}.persistent-brand.light{color:#fff}.intro>.brand{visibility:hidden}.screen header .brand{visibility:hidden}
.universal-back{position:absolute;top:25px;right:17px;z-index:18;width:35px;height:35px;border:1px solid #eadfdd;border-radius:12px;background:#fffdfd;color:#9b5062;font-size:22px;cursor:pointer}.screen:has(header) .universal-back{right:67px;top:28px}.intro .universal-back{background:#ffffff22;border-color:#fff7;color:#fff}
.quick-filters{display:none!important}
#discover:before{content:'✦  Больше шансов на мэтч\A Добавьте интересы в анкету и находите близких по духу людей';white-space:pre-line;position:absolute;top:76px;left:17px;right:17px;z-index:2;min-height:92px;padding:17px 52px 14px 18px;border-radius:20px;background:linear-gradient(90deg,#24142ce8 0%,#54234bba 48%,#852e5099 100%),url('banner-love.png') center/cover;box-shadow:0 13px 25px #8a4d6345;color:#fff;font:700 13px/1.55 Manrope}#discover:after{content:'♥';position:absolute;z-index:3;right:33px;top:84px;color:#fff3;font-size:58px;transform:rotate(18deg)}#discover .card{margin-top:120px}#discover .main-banner{display:none!important}
.profile{overflow-y:auto!important;padding-bottom:22px!important}.profile header{flex:none}.profile .me-photo{flex:none}.profile-card{flex:none!important}.profile .outline,.profile .primary{flex:none;min-height:50px}.profile nav{flex:none;margin-top:8px;min-height:62px}.profile h1{line-height:1.15}.profile>p{margin:7px 0 12px}.profile-card .tags{margin-top:9px}.profile-card .tags em{padding:6px 10px}.profile .primary{width:100%;border:0;border-radius:15px;background:#302e35;color:#fff;font:700 14px Manrope;margin-top:4px}.profile .outline{margin-top:10px}.sofia-hero{flex:none!important}.sofia-hero+.profile h1{margin-top:0}#sofia .profile-card{margin:17px 0 0}#sofia .profile-card p{margin:7px 0 14px}#sofia .filter{color:#ad5062;font-size:22px}
@media(max-width:500px){body{background:#fff}.phone{margin:0;width:100%;height:100dvh;border:0;border-radius:0;box-shadow:none}}

/* Tinder-like photo format */
#discover .card{
  flex:0 0 auto!important;
  width:100%;
  aspect-ratio:9/16;
  height:auto!important;
  min-height:0;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  border-radius:28px;
}

/* Баннер только на главном экране с анкетами */
#discover:before{
  display:block!important;
}

#discover:after{
  display:block!important;
}

#discover .card{
  margin-top:120px!important;
}

#discover:before,
#discover:after{
  display:none!important;
}

#discover .card{
  margin-top:18px!important;
}

/* Hard final fix: active profile nav badge must match Discover/Matches */
#me nav button.selected .nav-icon,
#me.profile nav button.selected .nav-icon,
section#me nav button.selected .nav-icon{
  width:30px!important;
  height:28px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#2f2930,#c95d70)!important;
  color:#fff!important;
  box-shadow:0 8px 18px #c95d7030!important;
  outline:1px solid #ffffff66!important;
}

/* Hard final fix 2: highlight the whole active Profile tab */
#me nav button.selected,
#me.profile nav button.selected,
section#me nav button.selected{
  background:linear-gradient(135deg,#fff3f5,#f7e8ee)!important;
  color:#c7546a!important;
  border-radius:18px!important;
  box-shadow:inset 0 0 0 1px #efd2d8,0 8px 18px #c95d7018!important;
}

#me nav button.selected span,
#me.profile nav button.selected span,
section#me nav button.selected span{
  color:#c7546a!important;
  font-weight:900!important;
}

/* Final correction: only the Profile icon gets the active badge, not the whole tab */
#me nav button.selected,
#me.profile nav button.selected,
section#me nav button.selected{
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
}

#me nav button.selected .nav-icon,
#me.profile nav button.selected .nav-icon,
section#me nav button.selected .nav-icon{
  width:30px!important;
  height:28px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#2f2930,#c95d70)!important;
  color:#fff!important;
  box-shadow:0 8px 18px #c95d7030!important;
  outline:0!important;
}

/* Stable search range labels: numbers must not jump while dragging */
#settings .range-values{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  align-items:center!important;
  margin:5px 0 12px!important;
  font-variant-numeric:tabular-nums!important;
}

#settings .range-values span{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  min-width:0!important;
  white-space:nowrap!important;
}

#settings .range-values span:last-child{
  justify-content:flex-end!important;
}

#settings .range-values output{
  display:inline-block!important;
  min-width:32px!important;
  text-align:right!important;
  font-variant-numeric:tabular-nums!important;
  font-feature-settings:"tnum" 1!important;
}

#settings #distance-min-label,
#settings #distance-max-label{
  min-width:38px!important;
}

#settings #distance-value,
#settings #age-value{
  display:inline-block!important;
  min-width:78px!important;
  text-align:left!important;
  font-variant-numeric:tabular-nums!important;
  font-feature-settings:"tnum" 1!important;
}

/* Search ranges: show numbers only in the title, not near the slider */
#settings .range-values{
  display:none!important;
}

/* Search ranges: slider must use full width after removing duplicate labels */
#settings .dual-range{
  display:block!important;
  width:100%!important;
}

#settings .range-pair{
  width:100%!important;
  min-width:100%!important;
}

/* Final unified active nav badge */
#discover nav button .nav-icon,
#matches nav button .nav-icon,
#me nav button .nav-icon,
.screen nav button .nav-icon{
  width:30px!important;
  height:28px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  color:inherit!important;
  box-shadow:none!important;
}

#discover nav button.selected .nav-icon,
#matches nav button.selected .nav-icon,
#me nav button.selected .nav-icon,
.screen nav button.selected .nav-icon{
  background:linear-gradient(135deg,#2f2930,#c95d70)!important;
  color:#fff!important;
  box-shadow:0 8px 18px #c95d7030!important;
}

/* Instagram-like social layer */
.story-strip{
  display:flex;
  gap:10px;
  overflow-x:auto;
  padding:9px 1px 5px;
  margin:4px 0 2px;
  flex:none;
  scrollbar-width:none;
}
.story-strip::-webkit-scrollbar{display:none}
.story-bubble{
  width:58px;
  border:0;
  background:transparent;
  color:#3a3438;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  padding:0;
  font:800 10px/1 Manrope,Arial,sans-serif;
  flex:0 0 auto;
}
.story-bubble i{
  width:54px;
  height:54px;
  border-radius:50%;
  display:block;
  background-size:cover;
  background-position:center;
  border:3px solid transparent;
  box-shadow:0 0 0 2px #f06b86,0 0 0 4px #ffd36b;
}
.story-bubble span{
  max-width:58px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.card-reactions{
  display:flex;
  gap:8px;
  margin-top:10px;
}
.card-reactions button{
  width:36px;
  height:36px;
  border:1px solid #ffffff55;
  border-radius:50%;
  background:#ffffff2e;
  color:#fff;
  backdrop-filter:blur(8px);
  font-size:16px;
}
.reels-preview{
  margin:16px 0 6px;
  padding:14px;
  border:1px solid #eee4e2;
  border-radius:20px;
  background:#fff;
  box-shadow:0 8px 22px #321b2410;
}
.reels-preview>b{
  display:block;
  margin-bottom:10px;
  font:900 14px/1.2 Manrope,Arial,sans-serif;
  color:#2f2930;
}
.reels-preview>div{
  display:flex;
  gap:9px;
  overflow-x:auto;
  scrollbar-width:none;
}
.reels-preview>div::-webkit-scrollbar{display:none}
.reels-preview button{
  width:82px;
  height:118px;
  flex:0 0 auto;
  border:0;
  border-radius:18px;
  background-size:cover;
  background-position:center;
  color:#fff;
  display:flex;
  align-items:flex-end;
  padding:9px;
  overflow:hidden;
  box-shadow:0 8px 18px #28111a22;
}
.reels-preview button span{
  font:900 11px/1.15 Manrope,Arial,sans-serif;
  text-shadow:0 1px 7px #0009;
}
.profile-highlights{
  display:flex;
  gap:9px;
  overflow-x:auto;
  margin:10px 0 12px;
  padding:1px 1px 4px;
  flex:none;
  scrollbar-width:none;
}
.profile-highlights::-webkit-scrollbar{display:none}
.profile-highlights button{
  min-width:74px;
  border:1px solid #eadfdd;
  border-radius:18px;
  background:#fff;
  color:#362f35;
  padding:10px 9px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  box-shadow:0 8px 18px #321b2410;
}
.profile-highlights strong{
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#fff2c4,#ffc1d0);
}
.profile-highlights span{
  max-width:64px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font:900 10px/1 Manrope,Arial,sans-serif;
}
.verified{
  display:inline-grid!important;
  place-items:center;
  width:17px!important;
  height:17px!important;
  border-radius:0!important;
  background:linear-gradient(135deg,#1da1f2,#0084ff)!important;
  color:#fff!important;
  font:1000 10px/1 Manrope,Arial,sans-serif!important;
  letter-spacing:-.8px!important;
  vertical-align:baseline!important;
  transform:translateY(-1px)!important;
  clip-path:polygon(50% 0%,60% 10%,74% 6%,81% 19%,94% 26%,90% 40%,100% 50%,90% 60%,94% 74%,81% 81%,74% 94%,60% 90%,50% 100%,40% 90%,26% 94%,19% 81%,6% 74%,10% 60%,0% 50%,10% 40%,6% 26%,19% 19%,26% 6%,40% 10%)!important;
  box-shadow:0 1px 2px #006ed63d!important;
}
.search-extra-filters{
  margin:14px 0 12px;
  padding:14px;
  border:1px solid #eee4e2;
  border-radius:20px;
  background:#fff;
  box-shadow:0 8px 22px #321b2410;
  user-select:none;
  cursor:default;
}
.search-extra-filters>b{
  display:block;
  margin:2px 0 5px;
  color:#332d33;
  font:900 13px/1.2 Manrope,Arial,sans-serif;
}
.search-extra-filters>p{
  margin:0 0 10px;
  color:#867b80;
  font:700 10.5px/1.45 Manrope,Arial,sans-serif;
}
.search-chip-list{
  display:flex;
  gap:7px;
  overflow-x:auto;
  padding:2px 1px 9px;
  margin-bottom:8px;
  scrollbar-width:none;
}
.search-chip-list::-webkit-scrollbar{display:none}
.search-chip{
  border:1px solid #e6d8d6;
  border-radius:999px;
  background:#fff;
  color:#685c62;
  padding:8px 11px;
  flex:0 0 auto;
  font:900 11px/1 Manrope,Arial,sans-serif;
}
.search-chip.chosen{
  border-color:#c95d70;
  background:linear-gradient(135deg,#c95d70,#ed8290);
  color:#fff;
  box-shadow:0 7px 14px #c95d7030;
}
.search-filter-trigger{
  width:100%;
  min-height:54px;
  border:1px solid #eee2e0;
  border-radius:17px;
  background:linear-gradient(180deg,#fff,#fffaf9);
  color:#342f34;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:11px 13px;
  margin:0 0 9px;
  text-align:left;
  box-shadow:0 8px 18px #321b240b;
}
.search-filter-trigger span{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.search-filter-trigger b{
  font:900 12px/1 Manrope,Arial,sans-serif;
}
.search-filter-trigger em{
  max-width:230px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#8a7f84;
  font:800 10.5px/1.2 Manrope,Arial,sans-serif;
  font-style:normal;
}
.search-filter-trigger i{
  color:#c95d70;
  font:900 22px/1 Manrope,Arial,sans-serif;
  font-style:normal;
}
.search-filter-sheet{
  position:absolute;
  inset:0;
  z-index:40;
  display:none;
  align-items:flex-end;
  padding:14px;
  background:#21151f45;
  backdrop-filter:blur(6px);
}
.search-filter-sheet.open{
  display:flex;
}
.search-filter-panel{
  width:100%;
  max-height:72%;
  overflow-y:auto;
  border-radius:24px;
  background:#fff;
  padding:16px;
  box-shadow:0 -14px 40px #1f101d2b;
}
.sheet-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:6px;
}
.sheet-head b{
  color:#2f2930;
  font:900 18px/1.1 Manrope,Arial,sans-serif;
}
.sheet-head button{
  width:34px;
  height:34px;
  border:0;
  border-radius:50%;
  background:#f5eeee;
  color:#9f5265;
  font-size:20px;
}
.search-filter-panel p{
  margin:0 0 12px;
  color:#81777d;
  font:700 11px/1.45 Manrope,Arial,sans-serif;
}
.search-filter-panel .search-chip-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  overflow:visible;
  padding:0;
  margin:0 0 14px;
}
.search-filter-panel .search-chip{
  max-width:100%;
  white-space:nowrap;
}
.sheet-apply{
  width:100%;
  height:48px;
  border:0;
  border-radius:16px;
  background:linear-gradient(135deg,#302e35,#c95d70);
  color:#fff;
  font:900 13px/1 Manrope,Arial,sans-serif;
}

.phone,
.screen,
.profile-card,
.search-extra-filters,
button{
  user-select:none!important;
  -webkit-user-select:none!important;
  caret-color:transparent;
}

input,
textarea,
[contenteditable="true"]{
  user-select:text!important;
  -webkit-user-select:text!important;
  caret-color:auto!important;
  cursor:text!important;
}

/* My profile 2026 polish: highlights and horoscope card */
#me .profile-highlights{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  overflow:visible!important;
  margin:12px 0 14px!important;
  padding:0!important;
}

#me .profile-highlights button{
  min-width:0!important;
  width:100%!important;
  min-height:74px!important;
  padding:9px 5px!important;
  border:1px solid #efe3e4!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#fff,#fff8f7)!important;
  color:#342f34!important;
  box-shadow:0 8px 18px #321b240c!important;
}

#me .profile-highlights strong{
  width:36px!important;
  height:36px!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,#fff1dd,#f4e9ff)!important;
  box-shadow:inset 0 1px 0 #ffffffcc!important;
  font-size:17px!important;
}

#me .profile-highlights span{
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:#5a5056!important;
  font:900 9px/1.05 Manrope,Arial,sans-serif!important;
  letter-spacing:-.15px!important;
}

#me .compatibility-card{
  padding:15px!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,#ffffff,#fff8f7 52%,#f4efff)!important;
  border:1px solid #eee1e5!important;
  box-shadow:0 12px 28px #321b2412!important;
}

#me .compatibility-head{
  gap:11px!important;
  padding:10px!important;
  margin-bottom:10px!important;
  border-radius:18px!important;
  background:#ffffffb8!important;
  border:1px solid #f0e5e8!important;
}

#me .zodiac-medal{
  width:48px!important;
  height:48px!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 30% 20%,#fff 0 12%,transparent 13%),
    linear-gradient(135deg,#6c4cff,#c95d70 58%,#ffb36b)!important;
  color:#fff!important;
  font:900 25px/1 Manrope,Arial,sans-serif!important;
  box-shadow:0 10px 20px #6c4cff24!important;
}

#me .compatibility-head b{
  font-size:14px!important;
}

#me .compatibility-head p{
  font-size:10.5px!important;
}

#me .compatibility-grid{
  gap:8px!important;
  margin-bottom:10px!important;
}

#me .compatibility-grid span{
  min-height:70px!important;
  border-radius:18px!important;
  padding:8px 4px!important;
  background:linear-gradient(180deg,#fff,#fffaf9)!important;
  border-color:#f0e3e6!important;
}

#me .compatibility-grid i{
  font-size:16px!important;
  margin-bottom:5px!important;
}

#me .compatibility-grid strong{
  color:#2f2930!important;
  font-size:13px!important;
}

#me .compatibility-grid em{
  color:#8a7f84!important;
  font-size:8px!important;
}

#me .compatibility-note{
  border-radius:16px!important;
  background:#fbf4f6!important;
  font-size:10px!important;
}

/* Final UX fix: no blinking caret or dotted focus on non-input UI */
.phone *:not(input):not(textarea):not(select){
  user-select:none!important;
  -webkit-user-select:none!important;
  caret-color:transparent!important;
}

.phone *:not(input):not(textarea):not(select):focus,
.phone *:not(input):not(textarea):not(select):focus-visible,
.phone *:not(input):not(textarea):not(select):active{
  outline:none!important;
  box-shadow:none!important;
}

.phone input,
.phone textarea,
.phone select{
  user-select:text!important;
  -webkit-user-select:text!important;
  caret-color:auto!important;
}

/* Range sliders: no dotted/browser focus outline while dragging */
.phone input[type=range],
.phone input[type=range]:focus,
.phone input[type=range]:focus-visible,
.phone input[type=range]:active{
  outline:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
  caret-color:transparent!important;
}

.phone input[type=range]::-moz-focus-outer{
  border:0!important;
}

/* Range sliders correction: keep normal slider behavior, prevent text-like selection */
.phone input[type=range]{
  user-select:none!important;
  -webkit-user-select:none!important;
  caret-color:transparent!important;
  -webkit-tap-highlight-color:transparent!important;
  accent-color:#fd267a!important;
  border:0!important;
}

.phone input[type=range]:focus,
.phone input[type=range]:focus-visible,
.phone input[type=range]:active{
  outline:none!important;
  border:0!important;
}

body.range-dragging,
body.range-dragging *,
.phone.range-dragging,
.phone.range-dragging *{
  user-select:none!important;
  -webkit-user-select:none!important;
  caret-color:transparent!important;
  cursor:default!important;
}

.phone.range-dragging input[type=range],
body.range-dragging input[type=range]{
  cursor:pointer!important;
}

/* Search sliders are drag-only controls: no text selection, no focus visuals */
#settings .dual-label,
#settings .dual-label *,
#settings .range-pair,
#settings .range-pair *{
  user-select:none!important;
  -webkit-user-select:none!important;
  -webkit-user-drag:none!important;
  caret-color:transparent!important;
  -webkit-tap-highlight-color:transparent!important;
}

#settings .dual-label{
  cursor:default!important;
}

#settings .range-pair input[type=range],
#settings .range-pair input[type=range]:hover,
#settings .range-pair input[type=range]:focus,
#settings .range-pair input[type=range]:focus-visible,
#settings .range-pair input[type=range]:active{
  outline:0!important;
  border:0!important;
  box-shadow:none!important;
  cursor:pointer!important;
}

#settings .dual-label b,
#settings .dual-label span,
#settings .dual-label output{
  pointer-events:none!important;
}

/* Final range cleanup: no border/outline/shadow on slider thumb */
#settings .range-pair input[type=range]::-webkit-slider-thumb,
#settings .range-pair input[type=range]:focus::-webkit-slider-thumb,
#settings .range-pair input[type=range]:active::-webkit-slider-thumb{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

#settings .range-pair input[type=range]::-moz-range-thumb,
#settings .range-pair input[type=range]:focus::-moz-range-thumb,
#settings .range-pair input[type=range]:active::-moz-range-thumb{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

#settings .range-pair input[type=range]::-moz-focus-outer{
  border:0!important;
}
.feed-history-button{
  border:0;
  border-radius:13px;
  background:#f3e8ea;
  color:#9f4b60;
  padding:10px 12px;
  font:900 11px/1 Manrope,Arial,sans-serif;
}
.feed-history-list{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding-bottom:16px;
}
.feed-history-item{
  display:grid;
  grid-template-columns:92px 1fr;
  gap:12px;
  padding:10px;
  border:1px solid #eee4e2;
  border-radius:20px;
  background:#fff;
  box-shadow:0 8px 22px #321b2410;
}
.feed-history-photo{
  min-height:124px;
  border:0;
  border-radius:17px;
  background-size:cover;
  background-position:center;
  color:#fff;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  padding:8px;
  overflow:hidden;
}
.feed-history-photo span{
  padding:5px 7px;
  border-radius:999px;
  background:#0000004d;
  backdrop-filter:blur(6px);
  font:900 9px/1 Manrope,Arial,sans-serif;
}
.feed-history-item b{
  display:block;
  color:#2f2930;
  font:900 14px/1.2 Manrope,Arial,sans-serif;
}
.feed-history-item small{
  display:block;
  margin:4px 0 6px;
  color:#8a7f84;
  font:800 10px/1.25 Manrope,Arial,sans-serif;
}
.feed-history-item p{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin:0 0 9px;
  color:#62575e;
  font:700 11px/1.4 Manrope,Arial,sans-serif;
}
.feed-history-actions{
  display:flex;
  gap:7px;
}
.feed-history-actions button{
  flex:1;
  min-height:34px;
  border:0;
  border-radius:12px;
  background:#f4e8ea;
  color:#9f4b60;
  font:900 10px/1 Manrope,Arial,sans-serif;
}
.feed-history-actions button:last-child{
  background:linear-gradient(135deg,#c95d70,#ed8290);
  color:#fff;
}
.discover-feed{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:14px;
  overflow-y:auto;
  padding:10px 1px 86px;
  margin-top:6px;
  scroll-snap-type:y proximity;
  scrollbar-width:none;
}
.discover-feed::-webkit-scrollbar{display:none}
#discover>.card,
#discover>.actions{
  display:none!important;
}
.discover-feed-card{
  scroll-snap-align:start;
  border-radius:26px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 12px 30px #30162118;
  border:1px solid #eee4e2;
  flex:none;
}
.discover-feed-card.liked{
  outline:3px solid #ee7b91;
}
.discover-feed-card.skipped{
  opacity:.62;
}
.discover-feed-card.decided .feed-swipe-actions button,
.feed-swipe-actions button:disabled{
  cursor:default;
  opacity:.55;
  filter:grayscale(.15);
  box-shadow:none!important;
}
.discover-feed-card.decided .feed-swipe-actions:after{
  content:'Выбор сохранён';
  grid-column:1 / -1;
  text-align:center;
  color:#8b8086;
  font:900 10px/1 Manrope,Arial,sans-serif;
}
.discover-feed-photo{
  width:100%;
  min-height:360px;
  border:0;
  background-size:cover;
  background-position:center;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  padding:14px;
  color:#fff;
}
.discover-feed-photo span{
  padding:7px 10px;
  border-radius:999px;
  background:#00000045;
  backdrop-filter:blur(7px);
  font:900 10px/1 Manrope,Arial,sans-serif;
}
.discover-feed-info{
  padding:14px;
}
.discover-feed-info h2{
  margin:0;
  color:#2f2930;
  font:900 24px/1.08 Manrope,Arial,sans-serif;
  letter-spacing:-.5px;
}
.discover-feed-info p{
  margin:7px 0 10px;
  color:#776c72;
  font:800 11px/1.35 Manrope,Arial,sans-serif;
}
.discover-feed-info .tags{
  margin-bottom:12px;
}
.discover-feed-info .tags em{
  background:#f7eeee!important;
  border:0!important;
  color:#8f5160!important;
}
.feed-swipe-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.feed-swipe-actions button{
  min-height:44px;
  border:0;
  border-radius:15px;
  font:900 12px/1 Manrope,Arial,sans-serif;
}
.feed-no{
  background:#f2eeee;
  color:#71666c;
}
.feed-like{
  background:linear-gradient(135deg,#c95d70,#ed8290);
  color:#fff;
  box-shadow:0 9px 18px #c95d7030;
}
#me .favorites-entry,
#me .history-entry,
#me .reactions-entry,
#me .chats-entry,
#me .reactions-entry + .outline,
#me .history-entry + .outline,
#me .chats-entry + .outline{
  width:100%!important;
  min-height:50px!important;
  height:50px!important;
  margin:0 0 9px!important;
  border:1px solid #eadfdd!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#4a4147!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  font:900 13px/1.1 Manrope,Arial,sans-serif!important;
  box-shadow:0 8px 18px #321b240b!important;
}
#me .favorites-entry{
  margin-top:4px!important;
}
#me .history-entry{
  background:#fff8f6!important;
  border-color:#ead6d8!important;
  color:#9b4e62!important;
}
#me .reactions-entry{
  background:#f7f1ff!important;
  border-color:#ded2ef!important;
  color:#714c9b!important;
}
#me .chats-entry{
  background:#fbfaf9!important;
}
#me .reactions-entry + .outline,
#me .history-entry + .outline,
#me .chats-entry + .outline{
  margin-bottom:12px!important;
}
#me .profile-menu-button{
  justify-content:flex-start!important;
  gap:11px!important;
  padding:0 14px!important;
}
#me .profile-menu-button i{
  width:28px!important;
  height:28px!important;
  border-radius:10px!important;
  display:grid!important;
  place-items:center!important;
  flex:none!important;
  background:#f7eeee!important;
  color:#a15063!important;
  font:900 15px/1 Manrope,Arial,sans-serif!important;
  font-style:normal!important;
}
#me .profile-menu-button span{
  flex:1!important;
  text-align:left!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#me .history-entry i{
  background:#fff0e8!important;
  color:#a8663f!important;
}
#me .reactions-entry i{
  background:#eee6ff!important;
  color:#714c9b!important;
}
#me .chats-entry i{
  background:#edf5ff!important;
  color:#4272a8!important;
}

/* 2026 polish: modern bottom profile tab and profile menu icons */
.screen nav button .nav-icon,
#discover nav button .nav-icon,
#matches nav button .nav-icon,
#me nav button .nav-icon{
  width:30px!important;
  height:28px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  font:900 17px/1 Manrope,Arial,sans-serif!important;
  font-style:normal!important;
  transition:.18s ease!important;
}

.screen nav button.selected .nav-icon,
#discover nav button.selected .nav-icon,
#matches nav button.selected .nav-icon,
#me nav button.selected .nav-icon{
  background:linear-gradient(135deg,#2f2930,#c95d70)!important;
  color:#fff!important;
  box-shadow:0 8px 18px #c95d7030!important;
}

#me nav button.selected .nav-icon{
  background:linear-gradient(135deg,#6c4cff,#c95d70)!important;
}

#me .profile-menu-button{
  min-height:54px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff,#fffaf9)!important;
  border-color:#eee1df!important;
}

#me .profile-menu-button i{
  width:34px!important;
  height:34px!important;
  border-radius:14px!important;
  font-size:16px!important;
  box-shadow:inset 0 1px 0 #ffffffcc,0 6px 14px #2a17230d!important;
}

#me .favorites-entry i{
  background:linear-gradient(135deg,#ffeef3,#ffd5df)!important;
  color:#c84f68!important;
}

#me .history-entry i{
  background:linear-gradient(135deg,#fff1dd,#ffd8a8)!important;
  color:#a76432!important;
}

#me .reactions-entry i{
  background:linear-gradient(135deg,#eee8ff,#d9ccff)!important;
  color:#6948b8!important;
}

#me .chats-entry i{
  background:linear-gradient(135deg,#eaf4ff,#cfe7ff)!important;
  color:#2d72b8!important;
}

#me .profile-menu-button:not(.favorites-entry):not(.history-entry):not(.reactions-entry):not(.chats-entry) i{
  background:linear-gradient(135deg,#eefaf4,#cdefdd)!important;
  color:#347a56!important;
}

/* Honest intentions */
.honest-intentions-setup{
  background:linear-gradient(180deg,#fff,#fff9f8)!important;
}
.honest-intentions-setup p{
  margin:6px 0 10px!important;
  color:#81777d!important;
  font:700 10.5px/1.45 Manrope,Arial,sans-serif!important;
}
.wrap-choice-row{
  flex-wrap:wrap!important;
  gap:7px!important;
}
.wrap-choice-row .choice-chip{
  flex:0 1 auto!important;
  min-height:34px!important;
  padding:9px 11px!important;
  border-radius:999px!important;
  font-size:10.5px!important;
}
.intentions-card{
  background:linear-gradient(145deg,#fffaf8,#fff,#f5f0ff)!important;
  border-color:#eee2e8!important;
  box-shadow:0 10px 26px #3a1f2b12!important;
}
.intentions-card>b{
  display:block!important;
  margin-bottom:10px!important;
  font:900 14px/1.2 Manrope,Arial,sans-serif!important;
  color:#2f2930!important;
}
.intention-row{
  display:flex!important;
  gap:10px!important;
  align-items:flex-start!important;
  padding:10px 0!important;
  border-top:1px solid #f0e6e8!important;
}
.intention-row:first-of-type{
  border-top:0!important;
  padding-top:0!important;
}
.intention-row i{
  width:34px!important;
  height:34px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  flex:none!important;
  background:linear-gradient(135deg,#fff0e8,#eee8ff)!important;
  font-style:normal!important;
}
.intention-row span{
  min-width:0!important;
}
.intention-row strong{
  display:block!important;
  color:#352f35!important;
  font:900 12px/1.2 Manrope,Arial,sans-serif!important;
}
.intention-row em{
  display:block!important;
  margin-top:4px!important;
  color:#786e74!important;
  font:700 10.5px/1.4 Manrope,Arial,sans-serif!important;
  font-style:normal!important;
}
.intentions-card>p{
  margin:4px 0 0!important;
  padding:10px 11px!important;
  border-radius:14px!important;
  background:#fbf4f6!important;
  color:#62575e!important;
  font:800 10px/1.45 Manrope,Arial,sans-serif!important;
}
.anti-ghost-card{
  align-self:center!important;
  width:100%!important;
  margin:4px 0!important;
  padding:10px!important;
  border:1px solid #eadfdd!important;
  border-radius:16px!important;
  background:#fffaf9!important;
}
.anti-ghost-card>button{
  width:100%!important;
  min-height:38px!important;
  border:0!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#302e35,#c95d70)!important;
  color:#fff!important;
  font:900 11px/1 Manrope,Arial,sans-serif!important;
}
.anti-ghost-panel{
  display:none!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  margin-top:9px!important;
}
.anti-ghost-panel.open{
  display:grid!important;
}
.anti-ghost-panel button{
  border:1px solid #eadfdd!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#4b4248!important;
  padding:9px 10px!important;
  text-align:left!important;
  font:800 10.5px/1.35 Manrope,Arial,sans-serif!important;
}
.respectful-close-message{
  background:#5a3b62!important;
}

/* Profile bottom nav — unified 2026 soft tab bar */
#me nav{
  height:72px!important;
  min-height:72px!important;
  margin:12px 0 0!important;
  padding:8px!important;
  border:1px solid #eee2e0!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#ffffff,#fff9f7)!important;
  box-shadow:0 12px 28px #321b2412!important;
  gap:6px!important;
}

#me nav button{
  height:54px!important;
  max-width:none!important;
  min-width:0!important;
  border-radius:18px!important;
  color:#9a8f95!important;
  gap:4px!important;
  transition:.18s ease!important;
}

#me nav button .nav-icon{
  width:32px!important;
  height:28px!important;
  border-radius:14px!important;
  background:#f7eeee!important;
  color:#9f5265!important;
  font-size:16px!important;
  box-shadow:none!important;
}

#me nav button span{
  color:inherit!important;
  font:900 9.5px/1 Manrope,Arial,sans-serif!important;
  letter-spacing:-.2px!important;
}

#me nav button.selected{
  background:linear-gradient(135deg,#302e35,#c95d70)!important;
  color:#fff!important;
  box-shadow:0 10px 20px #c95d702b!important;
}

#me nav button.selected .nav-icon{
  background:#ffffff22!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 #ffffff55!important;
}

/* Profile nav should match the rest of the app */
#me nav{
  height:66px!important;
  min-height:66px!important;
  margin-top:8px!important;
  padding:2px 4px 10px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:0!important;
}

#me nav button{
  height:52px!important;
  flex:1 1 0!important;
  max-width:33.33%!important;
  border-radius:0!important;
  background:transparent!important;
  color:#aaa2a1!important;
  box-shadow:none!important;
  gap:4px!important;
}

#me nav button.selected{
  background:transparent!important;
  color:#c7546a!important;
  box-shadow:none!important;
}

#me nav button .nav-icon{
  width:30px!important;
  height:28px!important;
  border-radius:14px!important;
  background:transparent!important;
  color:inherit!important;
  box-shadow:none!important;
}

#me nav button.selected .nav-icon{
  background:linear-gradient(135deg,#2f2930,#c95d70)!important;
  color:#fff!important;
  box-shadow:0 8px 18px #c95d7030!important;
}
.reaction-tabs{
  display:flex;
  gap:7px;
  overflow-x:auto;
  margin:12px 0;
  padding-bottom:2px;
  scrollbar-width:none;
}
.reaction-tabs::-webkit-scrollbar{display:none}
.reaction-tabs button{
  flex:0 0 auto;
  border:1px solid #eadfdd;
  border-radius:999px;
  background:#fff;
  color:#685c62;
  padding:9px 11px;
  font:900 10px/1 Manrope,Arial,sans-serif;
}
.reaction-tabs button.active{
  background:#302e35;
  border-color:#302e35;
  color:#fff;
}
.reaction-status{
  display:inline-flex;
  align-items:center;
  width:max-content;
  margin:0 0 7px;
  padding:6px 9px;
  border-radius:999px;
  font:900 10px/1 Manrope,Arial,sans-serif;
  font-style:normal;
}
.reaction-status.liked{
  background:#ffe8ee;
  color:#c84862;
}
.reaction-status.disliked{
  background:#eeeeee;
  color:#6f666b;
}
.reaction-status.none{
  background:#eef4ff;
  color:#3f70b7;
}

@media(max-width:500px){
  #discover .card{
    max-height:calc(100dvh - 255px)!important;
  }
  .story-bubble{
    width:54px;
  }
  .story-bubble i{
    width:50px;
    height:50px;
  }
}

/* Типографика: чище, меньше разных шрифтов, важные данные видны сразу */
.app,
.list,
.profile,
.chat,
.form,
.settings,
.card,
.profile-card,
nav,
button,
input,
textarea,
select{
  font-family:Manrope,Arial,sans-serif!important;
}

.card h1,
.profile h1,
.form h1,
.settings h1,
.match h1{
  font-family:Manrope,Arial,sans-serif!important;
  letter-spacing:-.7px!important;
}

.card-info{
  padding:18px!important;
}

.card h1{
  font:900 31px/1.05 Manrope,Arial,sans-serif!important;
  text-shadow:0 2px 14px #0008!important;
}

.card p{
  max-width:100%!important;
  margin:8px 0 10px!important;
  color:#fffdf2!important;
  font:700 13px/1.38 Manrope,Arial,sans-serif!important;
  text-shadow:0 1px 10px #0008!important;
}

.badge{
  font:900 11px/1 Manrope,Arial,sans-serif!important;
  color:#fff!important;
}

.profile h1{
  margin-top:8px!important;
  color:#252229!important;
  font:900 30px/1.05 Manrope,Arial,sans-serif!important;
}

.profile>p{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  margin:8px auto 14px!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  background:#f6eeee!important;
  color:#6d5960!important;
  font:900 12px/1 Manrope,Arial,sans-serif!important;
}

.profile-card{
  margin-top:12px!important;
  border-radius:18px!important;
}

.profile-card b{
  color:#2f2a31!important;
  font:900 12px/1.2 Manrope,Arial,sans-serif!important;
}

.profile-card p{
  color:#5f565b!important;
  font:600 12px/1.5 Manrope,Arial,sans-serif!important;
}

.tags em{
  font:800 10px/1 Manrope,Arial,sans-serif!important;
}

.conversation b,
.inbox-item b{
  font:900 13px/1.2 Manrope,Arial,sans-serif!important;
}

.conversation small,
.inbox-item small{
  font:600 11px/1.3 Manrope,Arial,sans-serif!important;
}

.settings-hint{
  margin:7px 0 12px!important;
  color:#85787d!important;
  font:600 10px/1.35 Manrope,Arial,sans-serif!important;
}

.mutual-message-switch{
  border-top:1px solid #eee7e5!important;
  border-bottom:1px solid #eee7e5!important;
}

.future-family-card{
  width:100%!important;
  margin:14px 0 12px!important;
  padding:12px!important;
  border-radius:20px!important;
  background:#fff!important;
  color:#302e35!important;
  box-shadow:0 14px 30px #c75b7030!important;
  text-align:left!important;
}

.future-family-photo{
  height:135px!important;
  border-radius:16px!important;
  margin-bottom:10px!important;
  background:
    linear-gradient(180deg,#0000 35%,#25112299 100%),
    url('https://images.unsplash.com/photo-1511895426328-dc8714191300?auto=format&fit=crop&w=900&q=85') center/cover!important;
}

.future-family-card b{
  display:block!important;
  color:#2f2830!important;
  font:900 13px/1.25 Manrope,Arial,sans-serif!important;
}

.future-family-card span{
  display:block!important;
  margin-top:5px!important;
  color:#766a70!important;
  font:700 10px/1.35 Manrope,Arial,sans-serif!important;
}

.compatibility-card{
  background:linear-gradient(145deg,#fffaf8,#fff,#f7efff)!important;
  border:1px solid #eee2e8!important;
  box-shadow:0 10px 26px #3a1f2b12!important;
}

.compatibility-head{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin-bottom:12px!important;
}

.zodiac-medal{
  width:52px!important;
  height:52px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  flex:none!important;
  background:radial-gradient(circle at 30% 20%,#fff5c9,#ffd1dc 46%,#c95d70)!important;
  color:#fff!important;
  font:900 28px/1 Manrope,Arial,sans-serif!important;
  box-shadow:0 8px 18px #c95d7033!important;
}

.compatibility-head b{
  display:block!important;
  color:#2f2930!important;
  font:900 15px/1.15 Manrope,Arial,sans-serif!important;
}

.compatibility-head p{
  margin:4px 0 0!important;
  color:#82767d!important;
  font:800 11px/1.2 Manrope,Arial,sans-serif!important;
}

.compatibility-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  margin:0 0 10px!important;
}

.compatibility-grid span{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:76px!important;
  padding:9px 5px!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid #f0e4e8!important;
  text-align:center!important;
  box-shadow:0 7px 16px #321b240b!important;
}

.compatibility-grid i{
  margin-bottom:5px!important;
  font-style:normal!important;
  font-size:17px!important;
}

.compatibility-grid strong{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#b64f65!important;
  font:900 14px/1.05 Manrope,Arial,sans-serif!important;
}

.compatibility-grid em{
  margin-top:5px!important;
  color:#7a6f75!important;
  font:900 8.5px/1.1 Manrope,Arial,sans-serif!important;
  font-style:normal!important;
}

.compatibility-note{
  margin:0!important;
  padding:10px 11px!important;
  border-radius:14px!important;
  background:#fbf4f6!important;
  color:#62575e!important;
  font:700 10.5px/1.45 Manrope,Arial,sans-serif!important;
}

/* Нижнее меню: подписи всегда видны под значками */
#discover nav,
#matches nav,
#me nav,
.screen nav{
  height:66px!important;
  min-height:66px!important;
  padding:2px 4px 10px!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:0!important;
  overflow:visible!important;
}

#discover nav button,
#matches nav button,
#me nav button,
.screen nav button{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  flex:1 1 0!important;
  min-width:0!important;
  max-width:33.33%!important;
  height:52px!important;
  font-size:22px!important;
  line-height:1!important;
  overflow:visible!important;
  padding:0!important;
}

#discover nav button span,
#matches nav button span,
#me nav button span,
.screen nav button span{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  font:900 9px/1 Manrope,Arial,sans-serif!important;
  letter-spacing:-.15px!important;
  text-indent:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  clip:auto!important;
  clip-path:none!important;
  transform:none!important;
}

.signup-banner{
  margin:18px 0 6px!important;
  padding:15px 16px!important;
  border-radius:18px!important;
  background:linear-gradient(120deg,#42264e 0%,#8a3b68 52%,#df6b72 100%)!important;
  color:#fff!important;
  box-shadow:0 12px 24px #8e50673d!important;
}

.signup-banner b{
  display:block!important;
  font:800 13px/1.35 Manrope!important;
}

.signup-banner span{
  display:block!important;
  margin-top:5px!important;
  color:#fff8!important;
  font:600 11px/1.45 Manrope!important;
}

.auth-choice-banner{
  margin:0 0 12px!important;
  flex:none!important;
}

#phone .signup-banner{
  display:none!important;
}

#auth .tinder-auth-hero{
  display:none!important;
}

.home-landing{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  gap:12px!important;
  position:relative!important;
  z-index:3!important;
}

.home-photo{
  min-height:245px!important;
  border-radius:28px!important;
  position:relative!important;
  overflow:hidden!important;
  background:
    linear-gradient(180deg,#0000 28%,#201021d9 100%),
    url('https://images.unsplash.com/photo-1524504388940-b1c1722653e1?auto=format&fit=crop&w=900&q=85') center 32%/cover!important;
  box-shadow:0 18px 34px #4f183f55!important;
}

.home-photo-copy{
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:17px!important;
  color:#fff!important;
}

.home-photo-copy b{
  display:block!important;
  font:900 30px/1 Manrope!important;
  letter-spacing:-1px!important;
}

.home-photo-copy span{
  display:block!important;
  margin-top:6px!important;
  color:#fff8!important;
  font:700 13px/1.35 Manrope!important;
}

.home-plan{
  flex:1!important;
  min-height:0!important;
  overflow:auto!important;
  padding:14px!important;
  border-radius:22px!important;
  background:#fffdfdcc!important;
  color:#302e35!important;
  box-shadow:0 12px 28px #4d1b3626!important;
}

.home-plan>b{
  display:block!important;
  margin-bottom:10px!important;
  font:900 14px/1.35 Manrope!important;
}

.home-plan ol{
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}

.home-plan li{
  display:grid!important;
  grid-template-columns:22px 1fr!important;
  gap:8px!important;
  align-items:start!important;
  padding:9px!important;
  border-radius:14px!important;
  background:#f8eeee!important;
  counter-increment:home-step!important;
}

.home-plan li:before{
  content:counter(home-step)!important;
  display:grid!important;
  place-items:center!important;
  width:22px!important;
  height:22px!important;
  border-radius:50%!important;
  background:#c75b70!important;
  color:#fff!important;
  font:900 11px Manrope!important;
}

.home-plan span{
  display:block!important;
  font:900 11px/1.2 Manrope!important;
}

.home-plan em{
  display:block!important;
  margin-top:3px!important;
  color:#70676c!important;
  font:600 10px/1.35 Manrope!important;
  font-style:normal!important;
}

.home-landing .auth-methods{
  flex:none!important;
}

.home-landing .auth-provider{
  height:44px!important;
}

.home-landing .primary{
  height:48px!important;
}

.home-landing .auth-login-link{
  margin-top:0!important;
}

.tinder-start{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  padding:34px 22px 24px!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 82% 16%,#ffd1a055 0 18%,transparent 36%),
    linear-gradient(180deg,#14091533 0%,#16091688 45%,#160916f2 100%),
    url('https://images.unsplash.com/photo-1524504388940-b1c1722653e1?auto=format&fit=crop&w=1000&q=88') center top/cover!important;
}

.tinder-start-top{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  z-index:2!important;
}

.tinder-logo-mark{
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,#ff7854,#fd267a)!important;
  color:#fff!important;
  font-size:24px!important;
  box-shadow:0 10px 24px #fd267a55!important;
}

.tinder-logo-text{
  font:900 28px/1 Manrope!important;
  letter-spacing:-1px!important;
  text-shadow:0 2px 14px #0006!important;
}

.tinder-start-copy{
  margin-top:auto!important;
  margin-bottom:22px!important;
  z-index:2!important;
}

.tinder-start-copy h1{
  margin:0!important;
  max-width:300px!important;
  font:900 44px/0.98 'Playfair Display',serif!important;
  letter-spacing:-1px!important;
  color:#fff!important;
  text-shadow:0 4px 24px #0009!important;
}

.tinder-start-copy p{
  max-width:292px!important;
  margin:12px 0 0!important;
  color:#fffde8!important;
  font:700 14px/1.45 Manrope!important;
  text-shadow:0 2px 12px #0008!important;
}

.tinder-start-actions{
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
  z-index:2!important;
}

.tinder-start-actions .primary{
  width:100%!important;
  height:52px!important;
  margin:0!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#ff7854,#fd267a)!important;
  color:#fff!important;
  box-shadow:0 12px 26px #fd267a4a!important;
}

.tinder-start-actions .auth-provider{
  height:48px!important;
  border-radius:999px!important;
  border:1px solid #ffffffb8!important;
  background:#ffffff18!important;
  color:#fff!important;
  backdrop-filter:blur(8px)!important;
}

.tinder-start-actions .auth-login-link{
  margin:4px 0 0!important;
  color:#fff!important;
}

.tinder-start-actions small{
  display:block!important;
  margin-top:5px!important;
  color:#ffffffba!important;
  font:600 9px/1.35 Manrope!important;
  text-align:center!important;
}

#admin,
#reports,
#admin-stats{
  display:none!important;
}

.home-logo{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
  border:0!important;
  background:transparent!important;
  color:#302e35!important;
  padding:0!important;
  margin:0 8px 0 0!important;
  cursor:pointer!important;
}

.home-logo span{
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,#ff7854,#fd267a)!important;
  color:#fff!important;
  font-size:17px!important;
  box-shadow:0 6px 14px #fd267a35!important;
}

.home-logo b{
  font:900 15px/1 Manrope!important;
  letter-spacing:-.4px!important;
}

.screen header .home-logo+.back,
.screen header .home-logo+.brand{
  margin-left:0!important;
}

#matches .favorites-top{
  display:none!important;
}

.matches-search{
  display:flex!important;
  width:100%!important;
  margin:14px 0 12px!important;
}

.matches-search.open{
  display:flex!important;
}

.dual-label{
  margin:22px 0!important;
  padding:16px!important;
  border:1px solid #eee4e2!important;
  border-radius:17px!important;
  background:#fffdfc!important;
}

.dual-label>b{
  display:block!important;
  margin-bottom:12px!important;
  color:#55505a!important;
  font:900 12px/1.3 Manrope!important;
}

.dual-label>b span{
  color:#b54f65!important;
  font-size:13px!important;
}

.dual-range{
  display:grid!important;
  grid-template-columns:58px 1fr!important;
  gap:10px 11px!important;
  align-items:center!important;
}

.dual-range span{
  color:#7b7476!important;
  font:800 10px/1.2 Manrope!important;
}

.dual-range input[type=range]{
  margin:0!important;
  padding:0!important;
  accent-color:#fd267a!important;
}

#settings .support-link{
  width:100%!important;
  height:54px!important;
  min-height:54px!important;
  margin-top:12px!important;
  border-radius:16px!important;
  border:1px solid #d9cac8!important;
  background:white!important;
  color:#54494d!important;
  font:700 15px Manrope!important;
  cursor:pointer!important;
}

.range-values{
  display:flex!important;
  justify-content:space-between!important;
  margin:4px 0 12px!important;
  color:#7b7476!important;
  font:800 11px/1.2 Manrope!important;
}

.range-values output{
  color:#b54f65!important;
  font-weight:900!important;
}

.range-pair{
  position:relative!important;
  height:34px!important;
  display:block!important;
}

.range-pair .range-track{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:15px!important;
  height:5px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#f0d6da,#fd267a,#f0d6da)!important;
}

.range-pair input[type=range]{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:4px!important;
  width:100%!important;
  height:26px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  pointer-events:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}

.range-pair input[type=range]::-webkit-slider-thumb{
  pointer-events:auto!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  width:23px!important;
  height:23px!important;
  border-radius:50%!important;
  border:3px solid #fff!important;
  background:#fd267a!important;
  box-shadow:0 4px 12px #fd267a66!important;
  cursor:pointer!important;
}

.range-pair input[type=range]::-moz-range-thumb{
  pointer-events:auto!important;
  width:23px!important;
  height:23px!important;
  border-radius:50%!important;
  border:3px solid #fff!important;
  background:#fd267a!important;
  box-shadow:0 4px 12px #fd267a66!important;
  cursor:pointer!important;
}

.range-pair input[type=range]::-webkit-slider-runnable-track{
  background:transparent!important;
}

.range-pair input[type=range]::-moz-range-track{
  background:transparent!important;
}

#settings .outline,
#settings .support-link{
  width:100%!important;
  height:48px!important;
  min-height:48px!important;
  margin-top:8px!important;
  border-radius:14px!important;
  border:1px solid #d9cac8!important;
  background:#fff!important;
  color:#54494d!important;
  font:800 13px Manrope!important;
  box-shadow:none!important;
  flex:none!important;
}

#settings .support-link{
  margin-bottom:4px!important;
}

/* Генеральная уборка интерфейса */
#discover:before,
#discover:after,
#discover .main-banner,
.quick-filters,
.home-button,
#persistent-brand,
#admin,
#reports,
#admin-stats,
#phone .signup-banner,
#matches .favorites-top{
  display:none!important;
}

.screen header .brand{
  visibility:visible!important;
  flex:1!important;
  min-width:0!important;
  text-align:center!important;
  font:900 17px/1.1 Manrope!important;
  letter-spacing:-.4px!important;
  color:#302e35!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.screen header{
  min-height:42px!important;
  gap:8px!important;
}

.home-logo{
  flex:none!important;
  margin-right:2px!important;
}

.home-logo b{
  display:none!important;
}

.back,
.filter,
.universal-back{
  flex:none!important;
  width:38px!important;
  height:38px!important;
  border-radius:13px!important;
}

.universal-back{
  display:none!important;
}

#discover .card{
  margin-top:16px!important;
}

#matches .matches-search{
  margin-top:12px!important;
}

#settings{
  padding-bottom:24px!important;
}

#settings .dual-label{
  margin:14px 0!important;
  padding:13px!important;
}

#settings .switch{
  margin-top:4px!important;
  padding:16px 0!important;
}

#settings .outline,
#settings .support-link{
  height:46px!important;
  min-height:46px!important;
  margin-top:7px!important;
}

#settings .danger{
  margin-top:10px!important;
}

nav{
  flex:none!important;
}

nav button span{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  font:800 10px/1.1 Manrope!important;
  color:inherit!important;
  max-width:none!important;
  height:auto!important;
  margin-top:2px!important;
}

nav button{
  gap:4px!important;
  min-width:74px!important;
}

.screen nav span,
#discover nav span,
#matches nav span,
#me nav span{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  font-size:10px!important;
  line-height:1.1!important;
  font-weight:800!important;
  text-indent:0!important;
  overflow:visible!important;
}

.sofia-hero{
  width:100%;
  aspect-ratio:9/16;
  height:auto!important;
  max-height:520px;
  min-height:360px;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  border-radius:28px;
}

@media(max-width:500px){
  #discover .card{
    height:auto!important;
    min-height:0;
  }

  .sofia-hero{
    min-height:390px;
    max-height:62dvh;
  }
}

/* Tinder-like registration */
.tinder-auth-hero{
  margin:auto 0 22px;
}

.auth-methods{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.auth-methods .primary{
  margin-top:0;
}

.auth-provider{
  height:52px;
  border-radius:999px;
  border:1px solid #ffffffaa;
  background:#ffffff18;
  color:#fff;
  font:800 14px Manrope;
  cursor:pointer;
  backdrop-filter:blur(6px);
}

.auth-login-link{
  border:0;
  background:transparent;
  color:#fff;
  font:800 13px Manrope;
  margin-top:15px;
  cursor:pointer;
}

.auth-note{
  display:block;
  color:#8b8486;
  font-size:11px;
  line-height:1.45;
  text-align:center;
  margin-top:16px;
}

.tinder-code{
  justify-content:space-between;
  gap:7px;
}

.tinder-code input{
  width:46px;
  height:54px;
  margin:0;
  padding:0;
  text-align:center;
  border-radius:13px;
  font:800 20px Manrope;
}

.onboarding-card{
  border:1px solid #eee4e2;
  border-radius:17px;
  padding:14px;
  margin:0 0 18px;
  background:#fffdfc;
}

.onboarding-card>b{
  display:block;
  margin-bottom:10px;
  color:#55505a;
  font-size:12px;
}

.choice-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.choice-chip{
  border:1px solid #e1d5d3;
  background:#fff;
  border-radius:999px;
  padding:9px 12px;
  color:#735d62;
  font:800 11px Manrope;
  cursor:pointer;
}

.choice-chip.chosen{
  background:#c55b70;
  border-color:#c55b70;
  color:#fff;
}

.compact-profile-row{
  align-items:flex-start;
}

#profile-setup label{
  margin-bottom:15px;
}

#profile-setup input[type=date]{
  appearance:none;
}

#profile-setup .primary{
  position:sticky!important;
  bottom:0!important;
  z-index:5!important;
  box-shadow:0 -8px 18px #ffffff,0 8px 18px #41223922!important;
}

.media-add-tile{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  border:1px dashed #cdaeb4;
  background:#fff7f7;
  color:#a54d61;
  cursor:pointer;
}

.media-add-tile input{
  display:none;
}

.media-add-tile span{
  position:static!important;
  width:auto!important;
  height:auto!important;
  background:transparent!important;
  color:#a54d61!important;
  font-size:28px!important;
}

.media-add-tile small{
  font:800 10px Manrope;
}

.media-tile button{
  position:absolute;
  right:5px;
  top:5px;
  display:grid;
  place-items:center;
  width:23px;
  height:23px;
  border:0;
  border-radius:50%;
  background:#0009;
  color:#fff;
  font-size:17px;
  cursor:pointer;
}

.my-profile-hero{
  position:relative;
  width:100%;
  aspect-ratio:9/16;
  max-height:420px;
  margin:18px 0 13px;
  border-radius:26px;
  background:center/cover;
  overflow:hidden;
  flex:none;
}

.my-profile-hero button{
  position:absolute;
  right:12px;
  top:12px;
  width:38px;
  height:38px;
  border:0;
  border-radius:13px;
  background:#fffe;
  color:#9b5062;
  font-size:18px;
  box-shadow:0 4px 12px #0002;
}

.my-profile-hero span{
  position:absolute;
  left:14px;
  bottom:14px;
  padding:7px 10px;
  border-radius:999px;
  background:#0008;
  color:#fff;
  font:800 11px Manrope;
}

.my-media-card{
  margin-top:10px!important;
}

.my-media-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  margin-top:10px;
}

.my-media-photo{
  aspect-ratio:1;
  border-radius:12px;
  background:center/cover;
  position:relative;
  overflow:hidden;
}

.my-media-photo span{
  position:absolute;
  left:5px;
  top:5px;
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  border-radius:50%;
  background:#0008;
  color:#fff;
  font:800 10px Manrope;
}

.my-media-empty{
  margin-top:9px;
  padding:14px;
  border-radius:13px;
  background:#faf4f3;
  color:#8a7d80;
  font-size:11px;
  text-align:center;
}

.my-profile-video{
  width:100%;
  margin-top:10px;
  border-radius:14px;
  background:#111;
  max-height:260px;
}

.my-profile-video+small{
  display:block;
  margin-top:6px;
  color:#8a7d80;
  font-size:10px;
}

/* Compact smartphone layout */
@media(max-width:500px){
  .screen{
    padding:18px 18px!important;
  }

  .form h1,
  .settings h1{
    font-size:25px!important;
    line-height:1.08!important;
    margin:24px 0 7px!important;
  }

  .form>p{
    font-size:12px!important;
    line-height:1.42!important;
    margin-bottom:16px!important;
  }

  .progress{
    margin:18px 0 -5px!important;
  }

  label{
    margin-bottom:11px!important;
    font-size:11px!important;
  }

  input,
  textarea,
  select{
    padding:11px 12px!important;
    border-radius:11px!important;
    font-size:13px!important;
  }

  textarea{
    height:72px!important;
  }

  .primary,
  .ghost,
  .outline{
    min-height:48px!important;
    height:48px!important;
    border-radius:14px!important;
    font-size:13px!important;
  }

  .intro{
    padding:22px 20px!important;
  }

  .hero span{
    font-size:34px!important;
  }

  .hero p{
    width:auto!important;
    font-size:13px!important;
  }

  .auth-methods{
    gap:8px!important;
  }

  .auth-provider{
    height:46px!important;
    font-size:12px!important;
  }

  .intro small{
    margin-top:12px!important;
    font-size:9px!important;
  }

  #profile-setup{
    padding-bottom:18px!important;
  }

  #profile-setup h1{
    font-size:23px!important;
    margin-top:18px!important;
  }

  #profile-setup>p{
    margin-bottom:10px!important;
  }

  #profile-setup .progress{
    margin-bottom:0!important;
  }

  #profile-setup .onboarding-card{
    padding:8px!important;
    margin-bottom:7px!important;
    border-radius:14px!important;
  }

  #profile-setup .compact-profile-row{
    gap:7px!important;
    margin-bottom:0!important;
  }

  #profile-setup .compact-profile-row label{
    width:50%!important;
  }

  #profile-setup .onboarding-card>b{
    margin-bottom:6px!important;
  }

  .choice-row,
  .interest-list{
    gap:6px!important;
  }

  .choice-chip,
  .interest-chip{
    padding:6px 8px!important;
    font-size:10px!important;
  }

  .interests-field{
    margin-bottom:8px!important;
  }

  .interests-field>p{
    display:none!important;
  }

  .interest-add{
    margin-top:5px!important;
  }

  #profile-setup textarea{
    height:52px!important;
  }

  #profile-setup .primary{
    margin-top:6px!important;
  }

  .photo-grid{
    gap:7px!important;
  }

  .tile,
  .add-photo{
    height:116px!important;
    border-radius:14px!important;
  }

  .app{
    padding:18px 14px 0!important;
  }

  #discover .card{
    width:100%!important;
    max-height:calc(100dvh - 210px)!important;
  }

  .actions{
    gap:20px!important;
  }

  .actions button{
    width:48px!important;
    height:48px!important;
    font-size:24px!important;
  }

  .actions .heart{
    width:58px!important;
    height:58px!important;
  }

  nav{
    height:58px!important;
    min-height:58px!important;
  }

  .profile{
    padding:18px 18px 16px!important;
  }

  .sofia-hero{
    min-height:0!important;
    max-height:none!important;
  }
}

/* Финальное правило: баннер виден только на первом экране регистрации */
#discover:before{
  display:none!important;
}

#discover:after{
  display:none!important;
}

#discover .card{
  margin-top:18px!important;
}

/* Absolute final: settings range controls never select text */
#settings .dual-label,
#settings .dual-label *,
#settings .range-pair,
#settings .range-pair *,
#settings input[type=range],
#settings input[type=range] *{
  user-select:none!important;
  -webkit-user-select:none!important;
  -ms-user-select:none!important;
  -webkit-user-drag:none!important;
  caret-color:transparent!important;
  -webkit-tap-highlight-color:transparent!important;
}

body.range-dragging,
body.range-dragging *,
.phone.range-dragging,
.phone.range-dragging *{
  user-select:none!important;
  -webkit-user-select:none!important;
  -ms-user-select:none!important;
  caret-color:transparent!important;
}

#settings input[type=range]::selection,
#settings .dual-label::selection,
#settings .dual-label *::selection{
  background:transparent!important;
}

/* Absolute final: only buttons and form controls should feel clickable */
.phone *:not(button):not(input):not(textarea):not(select):not(a):not([role="button"]){
  cursor:default!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  caret-color:transparent!important;
  -webkit-tap-highlight-color:transparent!important;
}

.phone button,
.phone a,
.phone [role="button"]{
  cursor:pointer!important;
}

.phone input,
.phone textarea,
.phone select{
  user-select:text!important;
  -webkit-user-select:text!important;
}

.phone input[type=range]{
  user-select:none!important;
  -webkit-user-select:none!important;
  cursor:pointer!important;
}

/* Absolute final: range blocks never highlight or react visually */
#settings .dual-label,
#settings .dual-label:hover,
#settings .dual-label:active,
#settings .dual-label:focus,
#settings .dual-label:focus-within,
#settings .range-pair,
#settings .range-pair:hover,
#settings .range-pair:active,
#settings .range-pair:focus,
#settings .range-pair:focus-within{
  border-color:#eee7e5!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  filter:none!important;
}

#settings .range-pair input[type=range],
#settings .range-pair input[type=range]:hover,
#settings .range-pair input[type=range]:active,
#settings .range-pair input[type=range]:focus,
#settings .range-pair input[type=range]:focus-visible{
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  border:0!important;
  filter:none!important;
}

#settings .range-pair input[type=range]::-webkit-slider-thumb,
#settings .range-pair input[type=range]:hover::-webkit-slider-thumb,
#settings .range-pair input[type=range]:active::-webkit-slider-thumb,
#settings .range-pair input[type=range]:focus::-webkit-slider-thumb{
  outline:0!important;
  box-shadow:none!important;
  border:0!important;
  filter:none!important;
}

#settings .range-pair input[type=range]::-moz-range-thumb,
#settings .range-pair input[type=range]:hover::-moz-range-thumb,
#settings .range-pair input[type=range]:active::-moz-range-thumb,
#settings .range-pair input[type=range]:focus::-moz-range-thumb{
  outline:0!important;
  box-shadow:none!important;
  border:0!important;
  filter:none!important;
}

/* Absolute final: calm settings/profile cards — no blinking frames on tap */
#settings .switch,
#settings .switch:hover,
#settings .switch:active,
#settings .switch:focus,
#settings .switch:focus-visible,
#settings .switch:focus-within,
#settings .settings-hint,
#settings .settings-hint:hover,
#settings .settings-hint:active,
#settings .settings-hint:focus,
#settings .settings-hint:focus-visible,
#settings .settings-hint:focus-within,
#settings .dual-label,
#settings .dual-label:hover,
#settings .dual-label:active,
#settings .dual-label:focus,
#settings .dual-label:focus-visible,
#settings .dual-label:focus-within,
#settings .search-extra-filters,
#settings .search-extra-filters:hover,
#settings .search-extra-filters:active,
#settings .search-extra-filters:focus,
#settings .search-extra-filters:focus-visible,
#settings .search-extra-filters:focus-within,
#me .profile-card,
#me .profile-card:hover,
#me .profile-card:active,
#me .profile-card:focus,
#me .profile-card:focus-visible,
#me .profile-card:focus-within,
#me .profile-menu-button:focus,
#me .profile-menu-button:focus-visible,
#me .profile-menu-button:focus-within{
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
  caret-color:transparent!important;
  -webkit-tap-highlight-color:transparent!important;
}

#settings .switch,
#settings .switch *,
#settings .settings-hint,
#settings .settings-hint *,
#settings .search-extra-filters,
#settings .search-extra-filters *,
#me .profile-card,
#me .profile-card *{
  user-select:none!important;
  -webkit-user-select:none!important;
  -ms-user-select:none!important;
  caret-color:transparent!important;
}

#settings .mutual-message-switch,
#settings .mutual-message-switch:hover,
#settings .mutual-message-switch:active,
#settings .mutual-message-switch:focus,
#settings .mutual-message-switch:focus-visible,
#settings .mutual-message-switch:focus-within{
  border-top-color:#eee7e5!important;
  border-bottom-color:#eee7e5!important;
  background:transparent!important;
  outline:0!important;
  box-shadow:none!important;
}

/* Global final: remove browser tap/focus artifacts without visual blinking */
.phone,
.phone *,
.phone *::before,
.phone *::after{
  -webkit-tap-highlight-color:transparent!important;
}

.phone *:focus,
.phone *:focus-visible{
  outline:0!important;
}

.phone *:not(input):not(textarea):not(select),
.phone *:not(input):not(textarea):not(select)::before,
.phone *:not(input):not(textarea):not(select)::after{
  caret-color:transparent!important;
}

.phone *:not(input):not(textarea):not(select):not(button):not(a)::selection{
  background:transparent!important;
  color:inherit!important;
}

.phone button:focus,
.phone button:focus-visible,
.phone a:focus,
.phone a:focus-visible,
.phone [role="button"]:focus,
.phone [role="button"]:focus-visible{
  outline:0!important;
}

.phone input[type=range],
.phone input[type=range]:focus,
.phone input[type=range]:focus-visible,
.phone input[type=range]:active{
  outline:0!important;
  box-shadow:none!important;
  -webkit-tap-highlight-color:transparent!important;
}

/* Absolute final: no mouse-focus blink anywhere in the phone UI */
.phone button,
.phone a,
.phone [onclick],
.phone [role="button"]{
  -webkit-appearance:none!important;
  appearance:none!important;
  -webkit-tap-highlight-color:transparent!important;
}

.phone button::-moz-focus-inner,
.phone input::-moz-focus-inner{
  border:0!important;
  padding:0!important;
}

.phone button:focus,
.phone button:focus-visible,
.phone button:focus-within,
.phone button:active,
.phone a:focus,
.phone a:focus-visible,
.phone a:focus-within,
.phone a:active,
.phone [onclick]:focus,
.phone [onclick]:focus-visible,
.phone [onclick]:focus-within,
.phone [onclick]:active,
.phone [role="button"]:focus,
.phone [role="button"]:focus-visible,
.phone [role="button"]:focus-within,
.phone [role="button"]:active{
  outline:0!important;
  filter:none!important;
  transform:none!important;
  -webkit-tap-highlight-color:transparent!important;
}

.phone *:not(input):not(textarea):not(select):not(.show),
.phone *:not(input):not(textarea):not(select):not(.show)::before,
.phone *:not(input):not(textarea):not(select):not(.show)::after{
  transition-property:none!important;
  animation:none!important;
}

#notice,
#notice.show{
  transition:opacity .25s ease,transform .25s ease!important;
}

/* Feed final: contact/card shadows must stay static, no blinking */
#discover .discover-feed-card,
#discover .discover-feed-card:hover,
#discover .discover-feed-card:active,
#discover .discover-feed-card:focus,
#discover .discover-feed-card:focus-visible,
#discover .discover-feed-card:focus-within,
.feed-history-item,
.feed-history-item:hover,
.feed-history-item:active,
.feed-history-item:focus,
.feed-history-item:focus-visible,
.feed-history-item:focus-within,
.conversation,
.conversation:hover,
.conversation:active,
.conversation:focus,
.conversation:focus-visible,
.conversation:focus-within,
.inbox-item,
.inbox-item:hover,
.inbox-item:active,
.inbox-item:focus,
.inbox-item:focus-visible,
.inbox-item:focus-within,
.favorite-open,
.favorite-open:hover,
.favorite-open:active,
.favorite-open:focus,
.favorite-open:focus-visible,
.favorite-open:focus-within{
  outline:0!important;
  filter:none!important;
  transform:none!important;
  transition:none!important;
}

#discover .discover-feed-card,
#discover .discover-feed-card:hover,
#discover .discover-feed-card:active,
#discover .discover-feed-card:focus,
#discover .discover-feed-card:focus-visible,
#discover .discover-feed-card:focus-within{
  box-shadow:0 12px 30px #30162118!important;
}

.feed-history-item,
.feed-history-item:hover,
.feed-history-item:active,
.feed-history-item:focus,
.feed-history-item:focus-visible,
.feed-history-item:focus-within{
  box-shadow:0 8px 22px #321b2410!important;
}

.conversation,
.conversation:hover,
.conversation:active,
.conversation:focus,
.conversation:focus-visible,
.conversation:focus-within,
.inbox-item,
.inbox-item:hover,
.inbox-item:active,
.inbox-item:focus,
.inbox-item:focus-visible,
.inbox-item:focus-within,
.favorite-open,
.favorite-open:hover,
.favorite-open:active,
.favorite-open:focus,
.favorite-open:focus-visible,
.favorite-open:focus-within{
  box-shadow:none!important;
  background:transparent!important;
}

/* Feed performance: smooth wheel scrolling with many test profiles */
#discover .discover-feed{
  scroll-snap-type:none!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  will-change:scroll-position!important;
  contain:layout paint style!important;
}

#discover .discover-feed-card{
  scroll-snap-align:none!important;
  contain:layout paint style!important;
  content-visibility:auto!important;
  contain-intrinsic-size:520px!important;
}

#discover .discover-feed-photo,
#discover .discover-feed-info{
  contain:layout paint style!important;
}

/* Chat input must always be writable */
#chat .compose,
#chat .compose *,
#message-input,
#support-input{
  pointer-events:auto!important;
  user-select:text!important;
  -webkit-user-select:text!important;
  caret-color:auto!important;
}

#message-input:focus,
#support-input:focus{
  outline:0!important;
  box-shadow:none!important;
}

#chat .compose,
#support .compose{
  position:relative!important;
  z-index:50!important;
  pointer-events:auto!important;
}

#chat .compose input,
#chat .compose textarea,
#support .compose input{
  pointer-events:auto!important;
  cursor:text!important;
}

#chat .compose{
  align-items:flex-end!important;
  min-height:52px!important;
  max-height:82px!important;
  padding-top:2px!important;
  gap:6px!important;
}

#message-input{
  height:48px!important;
  min-height:48px!important;
  max-height:72px!important;
  resize:none!important;
  overflow-y:auto!important;
  line-height:1.35!important;
  padding:13px 14px!important;
  margin:0!important;
  border-radius:18px!important;
  min-width:0!important;
  scrollbar-width:thin!important;
  scrollbar-color:#d7b5bc transparent!important;
}

#message-input::-webkit-scrollbar{
  width:4px!important;
}

#message-input::-webkit-scrollbar-thumb{
  background:#d7b5bc!important;
  border-radius:999px!important;
}

#chat .compose .attach-button,
#chat .compose .emoji-button,
#chat .compose .send-button,
#chat .compose button{
  flex:none!important;
  align-self:flex-end!important;
  margin-bottom:0!important;
}

#chat .compose .send-button,
#chat .compose button[aria-label="Отправить"]{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  background:linear-gradient(135deg,#302e35,#c95d70)!important;
  color:#fff!important;
  font:900 18px/1 Manrope,Arial,sans-serif!important;
  box-shadow:0 10px 22px #c95d7030!important;
}

#chat .chat-media-button{
  flex:none!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  margin:0 0 5px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#f4ecec!important;
  color:#a55266!important;
  font:800 16px/1 Manrope,Arial,sans-serif!important;
  box-shadow:none!important;
  cursor:pointer!important;
  overflow:hidden!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  caret-color:transparent!important;
  -webkit-tap-highlight-color:transparent!important;
}

#chat .chat-media-button input{
  display:none!important;
}

#chat .chat-media-button span{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  line-height:1!important;
  pointer-events:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  caret-color:transparent!important;
}

#chat .chat-media-button:focus,
#chat .chat-media-button:focus-visible,
#chat .chat-media-button:active{
  outline:0!important;
  box-shadow:none!important;
}

#chat .chat-media-button.recording{
  background:#c95d70!important;
  color:#fff!important;
  box-shadow:0 0 0 6px #c95d7020!important;
}

#chat .media-message{
  width:min(82%,230px)!important;
  padding:8px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
}

#chat .media-message small{
  display:none!important;
}

#chat .chat-photo-message,
#chat .chat-video-message{
  display:block!important;
  width:100%!important;
  max-height:210px!important;
  border-radius:14px!important;
  object-fit:cover!important;
  background:#201d22!important;
}

#chat .voice-message{
  width:min(82%,245px)!important;
  padding:10px!important;
  gap:7px!important;
}

#chat .voice-message span{
  font:900 11px/1.2 Manrope,Arial,sans-serif!important;
}

#chat .voice-message .voice-title{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  font:900 11px/1.2 Manrope,Arial,sans-serif!important;
}

#chat .file-message .message-text{
  padding-right:42px!important;
}

#chat .voice-message audio{
  width:100%!important;
  height:34px!important;
}

/* Chat text window: only messages scroll upward inside a padded frame */
#chat.screen.active{
  overflow:hidden!important;
}

#chat .messages{
  position:relative!important;
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  margin:14px 0 12px!important;
  padding:18px 14px 78px!important;
  border:1px solid #efe3e1!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#fffdfc,#fff8f7)!important;
  box-shadow:inset 0 1px 0 #fff, inset 0 -10px 22px #e8cbd024!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;
  scrollbar-color:#d8b4bb transparent!important;
}

#chat .messages::-webkit-scrollbar{
  width:5px!important;
}

#chat .messages::-webkit-scrollbar-track{
  background:transparent!important;
}

#chat .messages::-webkit-scrollbar-thumb{
  background:#d8b4bb!important;
  border-radius:999px!important;
}

#chat .messages p{
  flex:none!important;
  max-width:82%!important;
}

#chat .messages time,
#chat .anti-ghost-card{
  flex:none!important;
}

#chat .anti-ghost-card{
  position:sticky!important;
  bottom:0!important;
  z-index:5!important;
  width:100%!important;
  margin:10px 0 0!important;
  padding:9px!important;
  border:1px solid #eadfdd!important;
  border-radius:17px!important;
  background:linear-gradient(180deg,#fff,#fff8f7)!important;
  box-shadow:0 -10px 24px #fff8f7,0 10px 20px #6d2f4310!important;
}

#chat .anti-ghost-card>button{
  min-height:38px!important;
}

#chat .anti-ghost-panel.open{
  max-height:124px!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
}

#chat .compose{
  flex:none!important;
  margin-top:0!important;
}

/* Anti-ghost fixed panel: outside message history, never scrolls with text */
#chat > .anti-ghost-card{
  flex:none!important;
  position:relative!important;
  z-index:20!important;
  width:100%!important;
  margin:0 0 9px!important;
  padding:8px!important;
  border:1px solid #eadfdd!important;
  border-radius:17px!important;
  background:linear-gradient(180deg,#fff,#fff8f7)!important;
  box-shadow:0 10px 22px #6d2f4310!important;
}

#chat > .anti-ghost-card > button{
  width:100%!important;
  min-height:38px!important;
  margin:0!important;
}

#chat > .anti-ghost-card .anti-ghost-panel{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:calc(100% + 8px)!important;
  z-index:25!important;
  max-height:0!important;
  margin:0!important;
  padding:0 8px!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 -10px 26px #3b1f2d18!important;
}

#chat > .anti-ghost-card .anti-ghost-panel.open{
  display:grid!important;
  max-height:154px!important;
  padding:8px!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
  scrollbar-color:#d8b4bb transparent!important;
}

#chat > .anti-ghost-card .anti-ghost-panel.open::-webkit-scrollbar{
  width:4px!important;
}

#chat > .anti-ghost-card .anti-ghost-panel.open::-webkit-scrollbar-thumb{
  background:#d8b4bb!important;
  border-radius:999px!important;
}

#chat > .anti-ghost-card .anti-ghost-panel button{
  width:100%!important;
  min-height:34px!important;
  margin:0!important;
}

/* Final anti-ghost layering: panel must never hide behind messages */
#chat.screen.active{
  isolation:isolate!important;
}

#chat .messages{
  position:relative!important;
  z-index:1!important;
}

#chat > .anti-ghost-card{
  z-index:500!important;
  overflow:visible!important;
}

#chat > .anti-ghost-card .anti-ghost-panel{
  z-index:700!important;
  pointer-events:auto!important;
}

#notice{
  z-index:1200!important;
}

/* Messenger polish: timestamps, read checks, delete action */
#chat .messages p{
  position:relative!important;
  word-break:break-word!important;
}

#chat .message-text{
  display:block!important;
  padding-right:42px!important;
}

#chat .message-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:3px!important;
  min-width:42px!important;
  margin-top:5px!important;
  font:900 9px/1 Manrope,Arial,sans-serif!important;
  opacity:.78!important;
}

#chat .message-meta i{
  font-style:normal!important;
}

#chat .message-meta b{
  font:900 10px/1 Manrope,Arial,sans-serif!important;
  color:#aee7ff!important;
}

#chat .them .message-meta{
  display:none!important;
}

#chat .message-delete{
  position:absolute!important;
  top:-6px!important;
  right:-6px!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#ffffffee!important;
  color:#9f5265!important;
  font:900 13px/1 Manrope,Arial,sans-serif!important;
  box-shadow:0 4px 12px #321b2420!important;
  opacity:0!important;
  pointer-events:none!important;
}

#chat .messages p:hover .message-delete,
#chat .messages p:focus-within .message-delete{
  opacity:1!important;
  pointer-events:auto!important;
}

#chat .media-message .message-meta,
#chat .voice-message .message-meta{
  align-self:flex-end!important;
  margin-top:0!important;
}

#chat .me{
  box-shadow:0 8px 18px #c95d7020!important;
}

#chat .them{
  box-shadow:0 8px 18px #321b2408!important;
}

#chat header{
  padding-bottom:8px!important;
  border-bottom:1px solid #f0e7e5!important;
}

/* Voice message final polish: compact, calm, no heavy red frame */
#chat .messages p.voice-message,
#chat .messages p.me.voice-message,
#chat .messages p.media-message.voice-message{
  width:min(78%,236px)!important;
  max-width:236px!important;
  padding:10px 11px!important;
  border:1px solid #eadfdd!important;
  border-radius:18px 18px 5px 18px!important;
  background:linear-gradient(180deg,#fffaf9,#fff4f3)!important;
  color:#41383e!important;
  box-shadow:0 8px 18px #321b2410!important;
  gap:8px!important;
}

#chat .messages p.voice-message .voice-title{
  color:#8e4d60!important;
  font:900 10.5px/1.2 Manrope,Arial,sans-serif!important;
  letter-spacing:.01em!important;
}

#chat .messages p.voice-message audio{
  width:100%!important;
  height:32px!important;
  display:block!important;
  filter:saturate(.85)!important;
}

#chat .messages p.voice-message .message-meta{
  color:#9c7d86!important;
  opacity:.8!important;
}

#chat .messages p.voice-message .message-meta b{
  color:#b65d70!important;
}

/* Unified media cards: photo, video, file and voice use one calm style */
#chat .messages p.media-message,
#chat .messages p.me.media-message,
#chat .messages p.file-message,
#chat .messages p.me.file-message,
#chat .messages p.voice-message,
#chat .messages p.me.voice-message{
  width:min(78%,236px)!important;
  max-width:236px!important;
  padding:9px!important;
  border:1px solid #eadfdd!important;
  border-radius:18px 18px 5px 18px!important;
  background:linear-gradient(180deg,#fffaf9,#fff4f3)!important;
  color:#41383e!important;
  box-shadow:0 8px 18px #321b2410!important;
  gap:8px!important;
}

#chat .messages p.media-message .chat-photo-message,
#chat .messages p.media-message .chat-video-message{
  width:100%!important;
  max-height:205px!important;
  border-radius:14px!important;
  border:0!important;
  box-shadow:none!important;
  background:#221e23!important;
}

#chat .messages p.media-message .message-meta,
#chat .messages p.file-message .message-meta,
#chat .messages p.voice-message .message-meta{
  align-self:flex-end!important;
  color:#9c7d86!important;
  opacity:.82!important;
  margin-top:2px!important;
}

#chat .messages p.media-message .message-meta b,
#chat .messages p.file-message .message-meta b,
#chat .messages p.voice-message .message-meta b{
  color:#b65d70!important;
}

#chat .messages p.file-message .message-text{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:34px!important;
  padding-right:42px!important;
  color:#5a424b!important;
}

#chat .messages p.file-message .message-text b{
  font:900 12px/1.2 Manrope,Arial,sans-serif!important;
}

/* Final cursor fix: app logo must feel clickable */
.home-logo,
.home-logo *,
.home-button,
.home-button *,
.tinder-logo-mark,
.tinder-logo-text,
#persistent-brand,
.persistent-brand,
.screen header .brand.dark{
  cursor:pointer!important;
}

/* Absolute final: logo cursor in contact feed and all headers */
#discover header .home-logo,
#discover header .home-logo *,
#discover header .brand.dark,
.screen.active header .home-logo,
.screen.active header .home-logo *,
.screen.active header .brand.dark{
  pointer-events:auto!important;
  cursor:pointer!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  caret-color:transparent!important;
}

/* Trust system: verification, photo proof, reports and blocking */
.verified.trust-check{
  position:relative!important;
  display:inline-grid!important;
  place-items:center!important;
  width:18px!important;
  height:18px!important;
  margin-left:4px!important;
  border-radius:50%!important;
  background:#1d9bf0!important;
  color:#fff!important;
  font:900 12px/1 Manrope,Arial,sans-serif!important;
  box-shadow:0 3px 10px #1d9bf040!important;
  vertical-align:middle!important;
}

.verified.trust-check:before{
  content:''!important;
  position:absolute!important;
  inset:-3px!important;
  z-index:-1!important;
  background:#1d9bf0!important;
  clip-path:polygon(50% 0%,61% 15%,78% 8%,82% 26%,100% 30%,89% 45%,100% 60%,82% 64%,78% 82%,61% 75%,50% 100%,39% 75%,22% 82%,18% 64%,0% 60%,11% 45%,0% 30%,18% 26%,22% 8%,39% 15%)!important;
}

.trust-unverified{
  display:inline-grid!important;
  place-items:center!important;
  width:18px!important;
  height:18px!important;
  margin-left:4px!important;
  border-radius:50%!important;
  background:#f1e8d8!important;
  color:#9b6a2b!important;
  font:900 12px/1 Manrope,Arial,sans-serif!important;
  vertical-align:middle!important;
}

.trust-chip-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin:8px 0 10px!important;
}

.trust-chip{
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  padding:6px 9px!important;
  border-radius:999px!important;
  font:900 9.5px/1 Manrope,Arial,sans-serif!important;
  font-style:normal!important;
}

.trust-chip.trusted{
  background:#e9f5ff!important;
  color:#1976c9!important;
}

.trust-chip.photo{
  background:#eef9f1!important;
  color:#32834a!important;
}

.trust-chip.neutral{
  background:#f5f0ee!important;
  color:#837278!important;
}

.trust-chip.warning{
  background:#fff3d7!important;
  color:#94631a!important;
}

.trust-warning-card{
  border-color:#f0d09b!important;
  background:#fff8e9!important;
}

.trust-warning-card b{
  color:#8b5c16!important;
}

.trust-warning-card p{
  color:#6b5a3b!important;
}

.trust-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin:10px 0 14px!important;
}

.trust-actions button{
  min-height:42px!important;
  border:1px solid #eadfdd!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#8f4e5e!important;
  font:900 11px/1.1 Manrope,Arial,sans-serif!important;
  cursor:pointer!important;
}

.trust-actions button:last-child:nth-child(3){
  grid-column:1/-1!important;
  background:#fff8e9!important;
  color:#8b5c16!important;
  border-color:#f0d09b!important;
}

.trust-photo-warning,
.trust-feed-warning{
  position:absolute!important;
  right:12px!important;
  top:12px!important;
  z-index:3!important;
  padding:7px 9px!important;
  border-radius:999px!important;
  background:#fff3d7e8!important;
  color:#8b5c16!important;
  font:900 10px/1 Manrope,Arial,sans-serif!important;
  box-shadow:0 8px 18px #0002!important;
}

.trust-feed-warning{
  right:12px!important;
  top:12px!important;
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  padding:0!important;
  font-size:14px!important;
}

.suspicious-feed-card{
  border:1px solid #f0d09b!important;
  box-shadow:0 10px 26px #94631a16!important;
}

/* Final alignment pass: labels and icons */
#discover .discover-feed-info h2,
#profile-view h1,
#me h1,
.favorite-open b,
.conversation b{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  line-height:1.15!important;
}

#profile-view h1,
#me h1{
  justify-content:center!important;
  flex-wrap:wrap!important;
}

.verified.trust-check,
.trust-unverified,
.verified{
  flex:0 0 auto!important;
  line-height:1!important;
  text-align:center!important;
}

.trust-chip-row,
.tags,
.profile-highlights,
.feed-swipe-actions,
.trust-actions{
  align-items:center!important;
}

.trust-chip{
  justify-content:center!important;
  line-height:1!important;
  white-space:nowrap!important;
}

.profile-highlights button,
.profile-menu-button,
.outline.profile-menu-button,
.trust-actions button,
.feed-swipe-actions button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}

.profile-highlights button{
  flex-direction:column!important;
}

/* ISKRA PROTECTED UI BLOCK — ICON ALIGNMENT.
   Keep these centering rules. They protect profile/trust/nav icons from
   drifting, merging with text, or losing the 2026-style rounded alignment. */
.profile-highlights strong,
.profile-menu-button i,
.nav-icon,
.home-logo span,
.trust-feed-warning,
.trust-photo-warning{
  display:grid!important;
  place-items:center!important;
  line-height:1!important;
  text-align:center!important;
}

.profile-highlights span,
nav button span,
.trust-actions button,
.feed-swipe-actions button,
.tags em,
.trust-chip{
  text-align:center!important;
  text-wrap:balance!important;
}

nav button{
  justify-content:center!important;
  align-items:center!important;
}

nav button span{
  display:block!important;
  width:100%!important;
  line-height:1.1!important;
}

.home-logo{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
}

#discover header .home-logo{
  align-items:baseline!important;
  gap:5px!important;
}

#discover header .home-logo span{
  align-self:center!important;
}

/* Profile trust highlights: exactly 4 aligned icons under photo */
#profile-view .trust-highlights{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:7px!important;
  width:100%!important;
  margin:10px 0 12px!important;
  padding:0!important;
  overflow:visible!important;
}

#profile-view .trust-highlights button{
  min-width:0!important;
  width:100%!important;
  height:64px!important;
  padding:7px 4px!important;
  border:1px solid #eadfdd!important;
  border-radius:16px!important;
  background:#fff!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  box-shadow:0 8px 18px #321b2410!important;
}

#profile-view .trust-highlights strong{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  background:linear-gradient(135deg,#e9f5ff,#eef9f1)!important;
  color:#1976c9!important;
  font:900 14px/1 Manrope,Arial,sans-serif!important;
}

#profile-view .trust-highlights span{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  color:#554a51!important;
  font:900 9.2px/1.12 Manrope,Arial,sans-serif!important;
  text-align:center!important;
  letter-spacing:-.15px!important;
}

/* Admin moderation panel */
.admin-screen{
  background:linear-gradient(180deg,#fffaf8 0%,#fff 45%,#fff7f4 100%)!important;
}

.admin-hero,
.admin-login-card,
.admin-note,
.admin-stats-grid div,
.admin-action-grid button,
.admin-row{
  border:1px solid #f0e3df!important;
  background:#fff!important;
  box-shadow:0 14px 34px #3a1d2412!important;
}

.admin-hero{
  margin:14px 16px 12px!important;
  padding:18px!important;
  border-radius:24px!important;
  text-align:left!important;
}

.admin-shield{
  width:44px!important;
  height:44px!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#ff6b81,#ffb36b)!important;
  color:#fff!important;
  font-size:22px!important;
  margin-bottom:10px!important;
}

.admin-hero h2{
  margin:0 0 8px!important;
  font:900 24px/1.08 Manrope,Arial,sans-serif!important;
  letter-spacing:-.8px!important;
  color:#24151a!important;
}

.admin-hero p,
.admin-note,
.admin-login-card small,
.admin-row-main small{
  color:#7b6b70!important;
  font:700 12px/1.45 Manrope,Arial,sans-serif!important;
}

.admin-login-card{
  margin:0 16px!important;
  padding:14px!important;
  border-radius:22px!important;
  display:grid!important;
  gap:10px!important;
}

.admin-login-card label{
  font:900 12px/1 Manrope,Arial,sans-serif!important;
  color:#332126!important;
}

.admin-login-card input{
  height:48px!important;
  border:1px solid #eadbd6!important;
  border-radius:16px!important;
  padding:0 14px!important;
  font:900 18px/1 Manrope,Arial,sans-serif!important;
  outline:none!important;
}

.admin-login-button{
  width:100%!important;
  height:48px!important;
  border-radius:16px!important;
}

.admin-note{
  margin:12px 16px!important;
  padding:12px 14px!important;
  border-radius:18px!important;
}

.admin-stats-grid{
  display:grid!important;
  grid-template-columns:repeat(2,1fr)!important;
  gap:10px!important;
  margin:0 16px 14px!important;
}

.admin-stats-grid div{
  border-radius:20px!important;
  padding:14px!important;
  min-height:78px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}

.admin-stats-grid b{
  font:900 28px/1 Manrope,Arial,sans-serif!important;
  color:#24151a!important;
}

.admin-stats-grid span{
  margin-top:5px!important;
  font:800 11px/1.2 Manrope,Arial,sans-serif!important;
  color:#8b777d!important;
}

.admin-action-grid{
  display:grid!important;
  gap:10px!important;
  margin:0 16px 18px!important;
}

.admin-action-grid button{
  border-radius:22px!important;
  padding:14px!important;
  display:grid!important;
  grid-template-columns:42px 1fr!important;
  grid-template-areas:"icon title" "icon text"!important;
  column-gap:12px!important;
  text-align:left!important;
  cursor:pointer!important;
}

.admin-action-grid i{
  grid-area:icon!important;
  width:42px!important;
  height:42px!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  background:#fff2ee!important;
  font-style:normal!important;
}

.admin-action-grid span{
  grid-area:title!important;
  font:900 15px/1.15 Manrope,Arial,sans-serif!important;
  color:#24151a!important;
}

.admin-action-grid small{
  grid-area:text!important;
  font:800 11px/1.25 Manrope,Arial,sans-serif!important;
  color:#88767b!important;
}

.admin-list{
  display:grid!important;
  gap:10px!important;
  margin:12px 12px 24px!important;
  padding-bottom:10px!important;
}

.admin-row{
  border-radius:22px!important;
  padding:10px!important;
  display:grid!important;
  grid-template-columns:54px 1fr!important;
  gap:10px!important;
  align-items:start!important;
}

.admin-avatar{
  width:54px!important;
  height:54px!important;
  border-radius:18px!important;
  background-size:cover!important;
  background-position:center!important;
  box-shadow:inset 0 0 0 1px #ffffff99!important;
}

.admin-row-main{
  min-width:0!important;
  display:grid!important;
  gap:4px!important;
}

.admin-row-main b{
  font:900 15px/1.15 Manrope,Arial,sans-serif!important;
  color:#27171d!important;
}

.admin-badges{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:5px!important;
  margin-top:3px!important;
}

.admin-badges span{
  max-width:100%!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  background:#fff3ef!important;
  color:#7a4249!important;
  font:900 10px/1 Manrope,Arial,sans-serif!important;
}

.admin-risk-badge.low{
  background:#e8f7ee!important;
  color:#217d4a!important;
}

.admin-risk-badge.medium{
  background:#fff3d7!important;
  color:#9b5b00!important;
}

.admin-risk-badge.high{
  background:#ffe6d7!important;
  color:#b55200!important;
}

.admin-risk-badge.critical{
  background:#ffe8e8!important;
  color:#b22f3a!important;
}

.admin-row-actions{
  grid-column:1 / -1!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:7px!important;
}

.admin-row-actions button{
  min-height:34px!important;
  border:0!important;
  border-radius:13px!important;
  background:#f6f0ee!important;
  color:#3b252b!important;
  font:900 11px/1 Manrope,Arial,sans-serif!important;
  cursor:pointer!important;
}

.admin-row-actions .admin-danger{
  background:#ffe8e8!important;
  color:#b22f3a!important;
}

.admin-row-actions .admin-ok{
  background:#e8f7ee!important;
  color:#217d4a!important;
}

.admin-chat-preview{
  display:grid!important;
  gap:5px!important;
  margin-top:6px!important;
  padding:8px!important;
  border-radius:14px!important;
  background:#faf5f3!important;
  max-height:112px!important;
  overflow:auto!important;
}

.admin-chat-preview p{
  margin:0!important;
  color:#49373d!important;
  font:700 11px/1.35 Manrope,Arial,sans-serif!important;
}

.admin-chat-preview span{
  color:#ff5f7d!important;
  font-weight:900!important;
}

#app-version-badge{
  position:static!important;
  z-index:6!important;
  display:inline-block!important;
  height:auto!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#b4939a!important;
  border:0!important;
  box-shadow:none!important;
  font:900 8.5px/1 Manrope,Arial,sans-serif!important;
  letter-spacing:.2px!important;
  pointer-events:none!important;
  margin-left:5px!important;
  transform:translateY(1px)!important;
  align-self:baseline!important;
}

.admin-search-wrap{
  margin:12px 16px 8px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#fff,#fff7f4)!important;
  border:1px solid #eadbd6!important;
  box-shadow:0 10px 24px #321b2410!important;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease!important;
}

.admin-search-input{
  width:100%!important;
  height:46px!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:18px!important;
  background:transparent!important;
  color:#2d1a20!important;
  padding:0 15px!important;
  outline:none!important;
  box-shadow:none!important;
  font:900 12px/1 Manrope,Arial,sans-serif!important;
  caret-color:#ff5f7d!important;
  user-select:text!important;
  -webkit-user-select:text!important;
}

.admin-search-input::placeholder{
  color:#aa969b!important;
}

.admin-search-wrap.search-focused{
  border-color:#ff91a3!important;
  box-shadow:0 12px 28px #ff6b8122!important;
}

.admin-user-filters{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:6px!important;
  margin:0 16px 8px!important;
}

.admin-user-filters button{
  height:32px!important;
  border:1px solid #eadbd6!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#7c6870!important;
  font:900 9.5px/1 Manrope,Arial,sans-serif!important;
  cursor:pointer!important;
}

.admin-user-filters button.active{
  background:linear-gradient(135deg,#ff6b81,#ff9b6b)!important;
  color:#fff!important;
  border-color:#ff7d78!important;
  box-shadow:0 10px 20px #ff6b8126!important;
}

.admin-empty{
  margin:4px!important;
  padding:16px!important;
  border-radius:18px!important;
  background:#fff7f4!important;
  color:#8b7379!important;
  text-align:center!important;
  font:800 12px/1.35 Manrope,Arial,sans-serif!important;
}

.flagged-message{
  box-shadow:0 0 0 2px #ffbf4d55,0 10px 22px #321b2414!important;
}

.moderation-mark{
  display:block!important;
  margin-top:6px!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  background:#fff3d7!important;
  color:#9b5b00!important;
  font:900 10px/1.15 Manrope,Arial,sans-serif!important;
  font-style:normal!important;
}

.violation-row{
  border-color:#ffd6a6!important;
  background:linear-gradient(180deg,#fff,#fff8ed)!important;
}

.admin-violation-text{
  margin-top:6px!important;
  padding:9px 10px!important;
  border-radius:14px!important;
  background:#fff3d7!important;
  color:#5d3b08!important;
  font:800 12px/1.35 Manrope,Arial,sans-serif!important;
  max-height:82px!important;
  overflow:auto!important;
}

.admin-media-filters{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:7px!important;
  margin:10px 16px 4px!important;
}

.admin-media-tools{
  display:grid!important;
  grid-template-columns:1fr 86px!important;
  gap:8px!important;
  margin:10px 16px 6px!important;
}

.admin-media-tools input{
  width:100%!important;
  height:42px!important;
  min-width:0!important;
  border:1px solid #eadbd6!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#2b1b20!important;
  padding:0 12px!important;
  font:900 10.5px/42px Manrope,Arial,sans-serif!important;
  outline:none!important;
  box-shadow:0 8px 18px #321b2410!important;
  caret-color:#ff5f7d!important;
}

.admin-media-tools button{
  height:42px!important;
  border:0!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#2f2930,#c95d70)!important;
  color:#fff!important;
  font:900 10px/1 Manrope,Arial,sans-serif!important;
  box-shadow:0 10px 20px #c95d7026!important;
}

.admin-media-filters button{
  height:34px!important;
  border:1px solid #eadbd6!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#705d63!important;
  font:900 10px/1 Manrope,Arial,sans-serif!important;
  cursor:pointer!important;
}

.admin-media-filters button.active{
  background:linear-gradient(135deg,#ff6b81,#ff9b6b)!important;
  color:#fff!important;
  border-color:#ff7d78!important;
  box-shadow:0 10px 20px #ff6b8130!important;
}

.admin-media-row{
  grid-template-columns:86px 1fr!important;
}

.admin-media-row .admin-row-actions{
  grid-template-columns:repeat(4,1fr)!important;
}

.admin-media-box{
  width:86px!important;
  height:86px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:#fff3ef!important;
  display:grid!important;
  place-items:center!important;
}

.admin-media-preview{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}

.admin-media-voice{
  width:100%!important;
  height:100%!important;
  padding:8px!important;
  box-sizing:border-box!important;
  display:grid!important;
  align-content:center!important;
  gap:6px!important;
  background:linear-gradient(135deg,#fff3ef,#eef5ff)!important;
}

.admin-media-voice span{
  width:28px!important;
  height:28px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#fff!important;
  margin:auto!important;
}

.admin-media-voice audio{
  width:100%!important;
  height:24px!important;
}

.media-status-waiting{
  background:#fff3d7!important;
  color:#9b5b00!important;
}

.media-status-approved{
  background:#e8f7ee!important;
  color:#217d4a!important;
}

.media-status-flagged{
  background:#ffe8e8!important;
  color:#b22f3a!important;
}

.audit-row{
  grid-template-columns:48px 1fr!important;
  align-items:center!important;
}

.audit-icon{
  width:48px!important;
  height:48px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#fff3ef,#eef5ff)!important;
  display:grid!important;
  place-items:center!important;
  font-size:20px!important;
}

.admin-audit-tools{
  display:grid!important;
  grid-template-columns:1fr 96px!important;
  gap:8px!important;
  margin:10px 16px 8px!important;
}

.admin-audit-tools input,
.admin-audit-tools select{
  height:42px!important;
  min-width:0!important;
  border:1px solid #eadbd6!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#2b1b20!important;
  padding:0 12px!important;
  font:900 10px/42px Manrope,Arial,sans-serif!important;
  outline:none!important;
  box-shadow:0 8px 18px #321b2410!important;
}

.admin-audit-tools select{
  grid-column:1 / -1!important;
}

.admin-audit-tools button{
  height:42px!important;
  border:0!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#2f2930,#c95d70)!important;
  color:#fff!important;
  font:900 10px/1 Manrope,Arial,sans-serif!important;
  box-shadow:0 10px 20px #c95d7026!important;
}

.report-profile-sheet{
  position:absolute!important;
  inset:0!important;
  z-index:999!important;
  display:grid!important;
  place-items:end center!important;
  padding:18px!important;
  background:rgba(36,21,26,.36)!important;
  backdrop-filter:blur(5px)!important;
}

.report-profile-card{
  position:relative!important;
  width:100%!important;
  max-height:76%!important;
  overflow:auto!important;
  border:1px solid #f0e3df!important;
  border-radius:26px!important;
  background:#fff!important;
  padding:20px 16px 16px!important;
  box-shadow:0 24px 50px #321b2440!important;
}

.report-profile-card b{
  display:block!important;
  padding-right:34px!important;
  color:#24151a!important;
  font:900 18px/1.15 Manrope,Arial,sans-serif!important;
  letter-spacing:-.4px!important;
}

.report-profile-card p{
  margin:8px 0 14px!important;
  color:#7b6b70!important;
  font:700 11px/1.4 Manrope,Arial,sans-serif!important;
}

.report-close{
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  width:32px!important;
  height:32px!important;
  border:0!important;
  border-radius:50%!important;
  background:#fff3ef!important;
  color:#9c4f61!important;
  font:900 20px/1 Manrope,Arial,sans-serif!important;
}

.report-reason-grid{
  display:grid!important;
  gap:8px!important;
}

.report-reason-grid button{
  min-height:42px!important;
  border:1px solid #eadbd6!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#fff,#fff8f5)!important;
  color:#3b252b!important;
  text-align:left!important;
  padding:0 13px!important;
  font:900 11px/1.2 Manrope,Arial,sans-serif!important;
}

.admin-user-control-card{
  grid-template-columns:58px 1fr!important;
  padding:12px!important;
}

.admin-user-control-card.blocked{
  opacity:.78!important;
  background:linear-gradient(180deg,#fff,#fff1f1)!important;
}

.admin-user-control-card .admin-avatar{
  width:58px!important;
  height:58px!important;
  border-radius:19px!important;
}

.admin-user-metrics{
  grid-column:1 / -1!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:6px!important;
  margin-top:8px!important;
}

.admin-user-metrics span{
  min-height:44px!important;
  border:1px solid #f0e3df!important;
  border-radius:14px!important;
  background:#fffaf8!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}

.admin-user-metrics b{
  color:#24151a!important;
  font:900 15px/1 Manrope,Arial,sans-serif!important;
}

.admin-user-metrics em{
  margin-top:4px!important;
  color:#8b777d!important;
  font:800 8.5px/1 Manrope,Arial,sans-serif!important;
  font-style:normal!important;
}

.admin-user-actions{
  grid-template-columns:repeat(4,1fr)!important;
}

.admin-user-actions button{
  min-height:36px!important;
  padding:0 4px!important;
  font-size:9.5px!important;
}

.admin-warning-message{
  align-self:center!important;
  max-width:92%!important;
  border:1px solid #ffd6a6!important;
  background:linear-gradient(135deg,#fff8ed,#fff3d7)!important;
  color:#5d3b08!important;
  text-align:center!important;
  box-shadow:0 10px 20px #7a4c0012!important;
}

.admin-profile-details{
  grid-column:1 / -1!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-top:10px!important;
  padding-top:10px!important;
  border-top:1px solid #f0e3df!important;
}

.admin-profile-details section{
  min-width:0!important;
  max-height:124px!important;
  overflow:auto!important;
  border:1px solid #f0e3df!important;
  border-radius:16px!important;
  background:#fffaf8!important;
  padding:10px!important;
}

.admin-profile-details section.wide{
  grid-column:1 / -1!important;
}

.admin-profile-details b{
  display:block!important;
  margin-bottom:7px!important;
  color:#24151a!important;
  font:900 11px/1 Manrope,Arial,sans-serif!important;
}

.admin-profile-details small{
  display:block!important;
  margin:0 0 6px!important;
  color:#6e5d63!important;
  font:750 9.5px/1.3 Manrope,Arial,sans-serif!important;
}

.admin-detail-empty{
  color:#a08b92!important;
}

.admin-user-detail-body{
  display:grid!important;
  gap:10px!important;
  margin:12px 12px 24px!important;
  padding-bottom:20px!important;
}

.admin-dossier-hero{
  display:grid!important;
  grid-template-columns:82px 1fr!important;
  gap:12px!important;
  align-items:center!important;
  padding:14px!important;
  border:1px solid #f0e3df!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 14px 34px #3a1d2412!important;
}

.admin-dossier-photo{
  width:82px!important;
  height:82px!important;
  border-radius:24px!important;
  background-size:cover!important;
  background-position:center!important;
}

.admin-dossier-hero b{
  display:block!important;
  color:#24151a!important;
  font:900 19px/1.1 Manrope,Arial,sans-serif!important;
}

.admin-dossier-hero small,
.admin-dossier-hero em{
  display:inline-block!important;
  margin-top:5px!important;
}

.admin-dossier-actions{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:7px!important;
}

.admin-dossier-actions button{
  min-height:38px!important;
  border:0!important;
  border-radius:15px!important;
  background:#f6f0ee!important;
  color:#3b252b!important;
  font:900 10px/1.1 Manrope,Arial,sans-serif!important;
}

.admin-dossier-actions .admin-danger{
  background:#ffe8e8!important;
  color:#b22f3a!important;
}

.admin-dossier-metrics{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:7px!important;
}

.admin-dossier-metrics span{
  min-height:50px!important;
  border:1px solid #f0e3df!important;
  border-radius:16px!important;
  background:#fffaf8!important;
  display:grid!important;
  place-items:center!important;
}

.admin-dossier-metrics b{
  font:900 17px/1 Manrope,Arial,sans-serif!important;
}

.admin-dossier-metrics em{
  font:800 9px/1 Manrope,Arial,sans-serif!important;
  color:#8b777d!important;
  font-style:normal!important;
}

.admin-dossier-section{
  max-height:150px!important;
  overflow:auto!important;
  padding:12px!important;
  border:1px solid #f0e3df!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 10px 24px #321b2410!important;
}

.admin-dossier-section b{
  display:block!important;
  margin-bottom:8px!important;
  font:900 12px/1 Manrope,Arial,sans-serif!important;
}

.admin-dossier-section small{
  display:block!important;
  margin:0 0 7px!important;
  color:#6e5d63!important;
  font:750 10px/1.35 Manrope,Arial,sans-serif!important;
}

.admin-bulk-tools{
  display:grid!important;
  grid-template-columns:1fr repeat(2,auto)!important;
  gap:7px!important;
  align-items:center!important;
  margin:10px 4px 8px!important;
  padding:10px!important;
  border:1px solid #f0e3df!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 10px 24px #321b2410!important;
}

.admin-bulk-tools span{
  color:#2b1b20!important;
  font:900 11px/1.15 Manrope,Arial,sans-serif!important;
}

.admin-bulk-tools small{
  color:#8b777d!important;
  font:800 10px/1.2 Manrope,Arial,sans-serif!important;
}

.admin-bulk-tools button{
  min-height:32px!important;
  border:0!important;
  border-radius:12px!important;
  background:#f6f0ee!important;
  color:#3b252b!important;
  padding:0 9px!important;
  font:900 9px/1 Manrope,Arial,sans-serif!important;
}

.admin-bulk-tools .admin-danger{
  background:#ffe8e8!important;
  color:#b22f3a!important;
}

.admin-select-profile{
  position:absolute!important;
  top:10px!important;
  left:10px!important;
  z-index:3!important;
  width:26px!important;
  height:26px!important;
  margin:0!important;
  cursor:pointer!important;
}

.admin-select-profile input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
}

.admin-select-profile span{
  width:26px!important;
  height:26px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #eadbd6!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 6px 14px #321b2420!important;
}

.admin-select-profile input:checked + span{
  background:linear-gradient(135deg,#2f2930,#c95d70)!important;
  border-color:#c95d70!important;
}

.admin-select-profile input:checked + span:after{
  content:'вњ“'!important;
  color:#fff!important;
  font:900 14px/1 Manrope,Arial,sans-serif!important;
}

.admin-user-control-card{
  position:relative!important;
}

.discover-search-box{
  margin:8px 14px 10px!important;
  height:46px!important;
  border:1px solid #eadbd6!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#ffffff,#fff7f4)!important;
  display:block!important;
  align-items:center!important;
  padding:0!important;
  box-shadow:0 10px 24px #321b2410!important;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease!important;
  user-select:text!important;
  -webkit-user-select:text!important;
  pointer-events:auto!important;
  position:relative!important;
  overflow:hidden!important;
}

.discover-search-box span{
  position:absolute!important;
  left:14px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:3!important;
  display:grid!important;
  place-items:center!important;
  width:22px!important;
  height:22px!important;
  font-size:14px!important;
  line-height:1!important;
  pointer-events:none!important;
}

.discover-search-box input{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  width:100%!important;
  height:46px!important;
  box-sizing:border-box!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#2b1b20!important;
  padding:0 14px 1px 46px!important;
  font:900 12px/46px Manrope,Arial,sans-serif!important;
  caret-color:#ff5f7d!important;
  user-select:text!important;
  -webkit-user-select:text!important;
  pointer-events:auto!important;
  cursor:text!important;
  display:block!important;
  text-align:left!important;
  vertical-align:middle!important;
}

.discover-search-box input::placeholder{
  color:#a38d94!important;
}

.discover-search-box.search-focused{
  border-color:#ff91a3!important;
  box-shadow:0 12px 28px #ff6b8122!important;
}

.discover-feed-card.hidden-by-search{
  display:none!important;
}

.discover-search-empty{
  display:none!important;
  margin:0 14px 10px!important;
  padding:12px!important;
  border-radius:16px!important;
  background:#fff7f4!important;
  color:#8f787f!important;
  text-align:center!important;
  font:800 12px/1.35 Manrope,Arial,sans-serif!important;
}

.discover-search-empty.show{
  display:block!important;
}

.discover-search-field{
  display:block!important;
  width:calc(100% - 28px)!important;
  height:46px!important;
  box-sizing:border-box!important;
  margin:8px 14px 10px!important;
  padding:0 15px!important;
  border:1px solid #eadbd6!important;
  border-radius:18px!important;
  background:#fff!important;
  color:#2b1b20!important;
  outline:0!important;
  box-shadow:0 10px 24px #321b2410!important;
  font:900 12px/46px Manrope,Arial,sans-serif!important;
  caret-color:#ff5f7d!important;
  pointer-events:auto!important;
  user-select:text!important;
  -webkit-user-select:text!important;
  cursor:text!important;
  position:relative!important;
  z-index:30!important;
}

.discover-search-field::placeholder{
  color:#a38d94!important;
}

.discover-search-field:focus{
  border-color:#ff91a3!important;
  box-shadow:0 12px 28px #ff6b8122!important;
}

.native-search-input,
.admin-search-input.native-search-input,
#discover-search-field.native-search-input{
  pointer-events:auto!important;
  user-select:text!important;
  -webkit-user-select:text!important;
  cursor:text!important;
  touch-action:manipulation!important;
}

.clean-search-input{
  display:block!important;
  width:calc(100% - 28px)!important;
  height:46px!important;
  box-sizing:border-box!important;
  margin:8px 14px 10px!important;
  padding:0 15px!important;
  border:1px solid #eadbd6!important;
  border-radius:18px!important;
  background:#fff!important;
  color:#2b1b20!important;
  outline:0!important;
  box-shadow:0 10px 24px #321b2410!important;
  font:900 12px/46px Manrope,Arial,sans-serif!important;
  caret-color:#ff5f7d!important;
  pointer-events:auto!important;
  user-select:text!important;
  -webkit-user-select:text!important;
  cursor:text!important;
  position:relative!important;
  z-index:2147483647!important;
  isolation:isolate!important;
}

#discover .clean-search-input,
#admin-users .clean-search-input,
#admin-conversations .clean-search-input{
  position:relative!important;
  z-index:2147483647!important;
  pointer-events:auto!important;
  user-select:text!important;
  -webkit-user-select:text!important;
}

#discover .discover-feed{
  position:relative!important;
  z-index:1!important;
}

.clean-search-input::placeholder{
  color:#a38d94!important;
}

.clean-search-input:focus{
  border-color:#ff91a3!important;
  box-shadow:0 12px 28px #ff6b8122!important;
}

.editable-search:empty::before{
  content:attr(data-placeholder)!important;
  color:#a38d94!important;
  pointer-events:none!important;
}

.editable-search{
  white-space:nowrap!important;
  overflow:hidden!important;
}

#discover-search-box,
#discover-search-input,
#discover-search-field,
#discover-search-empty,
.admin-search-wrap{
  display:none!important;
  pointer-events:none!important;
}

/* Search fix v0.0.40: no city autocomplete, with magnifier icon. */
#discover-search-field{
  display:block!important;
  width:calc(100% - 28px)!important;
  height:46px!important;
  min-height:46px!important;
  box-sizing:border-box!important;
  margin:8px 14px 10px!important;
  padding:0 15px 0 43px!important;
  border:1px solid #eadbd6!important;
  border-radius:18px!important;
  background:#fff!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23a38d94' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:16px 50%!important;
  background-size:17px 17px!important;
  color:#2b1b20!important;
  outline:none!important;
  box-shadow:0 10px 24px #321b2410!important;
  font:900 12px/46px Manrope,Arial,sans-serif!important;
  caret-color:#ff5f7d!important;
  pointer-events:auto!important;
  user-select:text!important;
  -webkit-user-select:text!important;
  cursor:text!important;
  position:relative!important;
  z-index:100!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}

#discover-search-field:focus{
  border-color:#ff91a3!important;
  box-shadow:0 12px 28px #ff6b8122!important;
}

#discover-search-field::placeholder{
  color:#a38d94!important;
}

#discover-search-field:empty::before{
  content:attr(data-placeholder)!important;
  color:#a38d94!important;
  pointer-events:none!important;
}

#discover-search-field{
  white-space:nowrap!important;
  overflow:hidden!important;
}

#iskra-feed-search,
#iskra-admin-user-search,
#iskra-admin-chat-search{
  display:block!important;
  width:calc(100% - 28px)!important;
  height:46px!important;
  min-height:46px!important;
  box-sizing:border-box!important;
  margin:8px 14px 10px!important;
  padding:0 15px!important;
  border:1px solid #eadbd6!important;
  border-radius:18px!important;
  background:#fff!important;
  color:#2b1b20!important;
  outline:none!important;
  box-shadow:0 10px 24px #321b2410!important;
  font:900 12px/46px Manrope,Arial,sans-serif!important;
  caret-color:#ff5f7d!important;
  pointer-events:auto!important;
  user-select:text!important;
  -webkit-user-select:text!important;
  cursor:text!important;
  position:relative!important;
  z-index:2147483647!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  touch-action:manipulation!important;
}

#iskra-feed-search:focus,
#iskra-admin-user-search:focus,
#iskra-admin-chat-search:focus{
  border-color:#ff91a3!important;
  box-shadow:0 12px 28px #ff6b8122!important;
}

#iskra-feed-search::placeholder,
#iskra-admin-user-search::placeholder,
#iskra-admin-chat-search::placeholder{
  color:#a38d94!important;
}

#iskra-search-empty{
  display:none!important;
  margin:0 16px 12px!important;
  padding:10px 12px!important;
  border-radius:14px!important;
  background:#fff4f6!important;
  color:#8c6370!important;
  font:800 11px/1.35 Manrope,Arial,sans-serif!important;
}

#iskra-search-empty.show{
  display:block!important;
}

.admin-media-summary{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin:10px 0 12px;
}

.admin-media-summary span{
  min-height:58px;
  border:1px solid #f0dfdc;
  border-radius:16px;
  background:linear-gradient(180deg,#fff,#fff7f8);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 24px #321b240d;
}

.admin-media-summary b{
  font:900 15px/1 Manrope,Arial,sans-serif;
  color:#2b1b20;
}

.admin-media-summary em{
  margin-top:5px;
  font:800 9px/1.15 Manrope,Arial,sans-serif;
  color:#a17882;
  font-style:normal;
  text-align:center;
}

/* ISKRA PROTECTED UI BLOCK — FEED SEARCH VISUALS, v0.0.45-v0.0.50.
   Do not change height, padding, icon position, font, caret, or user-select
   without retesting click, typing, mouse text selection and filtering. */
/* Search v0.0.45: fixed height, fixed icon and stable caret */
.feed-search-shell{
  width:calc(100% - 28px)!important;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  margin:8px 14px 10px!important;
  position:relative!important;
  z-index:500!important;
  overflow:visible!important;
}

.feed-search-icon{
  position:absolute!important;
  left:16px!important;
  top:14px!important;
  transform:none!important;
  width:17px!important;
  height:17px!important;
  z-index:2!important;
  font-size:0!important;
  line-height:0!important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23a38d94' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center/17px 17px no-repeat!important;
  pointer-events:none!important;
}

.feed-search-control{
  display:block!important;
  width:100%!important;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  margin:0!important;
  padding:0 15px 0 43px!important;
  box-sizing:border-box!important;
  border:1px solid #eadbd6!important;
  border-radius:18px!important;
  background:#fff!important;
  color:#2b1b20!important;
  outline:none!important;
  box-shadow:0 10px 24px #321b2410!important;
  font:900 12px/46px Manrope,Arial,sans-serif!important;
  caret-color:#ff5f7d!important;
  color:#2b1b20!important;
  text-align:left!important;
  pointer-events:auto!important;
  user-select:text!important;
  -webkit-user-select:text!important;
  cursor:text!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:clip!important;
  vertical-align:top!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}

.feed-search-control:focus{
  border-color:#ff91a3!important;
  box-shadow:0 12px 28px #ff6b8122!important;
}

.feed-search-control::placeholder{
  color:#a38d94!important;
}

#feed-search-empty{
  display:none!important;
  margin:8px 2px 0!important;
  padding:10px 12px!important;
  border-radius:14px!important;
  background:#fff4f6!important;
  color:#8c6370!important;
  font:800 11px/1.35 Manrope,Arial,sans-serif!important;
}

#feed-search-empty.show{
  display:block!important;
}

/* ISKRA PROTECTED UI BLOCK — ADMIN/SECONDARY SEARCH VISUALS, v0.0.46.
   Keep these inputs native, selectable and text-editable. */
/* Search v0.0.46: stable admin and secondary search inputs */
#iskra-admin-user-search,
#iskra-admin-chat-search,
#matches-search,
#favorites-search,
#chat-search{
  pointer-events:auto!important;
  user-select:text!important;
  -webkit-user-select:text!important;
  cursor:text!important;
  caret-color:#ff5f7d!important;
}

#iskra-admin-user-search,
#iskra-admin-chat-search{
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}

/* Admin mobile fix v0.0.47: scrollable, phone-friendly admin screens */
.admin-screen.screen.active{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  padding:22px 14px 34px!important;
  gap:10px!important;
}

.admin-screen header{
  flex:none!important;
  position:sticky!important;
  top:0!important;
  z-index:20!important;
  min-height:46px!important;
  padding:2px 0 8px!important;
  background:linear-gradient(180deg,#fffaf8 0%,#fffaf8 78%,#fffaf800 100%)!important;
}

.admin-screen header .brand{
  max-width:235px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font:900 18px/1.1 Manrope,Arial,sans-serif!important;
}

.admin-screen .back{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  background:#fff!important;
  box-shadow:0 8px 18px #321b2410!important;
  font-size:22px!important;
}

.admin-hero,
.admin-login-card,
.admin-note,
.admin-stats-grid,
.admin-action-grid,
.admin-list,
.admin-sort-row,
.admin-user-filters,
.admin-media-filters{
  flex:none!important;
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}

.admin-note{
  margin-top:4px!important;
  margin-bottom:8px!important;
  font:750 11px/1.38 Manrope,Arial,sans-serif!important;
}

.admin-stats-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin-bottom:10px!important;
}

.admin-stats-grid div{
  min-height:62px!important;
  padding:10px!important;
  border-radius:17px!important;
}

.admin-stats-grid b{
  font-size:22px!important;
}

.admin-stats-grid span{
  font-size:9.5px!important;
}

.admin-action-grid{
  gap:8px!important;
  padding-bottom:18px!important;
}

.admin-action-grid button{
  min-height:68px!important;
  padding:10px!important;
  border-radius:18px!important;
  grid-template-columns:36px 1fr!important;
  column-gap:10px!important;
}

.admin-action-grid i{
  width:36px!important;
  height:36px!important;
  border-radius:13px!important;
}

.admin-action-grid span{
  font-size:13px!important;
}

.admin-action-grid small{
  font-size:9.5px!important;
}

.admin-list{
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
  margin:8px 0 30px!important;
  padding:0 0 30px!important;
  min-height:0!important;
  overflow:visible!important;
}

.admin-row{
  width:100%!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  gap:9px!important;
  padding:9px!important;
  border-radius:18px!important;
}

.admin-avatar{
  width:46px!important;
  height:46px!important;
  border-radius:15px!important;
}

.admin-row-main{
  min-width:0!important;
  overflow:hidden!important;
}

.admin-row-main b{
  font-size:13px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.admin-row-main small{
  font-size:10px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

.admin-badges span{
  font-size:9px!important;
  line-height:1.1!important;
}

.admin-row-actions{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
}

.admin-row-actions button{
  min-width:0!important;
  min-height:34px!important;
  padding:0 6px!important;
  font-size:10px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.admin-sort-row{
  min-height:44px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:6px!important;
  margin:6px 0 8px!important;
}

.admin-sort-row select{
  width:100%!important;
  height:42px!important;
  margin:0!important;
}

.admin-user-filters,
.admin-media-filters{
  display:flex!important;
  gap:6px!important;
  overflow-x:auto!important;
  padding:2px 0 8px!important;
  -webkit-overflow-scrolling:touch!important;
}

.admin-user-filters button,
.admin-media-filters button{
  flex:0 0 auto!important;
  min-height:34px!important;
  border-radius:999px!important;
  white-space:nowrap!important;
}

.admin-chat-preview{
  max-height:94px!important;
  overflow:auto!important;
}

.admin-media-row{
  grid-template-columns:74px minmax(0,1fr)!important;
}

.admin-media-box{
  width:74px!important;
  height:74px!important;
  border-radius:16px!important;
}

.admin-media-summary{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}

.admin-media-summary span{
  min-height:50px!important;
  border-radius:14px!important;
}

/* ISKRA bottom navigation lock, v0.0.72.
   The three main tabs must always sit at the same bottom line. */
#discover,
#matches,
#me{
  padding-bottom:92px!important;
}

#discover nav,
#matches nav,
#me nav{
  position:absolute!important;
  left:14px!important;
  right:14px!important;
  bottom:12px!important;
  z-index:30!important;
  height:66px!important;
  min-height:66px!important;
  margin:0!important;
  padding:7px 8px 9px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:0!important;
  border:1px solid #f0e3e3!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 14px 34px #4c283414!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}

#discover nav button,
#matches nav button,
#me nav button{
  flex:1 1 0!important;
  min-width:0!important;
  max-width:none!important;
  height:50px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
}

#discover nav button .nav-icon,
#matches nav button .nav-icon,
#me nav button .nav-icon{
  flex:0 0 auto!important;
}

#discover nav button span,
#matches nav button span,
#me nav button span{
  display:block!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  white-space:nowrap!important;
  line-height:1.1!important;
}

/* Profile bottom navigation hard lock, v0.0.75.
   The bar is absolute inside the app screen: not in content flow, not browser-fixed. */
#me{
  padding-bottom:110px!important;
  position:absolute!important;
}

#me nav{
  position:absolute!important;
  left:14px!important;
  right:14px!important;
  bottom:12px!important;
  top:auto!important;
  width:auto!important;
  transform:none!important;
  margin:0!important;
  flex:none!important;
}

@media(max-width:500px){
  #me nav{
    left:14px!important;
    right:14px!important;
    bottom:12px!important;
    top:auto!important;
    width:auto!important;
    transform:none!important;
  }
}

/* ISKRA real app bottom nav, v0.0.76.
   Old screen navs are removed from layout; one clean nav lives inside .phone. */
#discover > nav:not(#app-bottom-nav),
#matches > nav:not(#app-bottom-nav),
#me > nav:not(#app-bottom-nav){
  display:none!important;
}

#discover,
#matches,
#me{
  padding-bottom:104px!important;
}

.phone > #app-bottom-nav{
  position:absolute!important;
  left:14px!important;
  right:14px!important;
  bottom:12px!important;
  z-index:80!important;
  height:66px!important;
  min-height:66px!important;
  margin:0!important;
  padding:7px 8px 9px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:0!important;
  border:1px solid #f0e3e3!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 14px 34px #4c283414!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}

.phone > #app-bottom-nav[hidden]{
  display:none!important;
}

.phone > #app-bottom-nav button{
  flex:1 1 0!important;
  min-width:0!important;
  max-width:none!important;
  height:50px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#aaa2a1!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  cursor:pointer!important;
  font-family:Manrope,Arial,sans-serif!important;
}

.phone > #app-bottom-nav .nav-icon{
  width:30px!important;
  height:28px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  color:inherit!important;
  font-size:22px!important;
  line-height:1!important;
}

.phone > #app-bottom-nav span{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  font:800 10px/1.1 Manrope,Arial,sans-serif!important;
  text-align:center!important;
  white-space:nowrap!important;
}

.phone > #app-bottom-nav button.selected{
  color:#c7546a!important;
}

.phone > #app-bottom-nav button.selected .nav-icon{
  background:linear-gradient(135deg,#2f2930,#c95d70)!important;
  color:#fff!important;
  box-shadow:0 8px 18px #c95d7030!important;
}

/* ISKRA bottom nav inner-glyph fix, v0.0.91.
   Keep the active circle fixed; move only the glyph inside it. */
.phone > #app-bottom-nav .nav-icon{
  transform:none!important;
  position:relative!important;
}

.phone > #app-bottom-nav .nav-icon b{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  width:auto!important;
  height:auto!important;
  font-family:"Segoe UI Symbol","Arial Unicode MS","Noto Sans Symbols",Arial,sans-serif!important;
  font-style:normal!important;
  font-weight:700!important;
  line-height:1!important;
  text-align:center!important;
  color:inherit!important;
}

.phone > #app-bottom-nav button[data-target="discover"] .nav-icon{
  font-size:0!important;
}

.phone > #app-bottom-nav button[data-target="matches"] .nav-icon{
  font-size:0!important;
}

.phone > #app-bottom-nav button[data-target="me"] .nav-icon{
  font-size:0!important;
}

.phone > #app-bottom-nav button[data-target="discover"] .nav-icon b{
  font-size:23px!important;
  transform:translate(-53%,-50%)!important;
}

.phone > #app-bottom-nav button[data-target="matches"] .nav-icon b{
  font-size:21px!important;
  transform:translate(-52%,-49%)!important;
}

.phone > #app-bottom-nav button[data-target="me"] .nav-icon b{
  font-size:20px!important;
  transform:translate(-52%,-50%)!important;
}

/* ISKRA bottom nav anti-italic fix, v0.0.92.
   Root cause candidate: <i> defaults to italic, visually tilting glyphs right.
   Keep the circle/badge fixed; normalize the glyph and counter-tilt the symbol only. */
.phone > #app-bottom-nav .nav-icon,
.phone > #app-bottom-nav .nav-icon b{
  font-style:normal!important;
  font-synthesis-style:none!important;
}

.phone > #app-bottom-nav .nav-icon{
  transform:none!important;
  rotate:0deg!important;
  skew:0deg!important;
}

.phone > #app-bottom-nav .nav-icon b{
  transform-origin:50% 50%!important;
  font-family:"Segoe UI Symbol","Arial Unicode MS","Noto Sans Symbols",Arial,sans-serif!important;
}

.phone > #app-bottom-nav button[data-target="discover"] .nav-icon b{
  font-size:23px!important;
  transform:translate(-53%,-50%) rotate(-10deg)!important;
}

.phone > #app-bottom-nav button[data-target="matches"] .nav-icon b{
  font-size:21px!important;
  transform:translate(-52%,-49%) rotate(-8deg)!important;
}

.phone > #app-bottom-nav button[data-target="me"] .nav-icon b{
  font-size:20px!important;
  transform:translate(-52%,-50%) rotate(-8deg)!important;
}

/* ISKRA PROTECTED BOTTOM NAV ICONS, v0.0.89.
   Icon forms are locked here: Discover ✦, Matches ♥, Profile ◉.
   New SVG/CSS/generated icon layers were removed. */
.phone > #app-bottom-nav .nav-icon::before,
.phone > #app-bottom-nav .nav-icon::after{
  content:none!important;
  display:none!important;
}

.phone > #app-bottom-nav{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  align-items:center!important;
  justify-items:center!important;
  padding:7px 10px 9px!important;
}

.phone > #app-bottom-nav button{
  width:100%!important;
  height:50px!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
}

.phone > #app-bottom-nav .nav-icon{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  font-family:Manrope,Arial,"Segoe UI Symbol",sans-serif!important;
  font-weight:900!important;
  line-height:1!important;
  text-align:center!important;
  text-indent:0!important;
  color:inherit!important;
  opacity:1!important;
  visibility:visible!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  transform:none!important;
}

.phone > #app-bottom-nav button[data-target="discover"] .nav-icon{font-size:24px!important;}
.phone > #app-bottom-nav button[data-target="matches"] .nav-icon{font-size:22px!important;}
.phone > #app-bottom-nav button[data-target="me"] .nav-icon{font-size:20px!important;}

.phone > #app-bottom-nav button.selected .nav-icon{
  background:linear-gradient(135deg,#2f2930,#c95d70)!important;
  color:#fff!important;
  box-shadow:0 8px 18px #c95d7030!important;
  border:0!important;
  outline:0!important;
}

.phone > #app-bottom-nav span{
  height:12px!important;
  min-height:12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  font:800 10px/1.1 Manrope,Arial,sans-serif!important;
  text-align:center!important;
  white-space:nowrap!important;
}

/* ISKRA bottom nav glyph centering, v0.0.90.
   Cause: ✦, ♥ and ◉ are font glyphs with different side bearings.
   Keep forms and active badge; only normalize symbol font and optical X/Y. */
.phone > #app-bottom-nav .nav-icon{
  font-family:"Segoe UI Symbol","Arial Unicode MS","Noto Sans Symbols",Arial,sans-serif!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  line-height:34px!important;
  letter-spacing:0!important;
  text-align:center!important;
  font-weight:700!important;
  text-rendering:geometricPrecision!important;
  -webkit-font-smoothing:antialiased!important;
}

.phone > #app-bottom-nav button[data-target="discover"] .nav-icon{
  font-size:23px!important;
  transform:translate(-1px,0)!important;
}

.phone > #app-bottom-nav button[data-target="matches"] .nav-icon{
  font-size:21px!important;
  transform:translate(-.5px,0)!important;
}

.phone > #app-bottom-nav button[data-target="me"] .nav-icon{
  font-size:20px!important;
  transform:translate(-.5px,0)!important;
}

.phone > #app-bottom-nav button.selected .nav-icon{
  background:linear-gradient(135deg,#2f2930,#c95d70)!important;
  color:#fff!important;
  box-shadow:0 8px 18px #c95d7030!important;
}

/* ISKRA feed photo edge fix, v0.0.87.
   The feed photo must continue behind the bottom panel to the app border. */
#discover{
  padding-bottom:0!important;
  background:#fbfaf8!important;
  overflow:hidden!important;
}

#discover .discover-feed{
  margin-bottom:-86px!important;
  padding-bottom:0!important;
  height:calc(100% - 78px)!important;
  max-height:none!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
}

#discover .discover-feed-card:last-child{
  margin-bottom:96px!important;
}

#discover .discover-feed-photo{
  min-height:430px!important;
  background-size:cover!important;
  background-position:center bottom!important;
}

#discover .discover-feed-card{
  background:#fff!important;
}