/* HappyGram V56 — нежный фиолетовый premium UI. Только визуальный слой. */
:root{
  --v56-bg:#f4f0ff;
  --v56-bg2:#fbfaff;
  --v56-ink:#27213b;
  --v56-muted:#777089;
  --v56-soft:#9880f1;
  --v56-purple:#8b6ff2;
  --v56-purple2:#b59af8;
  --v56-lilac:#eadfff;
  --v56-pink:#f3cce7;
  --v56-mint:#d9f4ec;
  --v56-glass:rgba(255,255,255,.64);
  --v56-line:rgba(118,92,183,.13);
  --v56-shadow:0 28px 70px rgba(85,67,132,.14),0 8px 28px rgba(85,67,132,.08);
  --v56-radius:28px;
  --v56-spring:cubic-bezier(.22,1,.36,1);
}
html,body{background:var(--v56-bg)!important;color:var(--v56-ink)!important}
body{
  font-family:Inter,Manrope,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif!important;
  background:
    radial-gradient(42rem 28rem at 10% 0%,rgba(183,155,255,.42),transparent 62%),
    radial-gradient(38rem 28rem at 88% 8%,rgba(243,204,231,.33),transparent 60%),
    radial-gradient(34rem 24rem at 54% 92%,rgba(217,244,236,.28),transparent 60%),
    linear-gradient(180deg,#f8f5ff 0%,#f1edff 100%)!important;
  transition:background .55s ease,color .35s ease;
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:linear-gradient(120deg,rgba(255,255,255,.22),transparent 32%,rgba(255,255,255,.12) 72%,transparent)}
.aurora{opacity:.36!important;filter:saturate(.7)!important}.aurora .blob{filter:blur(110px)!important;opacity:.16!important}.aurora .b1{background:#b59af8!important}.aurora .b2{background:#b9e9df!important}.aurora .b3{background:#f1c9df!important}
.grain{opacity:.012!important}
/* All cards */
.glass,.landing-hero,.card-auth,.card-step,.app-shell,.panel-card,.panel,.qr-card,.call-card,.settings-panel,.chat-shell{
  background:var(--v56-glass)!important;
  border:1px solid rgba(255,255,255,.74)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88),var(--v56-shadow)!important;
  backdrop-filter:blur(30px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(135%)!important;
}
/* Buttons */
.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{
  position:relative;overflow:hidden;transition:transform .24s var(--v56-spring),box-shadow .25s ease,background .25s ease,border-color .25s ease,color .25s ease!important;
}
.btn,.btn-ghost{background:rgba(255,255,255,.70)!important;color:#33284b!important;border:1px solid rgba(119,95,177,.12)!important;box-shadow:0 10px 24px rgba(90,67,139,.06)!important}
.btn-primary{background:linear-gradient(135deg,#8067eb 0%,#a68cf5 55%,#d8a7db 100%)!important;color:#fff!important;border:0!important;box-shadow:0 16px 34px rgba(133,108,226,.26),inset 0 1px 0 rgba(255,255,255,.28)!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)}
.icon-btn{width:42px!important;height:42px!important;border-radius:15px!important;background:rgba(255,255,255,.58)!important;color:#75658f!important;border:1px solid rgba(119,95,177,.10)!important;box-shadow:0 8px 20px rgba(90,67,139,.05)!important}
.btn-small{min-height:38px!important;border-radius:13px!important}
/* Landing */
.landing-screen{padding:22px clamp(14px,4vw,72px) 46px!important}
.landing-topbar{max-width:1440px!important;margin:0 auto 18px!important}
.landing-brand{font-size:18px!important;font-weight:800!important;color:#34294d!important}
.landing-brand span{background:linear-gradient(90deg,#5f4bb5,#9278e9,#c68fb9);-webkit-background-clip:text;background-clip:text;color:transparent}
.landing-brand img{width:40px!important;height:40px!important;border-radius:14px!important;box-shadow:0 12px 28px rgba(127,98,211,.22)!important}
.landing-lang{border:1px solid rgba(119,95,177,.12)!important;background:rgba(255,255,255,.62)!important;color:#493c61!important;border-radius:16px!important}
.landing-hero{max-width:1440px!important;min-height:600px!important;padding:clamp(28px,5vw,74px)!important;border-radius:36px!important}
.landing-hero:before{background:radial-gradient(circle,rgba(167,139,250,.23),transparent 68%)!important}
.landing-kicker{color:#8067ba!important;letter-spacing:.16em!important}
.landing-copy h1{font-size:clamp(48px,6.4vw,90px)!important;line-height:.98!important;color:#322746!important}
.landing-copy h1 span{background:linear-gradient(100deg,#7d68db,#aa90f4 48%,#c993c8)!important;-webkit-background-clip:text;background-clip:text;color:transparent}
.landing-copy p{color:#716985!important;font-size:17px!important;line-height:1.7!important}
.landing-main-btn,.landing-apk-btn{min-height:56px!important;border-radius:18px!important}
.landing-ios{color:#807893!important}
.landing-logo-glow{width:min(330px,74%)!important;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(235,224,255,.64))!important;border:1px solid rgba(255,255,255,.95)!important;box-shadow:0 30px 70px rgba(121,94,191,.16),inset 0 1px 0 rgba(255,255,255,.95)!important;transform:rotate(-4deg)!important}
.orbit-pill{background:rgba(255,255,255,.74)!important;color:#55486f!important;border:1px solid rgba(119,95,177,.10)!important;box-shadow:0 12px 24px rgba(90,67,139,.07)!important;backdrop-filter:blur(20px)!important}
.landing-labs{max-width:1440px!important;margin:24px auto 0!important}
.landing-section-head h2{color:#382b50!important}.landing-section-head p{color:#7b728a!important}
.landing-feature-grid{gap:14px!important}
.landing-feature-grid article{background:rgba(255,255,255,.56)!important;border:1px solid rgba(119,95,177,.09)!important;box-shadow:0 14px 30px rgba(90,67,139,.06)!important;border-radius:24px!important;min-height:150px!important}
.landing-feature-grid article:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(90,67,139,.09)!important}
.landing-feature-grid article b{background:linear-gradient(145deg,#efe8ff,#f9eef8)!important;color:#8269cf!important;border:1px solid rgba(126,102,205,.08)!important;border-radius:15px!important;width:42px!important;height:42px!important;display:grid;place-items:center;font-size:0!important}
.landing-feature-grid article strong{color:#443552!important}.landing-feature-grid article span{color:#7a7288!important}
.landing-premium-card{background:linear-gradient(145deg,rgba(239,232,255,.78),rgba(255,238,249,.70))!important}
.landing-footer{color:#877e95!important}
/* Auth */
.card-auth,.card-step{border-radius:30px!important;background:rgba(255,255,255,.72)!important}
.card-auth .brand-name{color:#4e3f67!important}.tabs{background:rgba(235,228,249,.72)!important;border:1px solid rgba(119,95,177,.08)!important;border-radius:16px!important;padding:4px!important}.tab{border-radius:12px!important;color:#7e7590!important}.tab.is-active{background:#fff!important;color:#56458a!important;box-shadow:0 8px 20px rgba(90,67,139,.08)!important}
.field>span{color:#625675!important;font-size:12px!important;font-weight:750!important}.field input,.field textarea,.field select,.input-at,.input-with-icon{background:rgba(255,255,255,.84)!important;color:#352b43!important;border:1px solid rgba(119,95,177,.11)!important;box-shadow:inset 0 1px rgba(255,255,255,.92)!important;border-radius:16px!important}.field input:focus,.field textarea:focus,.input-at:focus-within,.input-with-icon:focus-within{border-color:rgba(139,111,242,.45)!important;box-shadow:0 0 0 4px rgba(139,111,242,.10)!important}
/* App layout */
#screen-app{padding:18px!important}.app-shell{max-width:1500px!important;height:calc(100dvh - 36px)!important;border-radius:34px!important;overflow:hidden!important;background:rgba(255,255,255,.50)!important;display:grid!important;grid-template-columns:190px 360px minmax(0,1fr)!important}
.rail{width:190px!important;padding:18px!important;background:linear-gradient(180deg,rgba(249,246,255,.80),rgba(235,228,250,.56))!important;border-right:1px solid rgba(119,95,177,.08)!important;display:flex!important;flex-direction:column!important;gap:8px!important}
.rail-brand{width:48px!important;height:48px!important;border-radius:16px!important;margin:2px auto 14px!important;box-shadow:0 12px 26px rgba(111,86,186,.18)!important}
.rail-btn{width:100%!important;height:46px!important;border-radius:15px!important;background:transparent!important;color:#7c718f!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;padding:0 14px!important;font-size:13px!important;font-weight:750!important}
.rail-btn svg{flex:0 0 20px!important}.rail-btn.is-active{background:linear-gradient(100deg,rgba(139,111,242,.16),rgba(204,174,240,.10))!important;color:#624bab!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.72)!important}
.sidebar{background:rgba(255,255,255,.52)!important;border-right:1px solid rgba(119,95,177,.08)!important}.sidebar-top{padding:18px 16px 12px!important}.me{border-radius:18px!important;background:rgba(255,255,255,.45)!important;border:1px solid rgba(119,95,177,.06)!important;padding:10px!important}.me-nickname{color:#3f3152!important}.me-username{color:#9688aa!important}.search-new{margin:0 14px 12px!important}.search-new input{height:48px!important;border-radius:16px!important;background:rgba(255,255,255,.74)!important;border:1px solid rgba(119,95,177,.10)!important;color:#3b3049!important}.story-strip{padding:4px 14px 14px!important}.story-add-only{background:rgba(255,255,255,.44)!important;border:1px solid rgba(119,95,177,.08)!important;border-radius:18px!important;color:#493b5e!important}.story-add-only small{color:#9286a1!important}.chat-list{background:transparent!important;border:0!important;box-shadow:none!important;padding:0 10px 16px!important}.chat-item{border-radius:18px!important;margin:4px 4px!important;border:1px solid transparent!important;background:transparent!important}.chat-item:hover{background:rgba(139,111,242,.06)!important}.chat-item.is-active{background:linear-gradient(100deg,rgba(139,111,242,.13),rgba(239,228,249,.25))!important;border-color:rgba(139,111,242,.10)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.74)!important}.chat-item .chat-name{color:#433450!important}.chat-item .chat-preview,.chat-item .chat-time{color:#90879d!important}
.conversation{background:linear-gradient(180deg,rgba(250,247,255,.46),rgba(241,236,251,.62))!important}.conv-header{background:rgba(255,255,255,.50)!important;border-bottom:1px solid rgba(119,95,177,.07)!important}.conv-header .peer-nickname{color:#3a2d49!important}.peer-meta,.peer-status{color:#9b90a8!important}.messages{background:radial-gradient(circle at 30% 30%,rgba(188,165,249,.07),transparent 42%),radial-gradient(circle at 80% 65%,rgba(240,195,220,.06),transparent 36%)!important}.msg{box-shadow:0 8px 22px rgba(88,66,126,.05)!important;border:1px solid rgba(119,95,177,.06)!important}.msg.incoming{background:rgba(255,255,255,.70)!important;color:#493d55!important}.msg.outgoing{background:linear-gradient(135deg,rgba(139,111,242,.88),rgba(167,140,244,.84))!important;color:#fff!important;box-shadow:0 12px 26px rgba(124,99,212,.18)!important}.composer{background:rgba(255,255,255,.78)!important;border:1px solid rgba(119,95,177,.10)!important;box-shadow:0 16px 40px rgba(86,64,126,.10)!important;border-radius:22px!important}.composer input{color:#3d314b!important}.composer input::placeholder{color:#a59bb0!important}.btn-send{background:linear-gradient(135deg,#866eec,#b29af4)!important;box-shadow:0 10px 24px rgba(125,101,215,.20)!important}
/* Settings */
.settings-panel{background:rgba(255,255,255,.78)!important;border-radius:30px!important}.settings-nav{background:rgba(246,242,252,.64)!important;border-right:1px solid rgba(119,95,177,.07)!important;padding:12px!important;border-radius:22px!important}.settings-nav-item{border-radius:15px!important;color:#75698a!important;background:transparent!important;text-align:left!important;padding:12px 13px!important;font-weight:750!important}.settings-nav-item.is-active{background:rgba(139,111,242,.12)!important;color:#654fb0!important}.setting-row{background:rgba(255,255,255,.46)!important;border:1px solid rgba(119,95,177,.07)!important;border-radius:18px!important}.setting-row strong,.settings-section-title{color:#463756!important}.setting-row span,.settings-note{color:#897f97!important}.choice-card,.premium-plan,.android-feature-grid button,.gift-grid button,.stars-pack-grid button,.payment-methods button,.checkout-method{background:rgba(255,255,255,.60)!important;border:1px solid rgba(119,95,177,.09)!important;color:#4b3e59!important;border-radius:18px!important}.choice-card:has(input:checked),.premium-plan.is-featured{background:linear-gradient(135deg,rgba(230,222,255,.88),rgba(252,232,246,.80))!important;border-color:rgba(139,111,242,.22)!important;box-shadow:0 12px 28px rgba(105,82,162,.08)!important}.status-chip,.premium-badge{background:rgba(139,111,242,.10)!important;color:#6c54b7!important;border:1px solid rgba(139,111,242,.12)!important}.cloud-password-manager,.translation-grid input{background:rgba(248,245,253,.75)!important;border-color:rgba(119,95,177,.08)!important}.hg-select-button{background:rgba(255,255,255,.78)!important;color:#4c405e!important;border-color:rgba(119,95,177,.10)!important}.hg-options{background:rgba(252,250,255,.98)!important;border-color:rgba(119,95,177,.12)!important;box-shadow:0 24px 50px rgba(85,67,132,.15)!important}.hg-option{color:#5f536e!important}.hg-option:hover,.hg-option.is-active{background:rgba(139,111,242,.09)!important;color:#5c47a7!important}
/* icon treatment */
.hg-ui-icon{display:inline-grid;place-items:center;flex:0 0 auto;width:20px;height:20px;border-radius:7px;background:linear-gradient(145deg,#f0eaff,#fceef7);color:#8069c4;border:1px solid rgba(128,105,196,.08);box-shadow:inset 0 1px rgba(255,255,255,.9)}
.hg-ui-icon svg{width:13px;height:13px}
.hg-label-with-icon{display:inline-flex!important;align-items:center!important;gap:10px!important}
.landing-feature-grid article .hg-ui-icon{width:42px;height:42px;border-radius:15px}.landing-feature-grid article .hg-ui-icon svg{width:20px;height:20px}
/* light theme stays gentle */
body[data-hg-theme="dark"]{color-scheme:dark;background:linear-gradient(180deg,#1b1830,#11101d)!important;color:#f7f3ff!important}
body[data-hg-theme="dark"] .glass,body[data-hg-theme="dark"] .landing-hero,body[data-hg-theme="dark"] .card-auth,body[data-hg-theme="dark"] .card-step,body[data-hg-theme="dark"] .app-shell,body[data-hg-theme="dark"] .panel-card,body[data-hg-theme="dark"] .panel,body[data-hg-theme="dark"] .qr-card,body[data-hg-theme="dark"] .call-card,body[data-hg-theme="dark"] .settings-panel{background:rgba(29,25,47,.68)!important;border-color:rgba(255,255,255,.11)!important}
body[data-hg-theme="dark"] .landing-brand,body[data-hg-theme="dark"] .landing-copy h1,body[data-hg-theme="dark"] .landing-feature-grid article strong,body[data-hg-theme="dark"] .setting-row strong,body[data-hg-theme="dark"] .settings-section-title{color:#f6f1ff!important}
body[data-hg-theme="dark"] .landing-copy p,body[data-hg-theme="dark"] .landing-section-head p,body[data-hg-theme="dark"] .settings-note,body[data-hg-theme="dark"] .setting-row span{color:#bdb4d2!important}
body[data-hg-theme="dark"] .sidebar{background:rgba(25,22,40,.76)!important}.conversation{background:linear-gradient(180deg,rgba(28,24,44,.66),rgba(16,14,25,.76))!important}.conv-header{background:rgba(28,24,44,.72)!important}.search-new input,body[data-hg-theme="dark"] .me{background:rgba(255,255,255,.055)!important;color:#f6f1ff!important}.field input,.field textarea,body[data-hg-theme="dark"] .field select,.input-at,.input-with-icon{background:rgba(15,12,25,.42)!important;color:#f4efff!important;border-color:rgba(255,255,255,.10)!important}.landing-feature-grid article,body[data-hg-theme="dark"] .setting-row,body[data-hg-theme="dark"] .choice-card,body[data-hg-theme="dark"] .premium-plan,body[data-hg-theme="dark"] .android-feature-grid button,body[data-hg-theme="dark"] .gift-grid button,body[data-hg-theme="dark"] .stars-pack-grid button{background:rgba(255,255,255,.055)!important;color:#ede7fa!important}.hg-select-button{background:rgba(255,255,255,.06)!important;color:#f1ecfb!important}.hg-options{background:rgba(31,27,48,.98)!important}.hg-option{color:#d7cfe5!important}.hg-option:hover,.hg-option.is-active{background:rgba(154,128,241,.16)!important;color:#fff!important}
/* Mobile */
@media(max-width:1100px){#screen-app{padding:0!important}.app-shell{grid-template-columns:1fr!important;max-width:none!important;height:100dvh!important;border-radius:0!important}.rail{display:none!important}.sidebar{width:100%!important}.landing-hero{grid-template-columns:1fr!important}}
@media(max-width:760px){
 html,body{min-width:0!important;width:100%!important;overflow-x:hidden!important;zoom:1!important;transform:none!important}
 .landing-screen{padding:12px!important}.landing-topbar{height:48px!important}.landing-hero{padding:24px 18px!important;border-radius:28px!important}.landing-copy h1{font-size:48px!important}.landing-copy p{font-size:14px!important}.landing-actions{display:grid!important;grid-template-columns:1fr!important}.landing-orbit{min-height:260px!important}.landing-logo-glow{width:200px!important;border-radius:44px!important}.landing-feature-grid{grid-template-columns:1fr 1fr!important;gap:9px!important}.landing-feature-grid article{padding:14px!important;min-height:145px!important}.landing-section-head h2{font-size:28px!important}
 #screen-auth,#screen-username,#screen-avatar{padding:12px!important}.card-auth,.card-step{width:min(94vw,500px)!important;padding:20px 16px!important}.app-shell{background:rgba(250,248,255,.84)!important}.sidebar{height:100dvh!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}.messages{padding:12px 10px 116px!important}.composer{left:9px!important;right:9px!important;bottom:76px!important}.bottom-nav{left:9px!important;right:9px!important;bottom:9px!important;height:62px!important;border-radius:21px!important;background:rgba(255,255,255,.78)!important;border:1px solid rgba(119,95,177,.10)!important;box-shadow:0 16px 35px rgba(90,67,139,.11)!important}.bottom-nav .bn-item{color:#958ba2!important}.bottom-nav .bn-item.is-active{background:rgba(139,111,242,.11)!important;color:#654fb0!important}.settings-layout{grid-template-columns:1fr!important}.settings-nav{display:flex!important;overflow:auto!important}.settings-nav-item{white-space:nowrap!important}.panel-card,.qr-card{width:calc(100vw - 18px)!important;max-height:calc(100dvh - 18px)!important;border-radius:24px!important}
 body[data-hg-theme="dark"] .bottom-nav{background:rgba(30,26,45,.82)!important}.rail-btn{display:none!important}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}