/* HappyGram V55 — полная визуальная система.
 * База/API/БД не затрагиваются. Только UI/UX слой.
 */
:root{
  --hg-bg-0:#06070d;
  --hg-bg-1:#0a0c14;
  --hg-bg-2:#101321;
  --hg-surface:rgba(18,21,34,.72);
  --hg-surface-2:rgba(24,28,45,.82);
  --hg-surface-3:rgba(255,255,255,.055);
  --hg-stroke:rgba(255,255,255,.11);
  --hg-stroke-strong:rgba(255,255,255,.18);
  --hg-text:#f7f8ff;
  --hg-muted:#9ba4ba;
  --hg-dim:#6d7589;
  --hg-primary:#8b5cf6;
  --hg-primary-2:#6366f1;
  --hg-cyan:#22d3ee;
  --hg-pink:#f472b6;
  --hg-mint:#5eead4;
  --hg-green:#34d399;
  --hg-red:#fb7185;
  --hg-radius-xl:32px;
  --hg-radius-lg:24px;
  --hg-radius-md:18px;
  --hg-radius-sm:14px;
  --hg-shadow:0 30px 90px rgba(0,0,0,.38),0 8px 28px rgba(0,0,0,.24);
  --hg-soft-shadow:0 15px 44px rgba(0,0,0,.24);
  --hg-spring:cubic-bezier(.22,1,.36,1);
}
html{background:var(--hg-bg-0)!important;color-scheme:dark}
body{
  background:
    radial-gradient(80rem 46rem at 4% -10%,rgba(124,58,237,.18),transparent 62%),
    radial-gradient(65rem 42rem at 100% 0%,rgba(34,211,238,.12),transparent 60%),
    radial-gradient(55rem 38rem at 58% 108%,rgba(244,114,182,.11),transparent 58%),
    linear-gradient(180deg,var(--hg-bg-1),var(--hg-bg-0))!important;
  color:var(--hg-text)!important;
  font-family:Inter,Manrope,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif!important;
  letter-spacing:-.01em;
  overflow-x:hidden;
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(130deg,transparent 0 46%,rgba(255,255,255,.015) 50%,transparent 54%);mix-blend-mode:screen}
button,input,textarea,select{font-family:inherit}
button{border:0}

/* Живой фон */
.aurora{z-index:-4!important;opacity:.95}
.aurora .blob{filter:blur(92px)!important;opacity:.22!important;mix-blend-mode:screen}
.aurora .b1{background:#7c3aed!important;width:520px!important;height:520px!important}
.aurora .b2{background:#06b6d4!important;width:430px!important;height:430px!important}
.aurora .b3{background:#ec4899!important;width:480px!important;height:480px!important}
.grain{z-index:-3!important;opacity:.025!important}

/* Универсальное стекло */
.glass,.landing-hero,.card-auth,.card-step,.app-shell,.panel-card,.panel,.qr-card,.call-card,.settings-panel,.chat-shell{
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important;
  border:1px solid var(--hg-stroke)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),var(--hg-shadow)!important;
  backdrop-filter:blur(28px) saturate(165%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(165%)!important;
}
.glass:after,.landing-hero:after,.panel-card:after,.app-shell:after{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(125deg,rgba(255,255,255,.045),transparent 24%,transparent 76%,rgba(139,92,246,.035));
}

/* Анимации */
@keyframes hg-rise{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@keyframes hg-pop{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
@keyframes hg-shimmer{0%,100%{opacity:.55;transform:translateX(-12%)}50%{opacity:1;transform:translateX(12%)}}
.screen[data-active="true"]{animation:hg-rise .52s var(--hg-spring)}
.panel-overlay:not([hidden]) .panel-card,.qr-overlay:not([hidden]) .qr-card{animation:hg-pop .42s var(--hg-spring)}

/* Скроллы */
*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:rgba(255,255,255,.13);border-radius:99px;border:2px solid transparent;background-clip:padding-box}
*::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.22);border:2px solid transparent;background-clip:padding-box}

/* Кнопки */
.btn,.icon-btn,.rail-btn,.bn-item,.tab,.settings-nav-item,.choice-card,.wallpaper-choice,.premium-plan,.android-feature-grid button,.gift-grid button,.stars-pack-grid button,.checkout-method,.payment-methods button{
  transition:transform .28s var(--hg-spring),background .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease,filter .22s ease!important;
}
.btn:hover,.icon-btn:hover,.rail-btn:hover,.bn-item:hover,.tab:hover,.settings-nav-item:hover,.choice-card:hover,.wallpaper-choice:hover,.premium-plan:hover,.android-feature-grid button:hover,.gift-grid button:hover,.stars-pack-grid button:hover,.checkout-method:hover,.payment-methods button:hover{transform:translateY(-2px)}
.btn:active,.icon-btn:active,.rail-btn:active,.bn-item:active,.tab:active,.choice-card:active,.wallpaper-choice:active,.premium-plan:active{transform:scale(.965)}
.btn-primary{
  background:linear-gradient(135deg,#7c5cff 0%,#6366f1 48%,#f472b6 100%)!important;
  color:#fff!important;border:0!important;box-shadow:0 16px 38px rgba(99,102,241,.27),inset 0 1px rgba(255,255,255,.24)!important;
}
.btn-primary:hover{filter:saturate(1.08) brightness(1.04);box-shadow:0 20px 46px rgba(99,102,241,.35),inset 0 1px rgba(255,255,255,.26)!important}
.btn,.btn-ghost{background:rgba(255,255,255,.055)!important;color:#edf0fa!important;border:1px solid var(--hg-stroke)!important}
.btn-ghost:hover{background:rgba(255,255,255,.085)!important;border-color:var(--hg-stroke-strong)!important}
.btn-small{min-height:38px!important;padding:0 13px!important;border-radius:12px!important}
.icon-btn{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border-radius:13px!important;background:rgba(255,255,255,.045)!important;color:#adb5ca!important;border:1px solid rgba(255,255,255,.08)!important}
.icon-btn:hover{background:rgba(255,255,255,.09)!important;color:#fff!important;border-color:rgba(255,255,255,.15)!important}

/* Первый экран */
.landing-screen{min-height:100dvh!important;padding:22px clamp(16px,4vw,68px) 42px!important;display:block!important}
.landing-topbar{max-width:1380px!important;margin:0 auto 18px!important;height:56px}
.landing-brand{font-size:18px!important;font-weight:850!important;gap:11px!important}
.landing-brand img{width:38px!important;height:38px!important;border-radius:13px!important;box-shadow:0 12px 34px rgba(124,92,246,.30)!important}
.landing-brand b{color:#d8b4fe!important}
.landing-lang{appearance:none!important;-webkit-appearance:none!important;min-width:148px!important;padding:10px 34px 10px 14px!important;border-radius:14px!important;border:1px solid var(--hg-stroke)!important;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.035))!important;color:#edf0fa!important;box-shadow:inset 0 1px rgba(255,255,255,.08)!important;background-image:linear-gradient(45deg,transparent 50%,#9ba4ba 50%),linear-gradient(135deg,#9ba4ba 50%,transparent 50%)!important;background-position:calc(100% - 18px) 17px,calc(100% - 13px) 17px!important;background-size:5px 5px,5px 5px!important;background-repeat:no-repeat!important}
.landing-hero{max-width:1380px!important;min-height:650px!important;margin:auto!important;border-radius:38px!important;display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr)!important;gap:28px!important;padding:clamp(34px,6vw,82px)!important;position:relative!important;overflow:hidden!important}
.landing-hero:before{content:"";position:absolute;width:680px;height:680px;border-radius:50%;right:-190px;top:-190px;background:radial-gradient(circle,rgba(124,92,246,.28),transparent 66%);filter:blur(20px)}
.landing-copy{position:relative;z-index:2;align-self:center!important;max-width:700px!important}
.landing-kicker{font-size:11px!important;letter-spacing:.18em!important;color:#b5b9ff!important;font-weight:850!important;text-transform:uppercase}
.landing-copy h1{font-size:clamp(52px,7vw,96px)!important;line-height:.94!important;letter-spacing:-.072em!important;margin:18px 0 24px!important;font-weight:850!important;max-width:760px}
.landing-copy h1 span{background:linear-gradient(100deg,#c4b5fd 0%,#67e8f9 50%,#f9a8d4 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.landing-copy p{font-size:17px!important;line-height:1.7!important;color:#a4aec3!important;max-width:640px!important;margin:0 0 32px!important}
.landing-actions{gap:10px!important}.landing-main-btn,.landing-apk-btn{min-height:54px!important;border-radius:17px!important;padding:0 20px!important;font-size:14px!important}.landing-apk-btn{display:inline-flex!important;align-items:center;justify-content:center;text-decoration:none!important}
.landing-ios{margin-top:16px!important;color:#8a94aa!important;font-size:13px!important}.landing-ios small{color:#5f687b!important}
.landing-orbit{min-height:480px!important;position:relative!important;display:grid!important;place-items:center!important;z-index:2}
.landing-orbit:before{content:"";position:absolute;width:450px;aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 80px rgba(124,92,246,.18),inset 0 0 80px rgba(34,211,238,.08)}
.landing-orbit:after{content:"";position:absolute;width:620px;height:620px;border-radius:50%;border:1px solid rgba(139,92,246,.12);transform:rotate(24deg);animation:hg-shimmer 6s ease-in-out infinite}
.landing-logo-glow{width:min(330px,70%);aspect-ratio:1;border-radius:76px!important;background:radial-gradient(circle at 35% 24%,rgba(255,255,255,.24),rgba(123,92,246,.12) 34%,rgba(9,12,26,.66) 72%)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 0 110px rgba(124,92,246,.27),inset 0 1px rgba(255,255,255,.16)!important;transform:rotate(-6deg)!important}
.landing-logo-glow img{width:62%!important;border-radius:30%!important;filter:drop-shadow(0 24px 42px rgba(0,0,0,.38))!important}
.orbit-pill{background:rgba(10,13,28,.64)!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:var(--hg-soft-shadow)!important;backdrop-filter:blur(18px)!important;font-size:12px!important;padding:11px 13px!important;border-radius:999px!important;color:#eef0f9!important}
.p1{top:7%!important;left:4%!important}.p2{top:23%!important;right:1%!important}.p3{bottom:13%!important;left:7%!important}.p4{bottom:4%!important;right:7%!important}
.landing-labs{max-width:1380px!important;margin:74px auto 0!important}.landing-section-head{align-items:end!important;margin-bottom:24px!important}.landing-section-head span{color:#aaa4ff!important}.landing-section-head h2{font-size:clamp(30px,4vw,50px)!important;letter-spacing:-.055em!important}.landing-section-head p{color:#7e879b!important}
.landing-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}.landing-feature-grid article{min-height:190px!important;border-radius:22px!important;padding:22px!important;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;border:1px solid var(--hg-stroke)!important;box-shadow:inset 0 1px rgba(255,255,255,.04)!important}.landing-feature-grid article:hover{transform:translateY(-5px)!important;border-color:rgba(167,139,250,.30)!important}.landing-feature-grid article b{font-size:24px!important}.landing-feature-grid strong{font-size:15px!important}.landing-feature-grid span{color:#818aa0!important;line-height:1.6!important}.landing-premium-card{background:linear-gradient(145deg,rgba(124,92,246,.19),rgba(244,114,182,.07))!important}
.landing-footer{max-width:1380px!important;margin:30px auto 0!important;color:#687389!important}

/* Авторизация */
#screen-auth,#screen-username,#screen-avatar{min-height:100dvh!important;background:transparent!important;padding:24px!important}
.card-auth,.card-step{width:min(94vw,500px)!important;border-radius:30px!important;padding:34px!important;position:relative!important;overflow:hidden}
.card-auth:before,.card-step:before{content:"";position:absolute;inset:-40% 20% auto -20%;height:220px;background:radial-gradient(circle,rgba(124,92,246,.24),transparent 66%);filter:blur(24px);pointer-events:none}
.card-auth>* ,.card-step>*{position:relative;z-index:1}
.brand{gap:11px!important}.brand-icon-img{width:48px!important;height:48px!important;border-radius:15px!important}.brand-name{font-size:21px!important;font-weight:850!important;letter-spacing:-.04em!important}
.tabs{padding:4px!important;border-radius:16px!important;background:rgba(255,255,255,.035)!important;border:1px solid var(--hg-stroke)!important;margin-top:24px!important}.tab{border-radius:12px!important;color:#7e879c!important}.tab.is-active{background:linear-gradient(135deg,rgba(124,92,246,.19),rgba(34,211,238,.07))!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.07)!important}
.field>span{font-size:12px!important;font-weight:750!important;color:#aeb6c7!important}.field input,.field textarea,.field select,.input-at,.input-with-icon{min-height:50px!important;background:rgba(4,7,16,.36)!important;color:#f5f7ff!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:15px!important}.field input:focus,.field textarea:focus,.field select:focus{border-color:rgba(139,92,246,.55)!important;box-shadow:0 0 0 4px rgba(124,92,246,.12)!important}.field input::placeholder,.field textarea::placeholder{color:#596378!important}.card-auth #auth-submit,.card-step .btn-primary{min-height:54px!important;border-radius:16px!important}.cloud-password-step{border-radius:20px!important;background:rgba(255,255,255,.035)!important;border:1px solid var(--hg-stroke)!important;padding:18px!important}
.avatar-grid{gap:10px!important}.avatar-grid .avatar-option,.avatar-grid button{border-radius:17px!important;border:1px solid rgba(255,255,255,.09)!important;background:rgba(255,255,255,.04)!important}

/* Messenger */
#screen-app{padding:20px!important;align-items:stretch!important;justify-content:center!important;background:transparent!important}
.app-shell{width:min(1520px,calc(100vw - 40px))!important;height:min(920px,calc(100dvh - 40px))!important;min-height:620px!important;border-radius:32px!important;display:grid!important;grid-template-columns:78px 350px minmax(0,1fr)!important;overflow:hidden!important;position:relative!important}
.rail{width:auto!important;background:rgba(4,7,14,.30)!important;border-right:1px solid rgba(255,255,255,.07)!important;padding:15px 10px!important;display:flex!important;align-items:center!important;flex-direction:column!important;gap:9px!important}
.rail-brand{width:46px!important;height:46px!important;border-radius:15px!important;margin:2px 0 15px!important;box-shadow:0 10px 34px rgba(124,92,246,.25)!important}.rail-btn{width:46px!important;height:46px!important;border-radius:15px!important;background:transparent!important;color:#717b91!important}.rail-btn.is-active{background:linear-gradient(135deg,rgba(124,92,246,.24),rgba(34,211,238,.08))!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 20px rgba(0,0,0,.12)!important}.rail-btn:last-child{margin-top:auto}
.sidebar{background:linear-gradient(180deg,rgba(8,11,20,.68),rgba(7,9,17,.55))!important;border-right:1px solid rgba(255,255,255,.07)!important;min-width:0!important}
.sidebar-top{padding:16px 15px 12px!important;gap:7px!important}.me{padding:9px!important;border-radius:16px!important;background:rgba(255,255,255,.03)!important;border:1px solid transparent!important}.me:hover{background:rgba(255,255,255,.06)!important;border-color:var(--hg-stroke)!important}.me-nickname{font-size:13px!important;font-weight:800!important}.me-username{font-size:11px!important;color:#7c879d!important}.search-new{margin:4px 15px 12px!important;position:relative}.search-new:before{content:"";position:absolute;left:13px;top:50%;width:13px;height:13px;border:1.7px solid #76819a;border-radius:50%;transform:translateY(-56%);opacity:.75}.search-new:after{content:"";position:absolute;left:25px;top:calc(50% + 3px);width:6px;height:1.7px;background:#76819a;transform:rotate(45deg);opacity:.75}.search-new input{height:44px!important;padding-left:37px!important;border-radius:14px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.08)!important;color:#eef1fb!important}.search-new input:focus{background:rgba(255,255,255,.065)!important;border-color:rgba(139,92,246,.32)!important}
.story-strip{padding:4px 14px 8px!important;overflow:auto!important}.story-add{min-height:62px!important;border-radius:17px!important;padding:8px!important;background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.07)!important;color:#e9ebf5!important}.story-add:hover{background:rgba(255,255,255,.065)!important;border-color:rgba(255,255,255,.13)!important}.story-add-avatar{width:38px!important;height:38px!important;border-radius:13px!important;background:linear-gradient(135deg,#7c5cff,#22d3ee)!important;box-shadow:0 8px 22px rgba(124,92,246,.22)!important}
.chat-list{padding:4px 9px 12px!important;overflow:auto!important;background:transparent!important;border:0!important;box-shadow:none!important}.chat-item{border-radius:16px!important;margin:2px 4px!important;border:1px solid transparent!important;background:transparent!important;padding:10px!important}.chat-item:hover{background:rgba(255,255,255,.035)!important}.chat-item.is-active,.chat-item.active{background:linear-gradient(135deg,rgba(124,92,246,.15),rgba(255,255,255,.035))!important;border-color:rgba(139,92,246,.20)!important;box-shadow:inset 0 1px rgba(255,255,255,.04)!important}
.avatar-wrap,.avatar,.hg-avatar,.chat-avatar,.profile-avatar,.msg-avatar,.public-profile-avatar,.qr-profile-avatar,.header-avatar-wrap{border-radius:50%!important;overflow:hidden!important;aspect-ratio:1/1!important}.avatar,.chat-avatar,.profile-avatar{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}.avatar img,.chat-avatar img,.profile-avatar img,.msg-avatar img,.hg-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:50%!important;margin:0!important;display:block!important}
.online-dot{z-index:3!important;box-shadow:0 0 0 3px rgba(8,11,20,.94)!important}
.conversation{background:radial-gradient(45rem 24rem at 80% 0%,rgba(124,92,246,.12),transparent 62%),radial-gradient(36rem 24rem at 20% 100%,rgba(34,211,238,.06),transparent 60%),linear-gradient(180deg,rgba(7,10,18,.44),rgba(4,6,12,.56))!important;min-width:0!important;overflow:hidden!important;position:relative!important}
.conversation:before{opacity:.13!important;background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1px)!important;background-size:26px 26px!important}
.conversation-empty{position:relative!important;z-index:1!important;max-width:500px!important;padding:46px!important}.conversation-empty .brand-mark.big{width:88px!important;height:88px!important;border-radius:28px!important;box-shadow:0 0 100px rgba(124,92,246,.24)!important}.conversation-empty p{max-width:380px!important;color:#818ca3!important;line-height:1.7!important}
.conversation-active{height:100%!important;min-height:0!important}
.conv-header{height:74px!important;min-height:74px!important;padding:0 18px!important;background:rgba(8,11,20,.46)!important;border-bottom:1px solid rgba(255,255,255,.06)!important;backdrop-filter:blur(24px)!important}.conv-header-info{min-width:0!important}.peer-name-row{gap:6px!important}.peer-nickname{font-size:14px!important;font-weight:800!important}.peer-meta{font-size:11px!important;color:#7f899e!important}.verified-badge{color:#8b5cf6!important}
.conv-header-actions{gap:6px!important}.conv-header-actions .icon-btn{width:38px!important;height:38px!important}.labs-chat-btn{background:linear-gradient(135deg,rgba(124,92,246,.18),rgba(34,211,238,.07))!important;color:#c4b5fd!important}.video-head-btn{background:linear-gradient(135deg,rgba(99,102,241,.16),rgba(244,114,182,.08))!important}
.messages{padding:20px 24px 110px!important;min-height:0!important;overflow:auto!important}.msg{border:1px solid rgba(255,255,255,.08)!important;border-radius:18px!important;background:rgba(255,255,255,.055)!important;box-shadow:inset 0 1px rgba(255,255,255,.05)!important}.msg.mine{background:linear-gradient(135deg,rgba(124,92,246,.80),rgba(99,102,241,.72),rgba(236,72,153,.60))!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 12px 30px rgba(99,102,241,.18),inset 0 1px rgba(255,255,255,.18)!important}.msg-time,.msg-meta{color:rgba(255,255,255,.52)!important}
.composer{left:20px!important;right:20px!important;bottom:16px!important;margin:0!important;min-height:64px!important;padding:8px!important;border-radius:22px!important;background:rgba(12,15,26,.78)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 18px 48px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.07)!important;backdrop-filter:blur(26px) saturate(170%)!important}.composer input{height:46px!important;background:transparent!important;border:0!important;color:#f2f4fb!important;box-shadow:none!important}.composer input:focus{box-shadow:none!important}.composer .icon-btn{width:44px!important;height:44px!important;border-radius:15px!important;background:transparent!important}.btn-send{width:46px!important;height:46px!important;border-radius:15px!important;background:linear-gradient(135deg,#7c5cff,#22d3ee)!important;color:white!important;display:grid!important;place-items:center!important;box-shadow:0 12px 28px rgba(99,102,241,.24)!important;transition:transform .28s var(--hg-spring),filter .2s ease!important}.btn-send:hover{transform:translateY(-2px) scale(1.03)!important;filter:brightness(1.06)}
.bottom-nav{display:none!important}

/* Панели / настройки */
.panel-overlay,.qr-overlay{background:rgba(2,4,10,.66)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
.panel-card,.panel,.qr-card{border-radius:28px!important}
.panel-header,.panel-head{padding:20px 22px!important;border-bottom:1px solid rgba(255,255,255,.06)!important}.panel-kicker,.step-eyebrow{font-size:10px!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:#a5b4fc!important;font-weight:850!important}.panel-header h2{font-size:28px!important;letter-spacing:-.045em!important;margin:5px 0!important}.panel-header p{color:#7d879a!important;margin:0!important}
.settings-layout{grid-template-columns:210px minmax(0,1fr)!important;gap:14px!important;padding:14px!important}.settings-nav{padding:8px!important;border-radius:20px!important;background:rgba(255,255,255,.025)!important;border:1px solid rgba(255,255,255,.06)!important}.settings-nav-item{border-radius:13px!important;text-align:left!important;color:#7f899e!important}.settings-nav-item.is-active{background:linear-gradient(135deg,rgba(124,92,246,.18),rgba(34,211,238,.06))!important;color:#ecefff!important}.settings-content{padding:0!important}.settings-section{border-radius:20px!important;padding:20px!important;background:rgba(255,255,255,.028)!important;border:1px solid rgba(255,255,255,.065)!important}.settings-section-title{font-size:17px!important;letter-spacing:-.02em!important}.setting-row{padding:13px 0!important;border-bottom-color:rgba(255,255,255,.065)!important}.setting-row strong{font-size:13px!important}.setting-row span{font-size:12px!important;color:#758097!important}.status-chip{border-radius:999px!important;background:rgba(52,211,153,.10)!important;color:#6ee7b7!important;border:1px solid rgba(52,211,153,.16)!important;padding:6px 10px!important}.switch{width:48px!important;height:30px!important;border-radius:99px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.07)!important}.switch span{width:24px!important;height:24px!important}.switch.is-on{background:linear-gradient(135deg,#7c5cff,#22d3ee)!important}.choice-card{border-radius:16px!important;background:rgba(255,255,255,.03)!important;border-color:rgba(255,255,255,.07)!important;padding:13px 14px!important}.choice-card:has(input:checked){background:linear-gradient(135deg,rgba(124,92,246,.15),rgba(34,211,238,.05))!important;border-color:rgba(139,92,246,.25)!important}
.feature-grid{gap:12px!important}.field select{appearance:none!important;-webkit-appearance:none!important;background-image:linear-gradient(45deg,transparent 50%,#8490a7 50%),linear-gradient(135deg,#8490a7 50%,transparent 50%)!important;background-position:calc(100% - 18px) 21px,calc(100% - 13px) 21px!important;background-size:5px 5px,5px 5px!important;background-repeat:no-repeat!important;padding-right:36px!important}.chat-wallpaper-card{border-radius:18px!important;background:rgba(255,255,255,.025)!important;border:1px solid rgba(255,255,255,.06)!important}.wallpaper-choice{border-radius:16px!important;background:rgba(255,255,255,.03)!important;border-color:rgba(255,255,255,.07)!important}.wallpaper-choice.is-active{border-color:rgba(139,92,246,.42)!important;box-shadow:0 0 0 3px rgba(124,92,246,.10)!important}
.premium-settings-hero{border-radius:22px!important;background:linear-gradient(135deg,rgba(124,92,246,.17),rgba(236,72,153,.08))!important;border:1px solid rgba(255,255,255,.10)!important}.premium-badge{color:#e9d5ff!important}.premium-plans{gap:10px!important}.premium-plan{border-radius:18px!important;background:rgba(255,255,255,.03)!important;border-color:rgba(255,255,255,.08)!important}.premium-plan.is-featured{background:linear-gradient(135deg,rgba(124,92,246,.15),rgba(244,114,182,.07))!important;border-color:rgba(139,92,246,.28)!important}
.android-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.android-feature-grid button{min-height:48px!important;border-radius:15px!important;background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.07)!important;color:#e4e8f2!important;text-align:left!important;padding:0 13px!important}
.gift-balance,.gift-preview{border-radius:18px!important;background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.06)!important}.gift-grid{grid-template-columns:repeat(4,1fr)!important}.gift-grid button{border-radius:17px!important;background:rgba(255,255,255,.03)!important;border-color:rgba(255,255,255,.07)!important}.stars-pack-grid{grid-template-columns:repeat(2,1fr)!important}.stars-pack-grid button{min-height:78px!important;border-radius:17px!important;background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.07)!important;color:#f2f4fb!important}

/* QR / profile */
.qr-card{width:min(94vw,520px)!important;padding:24px!important}.qr-img-wrap{border-radius:22px!important;box-shadow:0 18px 50px rgba(0,0,0,.24)!important}.profile-mini-card{border-radius:16px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.07)!important}

/* Лайт-тема */
body[data-hg-theme="light"],html[data-hg-theme="light"]{color-scheme:light}
body[data-hg-theme="light"]{
 --hg-bg-0:#eef2ff;--hg-bg-1:#f7f8fc;--hg-bg-2:#ffffff;--hg-surface:rgba(255,255,255,.74);--hg-surface-2:rgba(255,255,255,.88);--hg-surface-3:rgba(20,24,38,.045);--hg-stroke:rgba(20,24,38,.10);--hg-stroke-strong:rgba(20,24,38,.16);--hg-text:#1b2030;--hg-muted:#59627a;--hg-dim:#7f8799;--hg-shadow:0 28px 80px rgba(39,49,89,.16),0 8px 22px rgba(39,49,89,.10);
 background:radial-gradient(70rem 45rem at 0% -10%,rgba(124,92,246,.14),transparent 60%),radial-gradient(70rem 45rem at 100% 0%,rgba(34,211,238,.11),transparent 62%),linear-gradient(180deg,#f8f9ff,#eef1fa)!important;
}
body[data-hg-theme="light"] .sidebar{background:rgba(250,251,255,.74)!important;border-right-color:rgba(20,24,38,.08)!important}.body[data-hg-theme="light"]{}
body[data-hg-theme="light"] .conversation{background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(242,245,252,.85))!important}.body[data-hg-theme="light"]{}
body[data-hg-theme="light"] .composer{background:rgba(255,255,255,.82)!important;border-color:rgba(20,24,38,.10)!important}.body[data-hg-theme="light"]{}
body[data-hg-theme="light"] .field input,body[data-hg-theme="light"] .field textarea,body[data-hg-theme="light"] .field select,body[data-hg-theme="light"] .input-at,body[data-hg-theme="light"] .input-with-icon{background:rgba(255,255,255,.85)!important;color:#1b2030!important;border-color:rgba(20,24,38,.09)!important}
body[data-hg-theme="light"] .btn,body[data-hg-theme="light"] .btn-ghost,body[data-hg-theme="light"] .icon-btn{color:#252b3b!important;background:rgba(255,255,255,.64)!important;border-color:rgba(20,24,38,.09)!important}.body[data-hg-theme="light"]{}
body[data-hg-theme="light"] .landing-copy h1{color:#151927!important}.body[data-hg-theme="light"]{}
body[data-hg-theme="light"] .landing-copy p,body[data-hg-theme="light"] .landing-section-head p,body[data-hg-theme="light"] .settings-note{color:#657087!important}
body[data-hg-theme="light"] .chat-item:hover,body[data-hg-theme="light"] .chat-item.is-active{background:rgba(124,92,246,.08)!important}.body[data-hg-theme="light"]{}

/* Небольшой переключатель темы, созданный JS */
.hg-theme-toggle{width:42px!important;height:42px!important;border-radius:14px!important;background:rgba(255,255,255,.055)!important;border:1px solid var(--hg-stroke)!important;color:var(--hg-muted)!important;display:grid!important;place-items:center!important;cursor:pointer!important}.hg-theme-toggle:hover{color:var(--hg-text)!important;background:rgba(255,255,255,.09)!important;transform:translateY(-2px)}

/* custom dropdown */
.hg-select-wrap{position:relative}.hg-select-wrap .hg-native-select{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}.hg-select-button{width:100%;min-height:50px;padding:0 38px 0 14px;border-radius:15px;background:rgba(4,7,16,.36);border:1px solid rgba(255,255,255,.10);color:#f5f7ff;text-align:left;position:relative;cursor:pointer}.hg-select-button:after{content:"";position:absolute;right:15px;top:50%;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-65%) rotate(45deg);opacity:.65}.hg-options{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:1200;padding:6px;border-radius:16px;background:rgba(12,15,25,.96);border:1px solid rgba(255,255,255,.12);box-shadow:0 22px 54px rgba(0,0,0,.35);backdrop-filter:blur(22px);display:none}.hg-select-wrap.open .hg-options{display:block;animation:hg-pop .2s var(--hg-spring)}.hg-option{display:block;width:100%;padding:10px 11px;border-radius:11px;background:transparent;color:#cfd5e4;text-align:left;cursor:pointer}.hg-option:hover{background:rgba(255,255,255,.07);color:#fff}.hg-option.is-active{background:rgba(124,92,246,.15);color:#fff}
body[data-hg-theme="light"] .hg-select-button{background:rgba(255,255,255,.86);color:#252b3b;border-color:rgba(20,24,38,.10)}body[data-hg-theme="light"] .hg-options{background:rgba(255,255,255,.97);border-color:rgba(20,24,38,.10)}body[data-hg-theme="light"] .hg-option{color:#465067}body[data-hg-theme="light"] .hg-option:hover{background:rgba(124,92,246,.07);color:#1c2130}

/* Универсальный диалог/тост */
.hg-dialog-backdrop{position:fixed;inset:0;z-index:200000;display:grid;place-items:center;padding:18px;background:rgba(1,3,8,.62);backdrop-filter:blur(14px)}
.hg-dialog{width:min(460px,100%);padding:22px;border-radius:24px;background:linear-gradient(145deg,rgba(28,31,47,.96),rgba(12,15,26,.96));border:1px solid rgba(255,255,255,.13);box-shadow:0 32px 100px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.08);animation:hg-pop .28s var(--hg-spring)}
.hg-dialog h3{margin:0 0 8px;font-size:20px}.hg-dialog p{margin:0 0 16px;color:#9ba4b8;line-height:1.55}.hg-dialog input{width:100%;height:48px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.20);color:#fff;padding:0 13px;outline:0}.hg-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.hg-dialog-actions button{min-height:42px;padding:0 14px;border-radius:12px;cursor:pointer}.hg-dialog-cancel{background:rgba(255,255,255,.06);color:#e7eaf3;border:1px solid rgba(255,255,255,.09)}.hg-dialog-ok{background:linear-gradient(135deg,#7c5cff,#22d3ee);color:#fff}

/* Мобильный */
@media(max-width:1100px){.landing-hero{grid-template-columns:1fr!important}.landing-orbit{min-height:390px!important}.landing-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.app-shell{grid-template-columns:70px 320px minmax(0,1fr)!important}}
@media(max-width:760px){
 html,body{width:100%;min-width:0;max-width:100%;overflow-x:hidden!important;zoom:1!important;transform:none!important}
 .landing-screen{padding:14px 12px 22px!important}.landing-topbar{height:50px!important;margin-bottom:10px!important}.landing-brand{font-size:16px!important}.landing-brand img{width:34px!important;height:34px!important}.landing-lang{min-width:124px!important;font-size:12px!important;padding:9px 28px 9px 11px!important}
 .landing-hero{min-height:auto!important;padding:28px 20px 20px!important;border-radius:28px!important;display:block!important}.landing-copy h1{font-size:48px!important;max-width:none!important}.landing-copy p{font-size:14px!important;line-height:1.65!important}.landing-actions>*{width:100%!important}.landing-orbit{min-height:290px!important;margin-top:10px!important}.landing-orbit:before{width:250px}.landing-orbit:after{width:340px}.landing-logo-glow{width:205px!important;border-radius:48px!important}.orbit-pill{font-size:10px!important;padding:8px 10px!important}.p1{left:0!important}.p2{right:0!important}.p3{left:0!important}.p4{right:0!important}.landing-labs{margin-top:38px!important}.landing-section-head{display:block!important}.landing-section-head h2{font-size:31px!important}.landing-section-head p{font-size:13px!important;margin-top:9px}.landing-feature-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.landing-feature-grid article{min-height:154px!important;padding:16px!important}.landing-feature-grid span{font-size:11px!important}.landing-footer{display:grid!important;gap:7px!important;text-align:center!important}
 #screen-auth,#screen-username,#screen-avatar{padding:12px!important}.card-auth,.card-step{width:min(94vw,500px)!important;padding:22px 16px!important;border-radius:25px!important}
 #screen-app{padding:0!important}.app-shell{width:100vw!important;height:100dvh!important;min-height:100dvh!important;max-width:none!important;border-radius:0!important;display:block!important;background:rgba(7,9,17,.92)!important}.rail{display:none!important}.sidebar{width:100%!important;height:100%!important;border:0!important}.conversation{position:fixed!important;inset:0!important;z-index:20!important;display:none!important}.conversation:has(.conversation-active:not([hidden])){display:block!important}.conv-header{height:66px!important;min-height:66px!important;padding:0 10px!important}.conv-header-actions{gap:3px!important}.conv-header-actions .icon-btn{width:35px!important;height:35px!important}.messages{padding:14px 10px 116px!important}.composer{left:9px!important;right:9px!important;bottom:76px!important;min-height:58px!important;border-radius:20px!important}.bottom-nav{display:flex!important;position:fixed!important;left:9px!important;right:9px!important;bottom:9px!important;height:60px!important;z-index:30!important;border-radius:20px!important;background:rgba(14,18,31,.82)!important;border:1px solid rgba(255,255,255,.10)!important;backdrop-filter:blur(24px)!important}.bottom-nav .bn-item{color:#7c879d!important}.bottom-nav .bn-item.is-active{color:#e9e7ff!important;background:rgba(124,92,246,.13)!important;border-radius:15px!important}
 .panel-card,.qr-card{width:calc(100vw - 18px)!important;max-height:calc(100dvh - 18px)!important;border-radius:24px!important}.settings-layout{grid-template-columns:1fr!important}.settings-nav{display:flex!important;overflow:auto!important;gap:6px!important}.settings-nav-item{white-space:nowrap!important}.settings-content{min-width:0!important}.android-feature-grid{grid-template-columns:1fr!important}.gift-grid{grid-template-columns:repeat(2,1fr)!important}.stars-pack-grid{grid-template-columns:1fr 1fr!important}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@supports not ((backdrop-filter:blur(2px))){.glass,.landing-hero,.panel-card,.panel,.qr-card,.app-shell{background:#111625!important}}