/* NOVA 21.4 — authoritative responsive UI layer.
   Loaded last to neutralize legacy experimental overrides. */
:root{
  --n-bg:#050b14;
  --n-panel:#08111e;
  --n-panel-2:#0c1626;
  --n-panel-3:#111c2e;
  --n-line:rgba(151,169,200,.13);
  --n-line-strong:rgba(133,111,255,.28);
  --n-text:#f4f7ff;
  --n-muted:#8391aa;
  --n-accent:#806bff;
  --n-accent-2:#4ab9ff;
  --n-good:#40d890;
  --n-danger:#ff5f78;
  --n-shadow:0 22px 70px rgba(0,0,0,.32);
  --n-radius-xl:24px;
  --n-radius-lg:18px;
  --n-radius-md:14px;
}
*,*::before,*::after{box-sizing:border-box}
html,body{overscroll-behavior:none}
body{background:radial-gradient(circle at 70% -10%,rgba(86,66,198,.09),transparent 32%),var(--n-bg)!important;color:var(--n-text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
button,input,textarea,select{font:inherit}
button{-webkit-tap-highlight-color:transparent}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid rgba(126,105,255,.9)!important;outline-offset:2px}
.hidden{display:none!important}
#app.app.hidden{display:none!important}
#authScreen.auth.hidden{display:none!important}

/* Authentication */
#authScreen.auth{background:radial-gradient(circle at 50% 15%,rgba(112,81,255,.2),transparent 34%),linear-gradient(145deg,#050b14,#090f1c)!important;padding:max(24px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom))!important}
#authScreen .auth-card{width:min(100%,430px)!important;padding:34px!important;border:1px solid var(--n-line-strong)!important;border-radius:28px!important;background:linear-gradient(155deg,rgba(17,28,47,.96),rgba(7,14,25,.98))!important;box-shadow:0 32px 100px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.02) inset!important}
#authScreen .auth-brand{gap:13px!important}.auth-logo-mark{width:48px!important;height:48px!important}.auth-word{font-size:24px!important;letter-spacing:.22em!important}
#authScreen .tabs{padding:4px!important;border-radius:14px!important;background:rgba(2,8,17,.7)!important}
#authScreen .tabs button{min-height:40px!important;border-radius:11px!important}
#authScreen input{min-height:50px!important;border-radius:14px!important;background:rgba(4,11,21,.76)!important;border-color:var(--n-line)!important;font-size:16px!important}
#authScreen .primary{min-height:50px!important;border-radius:14px!important;background:linear-gradient(135deg,var(--n-accent),var(--n-accent-2))!important;box-shadow:0 14px 32px rgba(91,94,255,.25)!important}

/* Desktop/tablet application shell */
@media (min-width:901px){
  #app.app{
    width:min(100%,1920px)!important;height:100dvh!important;margin:0 auto!important;padding:10px!important;gap:10px!important;
    grid-template-columns:64px clamp(300px,23vw,350px) minmax(0,1fr)!important;
    grid-template-areas:"rail chats main"!important;background:transparent!important;overflow:hidden!important;
  }
  #app .nova-desktop-rail{grid-area:rail!important;min-width:0!important;border:1px solid var(--n-line)!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(12,23,39,.97),rgba(6,14,25,.98))!important;box-shadow:var(--n-shadow)!important}
  #app .sidebar{grid-area:chats!important;position:relative!important;inset:auto!important;width:auto!important;min-width:0!important;height:auto!important;border:1px solid var(--n-line)!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(9,18,32,.985),rgba(5,13,23,.99))!important;box-shadow:var(--n-shadow)!important;overflow:hidden!important}
  #app .main{grid-area:main!important;min-width:0!important;height:auto!important;border:1px solid var(--n-line)!important;border-radius:22px!important;background:radial-gradient(circle at 60% 5%,rgba(76,58,175,.055),transparent 27%),linear-gradient(180deg,#07101c,#050c16)!important;box-shadow:var(--n-shadow)!important;overflow:hidden!important}
  #app .nova-right-pane{display:none!important}
  #app .topbar{padding:14px 14px 10px!important;border:0!important;background:transparent!important}
  #app .brand-word{font-size:16px!important;letter-spacing:.24em!important}
  #app .sidebar-brand-row{min-height:42px!important}
  #app .sidebar-actions{display:none!important}
  #app .sidebar-search-row{height:44px!important;margin:4px 14px 10px!important;border-radius:14px!important;background:rgba(4,11,21,.76)!important;border:1px solid var(--n-line)!important}
  #app .sidebar-search-row:focus-within{border-color:rgba(126,105,255,.52)!important;box-shadow:0 0 0 3px rgba(126,105,255,.08)!important}
  #app .search{font-size:12px!important;color:var(--n-text)!important}
  #app .desktop-home-toolbar{margin:0 12px 9px!important;padding:0!important;gap:6px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
  #app .desktop-home-toolbar button{min-width:0!important;min-height:68px!important;padding:8px 3px!important;border-radius:15px!important;border:1px solid var(--n-line)!important;background:rgba(10,20,35,.68)!important;color:var(--n-muted)!important}
  #app .desktop-home-toolbar button:hover{background:rgba(126,105,255,.1)!important;border-color:rgba(126,105,255,.26)!important;color:#dcd7ff!important;transform:translateY(-1px)}
  #app .desktop-home-toolbar svg{width:21px!important;height:21px!important}.desktop-home-toolbar span{font-size:8.5px!important}
  #app .nova21-story-rail{min-height:86px!important;padding:8px 14px 7px!important;border-block:1px solid rgba(148,164,194,.08)!important;background:linear-gradient(90deg,rgba(89,67,194,.04),transparent)!important}
  #app .nova21-story-add>span,#app .nova21-story-avatar{width:48px!important;height:48px!important;border-radius:16px!important}
  #app .nova21-story-add small,#app .nova21-story-item small{max-width:62px!important;font-size:9px!important}
  #app .profilebar{display:none!important}
  #app .desktop-call-history{margin:9px 12px!important;min-height:55px!important;border-radius:15px!important;background:rgba(12,24,41,.72)!important;border-color:var(--n-line)!important}
  #app .sidebar-section-label{padding:5px 15px 4px!important;font-size:9px!important;letter-spacing:.11em!important;color:#65758e!important}
  #app .chat-filters{margin:3px 12px 7px!important;padding:4px!important;gap:3px!important;border:1px solid var(--n-line)!important;border-radius:14px!important;background:rgba(6,14,25,.72)!important;overflow-x:auto!important;scrollbar-width:none!important}
  #app .chat-filter{display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-height:34px!important;padding:0 11px!important;border-radius:10px!important;font-size:9px!important;white-space:nowrap!important;color:#7f8ca3!important}
  #app .chat-filter.active{background:linear-gradient(135deg,rgba(121,94,255,.24),rgba(67,151,255,.12))!important;color:#eeeaff!important;border-color:rgba(133,111,255,.25)!important;box-shadow:0 8px 18px rgba(61,45,161,.15)!important}
  #app .chat-filter[data-chat-filter="private"],#app .chat-filter[data-chat-filter="archived"]{display:inline-flex!important}
  #app .chat-folder-bar{padding:1px 12px 8px!important;gap:7px!important}
  #app .chat-folder-pill{height:34px!important;padding:0 13px!important;border-radius:12px!important;font-size:11px!important}
  #app .chat-folder-manage{width:34px!important;height:34px!important;border-radius:12px!important}
  #app .chatlist{padding:2px 9px 106px!important;scrollbar-gutter:stable!important}
  #app .chat{min-height:72px!important;margin:3px 0!important;padding:10px!important;border:1px solid transparent!important;border-radius:16px!important;gap:10px!important}
  #app .chat:hover{background:rgba(255,255,255,.035)!important;border-color:rgba(149,164,194,.08)!important}
  #app .chat.active{background:linear-gradient(135deg,rgba(103,78,255,.2),rgba(39,73,142,.11))!important;border-color:rgba(124,101,255,.28)!important;box-shadow:0 12px 28px rgba(0,0,0,.18)!important}
  #app .chat .avatar{width:48px!important;height:48px!important;border-radius:15px!important;font-size:15px!important}
  #app .chat .name,#app .chat-name{font-size:13.5px!important;line-height:1.25!important;color:#edf2ff!important}
  #app .chat .preview,#app .chatmeta{font-size:10.5px!important;color:#718099!important;line-height:1.4!important}
  #app .desktop-account-wrap{left:10px!important;right:10px!important;bottom:10px!important}
  #app .desktop-account-card{min-height:70px!important;border-radius:17px!important;background:linear-gradient(145deg,rgba(16,27,46,.96),rgba(8,17,30,.98))!important;border-color:var(--n-line)!important;box-shadow:0 18px 45px rgba(0,0,0,.32)!important}
  #app .desktop-account-avatar{width:45px!important;height:45px!important;border-radius:14px!important}
  #app .desktop-account-copy b{font-size:14px!important}.desktop-account-copy small{font-size:10px!important}
  #app .chat-header{min-height:72px!important;padding:10px 16px!important;border-bottom:1px solid rgba(148,164,194,.1)!important;background:rgba(5,13,23,.86)!important;backdrop-filter:blur(24px)!important}
  #app .chat-header .avatar{width:44px!important;height:44px!important;border-radius:14px!important}
  #app #chatName{font-size:15px!important;line-height:1.25!important}#app #chatStatus{font-size:10px!important;color:#74839b!important}
  #app .header-actions{gap:6px!important}.header-actions .iconbtn{width:42px!important;height:42px!important;border-radius:13px!important;border-color:var(--n-line)!important;background:rgba(11,21,36,.7)!important}
  #app .header-actions .iconbtn:hover{color:#d8d2ff!important;border-color:rgba(126,105,255,.3)!important;background:rgba(126,105,255,.1)!important;transform:translateY(-1px)}
  #app .messages{padding:24px max(20px,calc((100% - 1120px)/2)) 140px!important;scroll-padding-bottom:140px!important;background:radial-gradient(circle at 50% 40%,rgba(75,56,168,.035),transparent 35%)!important}
  #app .message-row{max-width:1120px!important;margin-inline:auto!important}
  #app .bubble{max-width:min(680px,74%)!important;padding:11px 14px!important;border-radius:18px!important;font-size:14px!important;line-height:1.48!important;box-shadow:0 8px 24px rgba(0,0,0,.11)!important}
  #app .message-row.outgoing .bubble,#app .message-row.mine .bubble{background:linear-gradient(145deg,#51449f,#403683)!important;border-color:rgba(173,162,255,.13)!important}
  #app .msg-time,#app .message-time{font-size:9px!important;color:#96a0b4!important}
  #app .composer-wrap{left:50%!important;right:auto!important;bottom:14px!important;width:min(calc(100% - 36px),980px)!important;transform:translateX(-50%)!important}
  #app .composer{min-height:58px!important;padding:7px 8px!important;border-radius:18px!important;border:1px solid rgba(151,169,200,.16)!important;background:rgba(12,22,38,.94)!important;box-shadow:0 18px 55px rgba(0,0,0,.34)!important;backdrop-filter:blur(24px)!important}
  #app .composer textarea{font-size:14px!important;line-height:1.45!important;color:#ecf2ff!important}
  #app .composer button{min-width:42px!important;height:42px!important;border-radius:13px!important}
  #app .welcome-card{min-width:300px!important;padding:30px!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(18,29,48,.96),rgba(9,18,31,.96))!important;border:1px solid var(--n-line)!important;box-shadow:0 26px 70px rgba(0,0,0,.28)!important}
  #app .nova-jump-bottom{right:max(24px,calc((100% - 980px)/2 + 8px))!important;bottom:88px!important;width:44px!important;height:44px!important;border-radius:14px!important}
}

@media (min-width:1221px){
  #app.app{grid-template-columns:64px clamp(310px,22vw,350px) minmax(0,1fr) clamp(255px,19vw,310px)!important;grid-template-areas:"rail chats main info"!important}
  #app .nova-right-pane{display:block!important;grid-area:info!important;min-width:0!important;width:auto!important;border:1px solid var(--n-line)!important;border-radius:22px!important;overflow:hidden!important;background:linear-gradient(180deg,rgba(9,18,32,.98),rgba(5,13,23,.99))!important;box-shadow:var(--n-shadow)!important}
  #app.app.nova-right-collapsed{grid-template-columns:64px clamp(310px,22vw,350px) minmax(0,1fr) 44px!important;grid-template-areas:"rail chats main info"!important}
  #app.app.nova-right-collapsed .nova-right-pane{display:block!important;width:auto!important;min-width:0!important}
}
@media (min-width:1600px){
  #app.app{padding:14px!important;gap:12px!important;grid-template-columns:68px clamp(330px,21vw,370px) minmax(0,1fr) clamp(285px,18vw,330px)!important}
  #app.app.nova-right-collapsed{grid-template-columns:68px clamp(330px,21vw,370px) minmax(0,1fr) 46px!important}
}

/* Mobile: a real single-pane app, not a squeezed desktop. */
@media (max-width:900px){
  html,body{width:100%;height:100%;overflow:hidden!important;background:#050b14!important}
  #app.app{display:block!important;position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;padding:0!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,#07101d,#050b14)!important;overflow:hidden!important}
  #app.app.hidden{display:none!important}
  #app .nova-desktop-rail,#app .nova-right-pane{display:none!important}
  #app .sidebar{display:flex!important;position:absolute!important;inset:0!important;width:100%!important;height:100dvh!important;border:0!important;border-radius:0!important;background:radial-gradient(circle at 50% 0,rgba(88,65,201,.085),transparent 30%),linear-gradient(180deg,#07101d,#050b14)!important;overflow:hidden!important;padding:env(safe-area-inset-top) 0 calc(76px + env(safe-area-inset-bottom))!important}
  body.mobile-chat-open #app .sidebar{display:none!important}
  #app .main{display:none!important;position:absolute!important;inset:0!important;width:100%!important;height:100dvh!important;border:0!important;border-radius:0!important;background:#050c16!important;overflow:hidden!important}
  body.mobile-chat-open #app .main{display:flex!important}
  #app .topbar{flex:0 0 auto!important;padding:8px 14px 7px!important;border:0!important;background:rgba(5,12,22,.72)!important;backdrop-filter:blur(20px)!important}
  #app .sidebar-brand-row{min-height:48px!important}.brand-lockup{display:flex!important}.brand-mark{width:34px!important;height:34px!important}.brand-word{display:block!important;font-size:15px!important;letter-spacing:.2em!important}
  #app .sidebar-actions{display:flex!important;gap:7px!important}.sidebar-actions button{width:42px!important;height:42px!important;border:1px solid var(--n-line)!important;border-radius:14px!important;background:rgba(12,22,38,.84)!important}
  #app .mobile-top-compose{background:linear-gradient(135deg,var(--n-accent),#596ff3)!important;color:#fff!important;box-shadow:0 10px 25px rgba(94,78,239,.25)!important}
  #app .mobile-top-profile{padding:3px!important}#app .mobile-top-profile span{width:32px!important;height:32px!important;border-radius:11px!important;background:linear-gradient(135deg,#6158d9,#755de7)!important}
  #app .sidebar-quick-actions,#app .desktop-home-toolbar,#app .profilebar,#app .desktop-call-history,#app .sidebar-section-label{display:none!important}
  #app .sidebar-search-row{display:flex!important;flex:0 0 46px!important;height:46px!important;margin:2px 14px 9px!important;border:1px solid var(--n-line)!important;border-radius:15px!important;background:rgba(7,16,28,.9)!important;box-shadow:0 9px 28px rgba(0,0,0,.12)!important}
  #app .sidebar-search-row:focus-within{border-color:rgba(126,105,255,.48)!important;box-shadow:0 0 0 3px rgba(126,105,255,.08)!important}
  #app .search{display:block!important;width:100%!important;font-size:16px!important;color:#f2f5ff!important}.search-shortcut,.advanced-search-btn{display:none!important}
  #app .nova21-story-rail{flex:0 0 82px!important;min-height:82px!important;padding:6px 14px!important;border-block:1px solid rgba(148,164,194,.08)!important;background:rgba(8,16,29,.4)!important}
  #app .nova21-story-list{gap:10px!important}.nova21-story-add>span,#app .nova21-story-avatar{width:50px!important;height:50px!important;border-radius:16px!important}.nova21-story-add small,#app .nova21-story-item small{font-size:9px!important;max-width:60px!important}
  #app .chat-filters{display:flex!important;flex:0 0 auto!important;margin:8px 12px 5px!important;padding:4px!important;gap:3px!important;border:1px solid var(--n-line)!important;border-radius:15px!important;background:rgba(9,18,32,.82)!important;overflow-x:auto!important;scrollbar-width:none!important;mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 18px),transparent)!important}
  #app .chat-filters::-webkit-scrollbar{display:none!important}
  #app .chat-filter,#app .chat-filter[data-chat-filter="private"],#app .chat-filter[data-chat-filter="archived"]{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;min-height:36px!important;padding:0 13px!important;border-radius:11px!important;font-size:10px!important;white-space:nowrap!important;color:#7f8da5!important}
  #app .chat-filter.active{color:#f0ecff!important;background:linear-gradient(135deg,rgba(120,92,255,.27),rgba(65,145,255,.12))!important;border-color:rgba(130,108,255,.24)!important}
  #app .chat-folder-bar{flex:0 0 42px!important;padding:1px 13px 6px!important;gap:7px!important}
  #app .chat-folder-pill{height:36px!important;padding:0 14px!important;border-radius:12px!important;font-size:15px!important}.chat-folder-manage{width:36px!important;height:36px!important;border-radius:12px!important}
  #app .chatlist{flex:1 1 auto!important;min-height:0!important;padding:1px 10px 105px!important;overflow-y:auto!important}
  #app .chat{min-height:74px!important;margin:3px 0!important;padding:10px 12px!important;border:1px solid transparent!important;border-radius:17px!important;gap:11px!important}
  #app .chat:active{transform:scale(.985)}#app .chat.active{background:linear-gradient(135deg,rgba(105,80,255,.2),rgba(43,72,139,.1))!important;border-color:rgba(128,105,255,.25)!important}
  #app .chat .avatar{width:52px!important;height:52px!important;min-width:52px!important;border-radius:16px!important;font-size:17px!important}.chat .name,#app .chat-name{font-size:15px!important}.chat .preview,#app .chatmeta{font-size:12px!important;line-height:1.35!important}.chat .time{font-size:10px!important}
  #app .desktop-account-wrap{display:none!important}
  #app .mobile-bottom-nav{display:grid!important;position:fixed!important;z-index:60!important;left:10px!important;right:10px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;height:66px!important;padding:5px!important;grid-template-columns:repeat(4,1fr)!important;border:1px solid var(--n-line)!important;border-radius:20px!important;background:rgba(10,19,33,.92)!important;box-shadow:0 18px 50px rgba(0,0,0,.42)!important;backdrop-filter:blur(26px)!important}
  #app .mobile-bottom-nav button{min-width:0!important;height:54px!important;border-radius:15px!important;color:#78869f!important}.mobile-bottom-nav button.active{background:linear-gradient(145deg,rgba(115,89,255,.17),rgba(55,102,190,.08))!important;color:#a792ff!important}.mobile-bottom-nav svg{width:22px!important;height:22px!important}.mobile-bottom-nav span{font-size:9.5px!important;font-weight:750!important}
  body.mobile-chat-open #app .mobile-bottom-nav{display:none!important}
  #app .chat-header{flex:0 0 calc(64px + env(safe-area-inset-top))!important;min-height:calc(64px + env(safe-area-inset-top))!important;padding:calc(8px + env(safe-area-inset-top)) 8px 8px!important;gap:7px!important;border-bottom:1px solid rgba(148,164,194,.1)!important;background:rgba(7,15,26,.92)!important;backdrop-filter:blur(24px)!important}
  #app #backBtn{display:grid!important;width:40px!important;height:40px!important;min-width:40px!important;border-radius:13px!important}.chat-header .avatar{width:40px!important;height:40px!important;min-width:40px!important;border-radius:13px!important}.chat-header .grow{min-width:0!important}.chat-header #chatName{font-size:14px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.chat-header #chatStatus{font-size:10px!important}
  #app .header-actions{gap:4px!important}.header-actions .iconbtn{width:38px!important;height:38px!important;min-width:38px!important;border-radius:12px!important;background:rgba(13,23,39,.82)!important;border:1px solid var(--n-line)!important}.header-actions svg{width:19px!important;height:19px!important}
  #app #smartChatBtn,#app #nova12HubBtn,#app #refreshBtn{display:none!important}
  #app .messages{flex:1 1 auto!important;min-height:0!important;padding:16px 9px 106px!important;scroll-padding-bottom:106px!important;background:radial-gradient(circle at 50% 45%,rgba(72,52,161,.04),transparent 38%)!important}
  #app .message-row{max-width:100%!important;margin-bottom:4px!important}.message-row .bubble,#app .bubble{max-width:88%!important;padding:10px 12px!important;border-radius:17px!important;font-size:15px!important;line-height:1.42!important;overflow-wrap:anywhere!important}.message-row.outgoing .bubble,#app .message-row.mine .bubble{background:linear-gradient(145deg,#51449f,#403683)!important;border-color:rgba(174,162,255,.14)!important}
  #app .msg-time,#app .message-time{font-size:9px!important}.message-row .msg-actions{display:none!important}
  #app .pinned-bar{margin:7px 8px 0!important;border-radius:14px!important}.chat-search-bar{margin:7px 8px 0!important;border-radius:14px!important}
  #app .typing{bottom:76px!important}.replybar{margin:0 8px!important;border-radius:14px 14px 0 0!important}
  #app .composer-wrap{position:absolute!important;z-index:45!important;left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;width:auto!important;transform:none!important}
  #app .composer-formatbar,#app .composer-toolbar{display:none!important}.mobile-format-toggle{display:none!important}
  #app .composer{min-height:58px!important;padding:7px!important;border:1px solid rgba(151,169,200,.16)!important;border-radius:18px!important;background:rgba(12,22,38,.95)!important;box-shadow:0 16px 48px rgba(0,0,0,.4)!important;backdrop-filter:blur(24px)!important}
  #app .composer textarea{min-height:42px!important;max-height:126px!important;padding:10px 4px!important;font-size:16px!important;line-height:1.35!important;color:#f1f5ff!important}.composer button{width:42px!important;height:42px!important;min-width:42px!important;border-radius:13px!important}.composer .emoji-btn,.composer .video-note-direct-btn{display:none!important}.composer .send{font-size:0!important;background:linear-gradient(135deg,var(--n-accent),var(--n-accent-2))!important}.composer .send::after{content:"";width:19px;height:19px;display:block;background:currentColor;clip-path:polygon(7% 8%,95% 50%,7% 92%,24% 56%,58% 50%,24% 44%)}
  #app .nova-jump-bottom{right:16px!important;bottom:calc(80px + env(safe-area-inset-bottom))!important;width:44px!important;height:44px!important;border-radius:14px!important}
  .modal{align-items:flex-end!important;padding:0!important}.modal-card{width:100%!important;max-width:none!important;max-height:94dvh!important;margin:0!important;border-radius:26px 26px 0 0!important;border-bottom:0!important;padding-bottom:max(18px,env(safe-area-inset-bottom))!important;overflow:auto!important;box-shadow:0 -28px 90px rgba(0,0,0,.55)!important}.modal-card::before{content:"";display:block;width:50px;height:5px;margin:2px auto 15px;border-radius:99px;background:rgba(145,158,183,.28)}
  #settingsModal .modal-card{height:min(94dvh,820px)!important}#settingsModal .modal-head{padding:0 5px 12px!important}.settings-search{min-height:48px!important;border-radius:15px!important}.settings-search input{font-size:16px!important}.settings-search-clear{display:none!important}.settings-search.has-value .settings-search-clear{display:grid!important}
  .nova-settings-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;overflow:visible!important;padding:5px!important;border-radius:15px!important}.nova-settings-tab{min-width:0!important;min-height:43px!important;padding:6px 3px!important;font-size:9px!important;white-space:normal!important;line-height:1.2!important}
  .settings-section{padding:16px!important;border-radius:18px!important}.settings-row{min-height:64px!important;padding:12px 4px!important;gap:10px!important}.settings-row b{font-size:13px!important}.settings-row small{font-size:11px!important;line-height:1.35!important}
  .incoming-call-actions{gap:14px!important}.incoming-call-action{width:76px!important;min-height:92px!important}.incoming-call-action .incoming-call-action-icon{width:62px!important;height:62px!important;border-radius:22px!important}.incoming-call-action.accept .incoming-call-action-icon{background:linear-gradient(145deg,#43df95,#20ad6a)!important;box-shadow:0 15px 35px rgba(39,210,128,.3)!important}.incoming-call-action.decline .incoming-call-action-icon{background:linear-gradient(145deg,#ff6781,#dd3859)!important;box-shadow:0 15px 35px rgba(235,67,95,.28)!important}
}

@media (max-width:430px){
  #app .brand-word{font-size:14px!important}.brand-mark{width:32px!important;height:32px!important}
  #app .sidebar-actions{gap:5px!important}.sidebar-actions button{width:39px!important;height:39px!important;border-radius:13px!important}
  #app .chat-header{gap:5px!important;padding-inline:6px!important}.chat-header .avatar{display:none!important}.header-actions .iconbtn{width:36px!important;height:36px!important;min-width:36px!important}.header-actions{gap:3px!important}
  #app .bubble{max-width:91%!important}
}
@media (max-width:370px){#app #chatSearchBtn{display:none!important}.nova-settings-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:900px) and (orientation:landscape){#app .nova21-story-rail{display:none!important}#app .mobile-bottom-nav{height:58px!important}.mobile-bottom-nav button{height:46px!important}.modal-card{max-height:96dvh!important}}
@media (hover:hover){button{transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* NOVA 21.5 · real themes and final shell refinements */
body[data-nova-theme="nova"]{--theme-bg:#050b14;--theme-panel:#08111e;--theme-panel-2:#0c1626;--theme-line:rgba(151,169,200,.13);--theme-accent:#806bff;--theme-accent-2:#4ab9ff;--theme-bubble-a:#51449f;--theme-bubble-b:#403683;--theme-glow:rgba(88,65,201,.09)}
body[data-nova-theme="obsidian"]{--theme-bg:#08090c;--theme-panel:#101217;--theme-panel-2:#171a20;--theme-line:rgba(196,204,219,.13);--theme-accent:#9aa8bc;--theme-accent-2:#65768f;--theme-bubble-a:#414956;--theme-bubble-b:#303641;--theme-glow:rgba(142,156,178,.055)}
body[data-nova-theme="sapphire"]{--theme-bg:#03101a;--theme-panel:#061827;--theme-panel-2:#0a2235;--theme-line:rgba(105,190,235,.15);--theme-accent:#279de6;--theme-accent-2:#42d0d6;--theme-bubble-a:#176fa0;--theme-bubble-b:#115678;--theme-glow:rgba(22,149,220,.1)}
body[data-nova-theme="amethyst"]{--theme-bg:#0e0717;--theme-panel:#170d24;--theme-panel-2:#231235;--theme-line:rgba(201,126,255,.15);--theme-accent:#b05cff;--theme-accent-2:#e765c4;--theme-bubble-a:#7a3da7;--theme-bubble-b:#5a2d82;--theme-glow:rgba(177,77,245,.11)}
body[data-nova-theme="emerald"]{--theme-bg:#04110d;--theme-panel:#081c16;--theme-panel-2:#0d2920;--theme-line:rgba(90,216,164,.15);--theme-accent:#32c886;--theme-accent-2:#4ed5c2;--theme-bubble-a:#217d5d;--theme-bubble-b:#185f48;--theme-glow:rgba(47,196,130,.1)}
body[data-nova-theme="crimson"]{--theme-bg:#15070b;--theme-panel:#220d14;--theme-panel-2:#32131d;--theme-line:rgba(244,109,137,.15);--theme-accent:#ef5574;--theme-accent-2:#ff8a78;--theme-bubble-a:#9a3950;--theme-bubble-b:#74293d;--theme-glow:rgba(226,66,99,.1)}
body[data-nova-theme="midnight"]{--theme-bg:#020611;--theme-panel:#071022;--theme-panel-2:#0b1930;--theme-line:rgba(93,132,219,.15);--theme-accent:#527de9;--theme-accent-2:#6b9cff;--theme-bubble-a:#314f9b;--theme-bubble-b:#253d78;--theme-glow:rgba(62,101,200,.105)}
body[data-nova-theme="sunset"]{--theme-bg:#14090e;--theme-panel:#211019;--theme-panel-2:#321824;--theme-line:rgba(244,148,106,.16);--theme-accent:#ed7d57;--theme-accent-2:#bd62d9;--theme-bubble-a:#a34f60;--theme-bubble-b:#753c61;--theme-glow:rgba(234,105,74,.1)}
body[data-nova-theme]{--n-bg:var(--theme-bg);--n-panel:var(--theme-panel);--n-panel-2:var(--theme-panel-2);--n-line:var(--theme-line);--n-accent:var(--theme-accent);--n-accent-2:var(--theme-accent-2);background:radial-gradient(circle at 70% -10%,var(--theme-glow),transparent 34%),var(--theme-bg)!important}
body[data-nova-theme] #app .sidebar,body[data-nova-theme] #app .nova-desktop-rail,body[data-nova-theme] #app .nova-right-pane{background:linear-gradient(180deg,color-mix(in srgb,var(--theme-panel) 96%,#fff 4%),var(--theme-bg))!important;border-color:var(--theme-line)!important}
body[data-nova-theme] #app .main{background:radial-gradient(circle at 56% 2%,var(--theme-glow),transparent 30%),linear-gradient(180deg,color-mix(in srgb,var(--theme-bg) 92%,#0d1b2e 8%),var(--theme-bg))!important;border-color:var(--theme-line)!important}
body[data-nova-theme] #app .chat-header,body[data-nova-theme] #app .topbar{background:color-mix(in srgb,var(--theme-panel) 88%,transparent)!important}
body[data-nova-theme] #app .composer,body[data-nova-theme] #app .mobile-bottom-nav,body[data-nova-theme] .modal-card{background:color-mix(in srgb,var(--theme-panel-2) 94%,transparent)!important;border-color:var(--theme-line)!important}
body[data-nova-theme] #app .message-row.outgoing .bubble,body[data-nova-theme] #app .message-row.mine .bubble{background:linear-gradient(145deg,var(--theme-bubble-a),var(--theme-bubble-b))!important}
body[data-nova-theme] #app .mobile-top-compose,body[data-nova-theme] #app .composer .send{background:linear-gradient(135deg,var(--theme-accent),var(--theme-accent-2))!important}

.settings-theme-block{padding:10px 4px 14px}
.settings-theme-block>.settings-row-note{margin-top:4px}
.app-theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:13px}
.app-theme-grid>button{display:flex;min-width:0;min-height:112px;padding:8px;flex-direction:column;align-items:flex-start;gap:5px;border:1px solid rgba(151,169,200,.12);border-radius:15px;background:rgba(5,12,22,.54);color:#8e9ab0;text-align:left}
.app-theme-grid>button:hover{border-color:color-mix(in srgb,var(--theme-accent) 35%,transparent);transform:translateY(-1px)}
.app-theme-grid>button.active{border-color:color-mix(in srgb,var(--theme-accent) 58%,transparent);background:color-mix(in srgb,var(--theme-accent) 11%,var(--theme-panel));box-shadow:0 10px 28px color-mix(in srgb,var(--theme-accent) 13%,transparent)}
.app-theme-grid b{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:10px;color:#e8edfa;white-space:nowrap}.app-theme-grid small{font-size:8px;color:#6f7e95}
.theme-preview{position:relative;display:block;width:100%;height:54px;overflow:hidden;border-radius:10px;background:#07101d;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.theme-preview::before{content:"";position:absolute;inset:0 68% 0 0;background:rgba(255,255,255,.045);border-right:1px solid rgba(255,255,255,.06)}
.theme-preview i{position:absolute;display:block;height:7px;border-radius:99px;background:rgba(255,255,255,.13)}.theme-preview i:nth-child(1){left:39%;right:10%;top:10px}.theme-preview i:nth-child(2){left:48%;right:10%;top:23px}.theme-preview i:nth-child(3){left:39%;right:24%;bottom:10px}
.theme-preview-nova{background:linear-gradient(145deg,#07101d,#151136)}.theme-preview-nova i:nth-child(2){background:#5d4bb5}
.theme-preview-obsidian{background:linear-gradient(145deg,#0b0c0f,#1d2128)}.theme-preview-obsidian i:nth-child(2){background:#4b5360}
.theme-preview-sapphire{background:linear-gradient(145deg,#04131f,#063655)}.theme-preview-sapphire i:nth-child(2){background:#1879aa}
.theme-preview-amethyst{background:linear-gradient(145deg,#13091e,#421c5f)}.theme-preview-amethyst i:nth-child(2){background:#8745b3}
.theme-preview-emerald{background:linear-gradient(145deg,#06150f,#124b38)}.theme-preview-emerald i:nth-child(2){background:#27875f}
.theme-preview-crimson{background:linear-gradient(145deg,#18080d,#5d1e30)}.theme-preview-crimson i:nth-child(2){background:#a83f58}
.theme-preview-midnight{background:linear-gradient(145deg,#030816,#132d63)}.theme-preview-midnight i:nth-child(2){background:#3d63bd}
.theme-preview-sunset{background:linear-gradient(145deg,#180b10,#683144)}.theme-preview-sunset i:nth-child(2){background:linear-gradient(90deg,#d0674d,#9249a9)}
#settingsSearchClear.hidden{display:none!important}

.settings-profile-card{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--theme-line,var(--n-line));border-radius:17px;background:color-mix(in srgb,var(--theme-panel-2,#0c1626) 74%,transparent)}
.settings-profile-avatar{width:56px;height:56px;display:grid;place-items:center;overflow:hidden;border-radius:17px;background:linear-gradient(145deg,var(--theme-accent,#806bff),var(--theme-accent-2,#4ab9ff));color:#fff;font-size:18px;font-weight:900}.settings-profile-avatar img{width:100%;height:100%;object-fit:cover}
.settings-profile-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.settings-profile-copy b{overflow:hidden;text-overflow:ellipsis;color:#f1f5ff;font-size:14px;white-space:nowrap}.settings-profile-copy small{color:#7e8ca3;font-size:10px}
.settings-profile-card>button{min-height:40px;padding:0 13px;border:1px solid color-mix(in srgb,var(--theme-accent,#806bff) 28%,transparent);border-radius:12px;background:color-mix(in srgb,var(--theme-accent,#806bff) 12%,transparent);color:#dcd6ff;font-size:10px;font-weight:800}

@media(min-width:901px){
  #app .nova-desktop-rail{display:none!important}
  #app.app{grid-template-columns:clamp(320px,24vw,390px) minmax(0,1fr)!important;grid-template-areas:"chats main"!important}
  #app #desktopProfileBtn,#app #desktopSettingsBtn,#app #desktopAdminBtn,#app #accountSettingsAction{display:none!important}
  #app .desktop-home-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #app .desktop-account-menu{left:0!important;right:0!important;bottom:78px!important;max-height:min(430px,62vh)!important;padding:7px!important;border-radius:17px!important;overflow:auto!important;background:color-mix(in srgb,var(--theme-panel-2,#0c1626) 97%,transparent)!important;box-shadow:0 22px 65px rgba(0,0,0,.48)!important}
  #app .desktop-account-menu button{min-height:50px!important;padding:8px 9px!important;border-radius:12px!important}.desktop-account-menu button svg{width:18px!important;height:18px!important}.desktop-account-menu button b{font-size:11px!important}.desktop-account-menu button small{font-size:8.5px!important}
  #app .messages{padding-left:max(24px,calc((100% - 980px)/2))!important;padding-right:max(24px,calc((100% - 980px)/2))!important;background-image:radial-gradient(circle at 50% 35%,var(--theme-glow,rgba(72,52,161,.045)),transparent 38%),linear-gradient(rgba(255,255,255,.008) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.008) 1px,transparent 1px)!important;background-size:auto,36px 36px,36px 36px!important}
  #app .message-row{max-width:980px!important}
  #app.app.nova-right-collapsed{grid-template-columns:clamp(320px,24vw,390px) minmax(0,1fr)!important;grid-template-areas:"chats main"!important}
  #app.app.nova-right-collapsed .nova-right-pane{display:block!important;position:fixed!important;z-index:80!important;right:12px!important;top:50%!important;width:44px!important;height:54px!important;min-width:44px!important;overflow:visible!important;transform:translateY(-50%)!important;border:0!important;border-radius:15px!important;background:transparent!important;box-shadow:none!important}
  #app.app.nova-right-collapsed .nova-right-content,#app.app.nova-right-collapsed .nova-right-empty{display:none!important}
  #app.app.nova-right-collapsed .nova-right-collapse{position:static!important;display:grid!important;width:44px!important;height:54px!important;border-radius:15px!important;background:color-mix(in srgb,var(--theme-panel-2,#0c1626) 94%,transparent)!important;border:1px solid var(--theme-line)!important;box-shadow:0 14px 38px rgba(0,0,0,.35)!important}
}
@media(min-width:1221px){
  #app.app{grid-template-columns:clamp(320px,23vw,390px) minmax(0,1fr) clamp(255px,19vw,310px)!important;grid-template-areas:"chats main info"!important}
  #app.app.nova-right-collapsed{grid-template-columns:clamp(320px,23vw,390px) minmax(0,1fr)!important;grid-template-areas:"chats main"!important}
}
@media(min-width:1600px){#app.app{grid-template-columns:clamp(350px,22vw,410px) minmax(0,1fr) clamp(285px,18vw,330px)!important}#app.app.nova-right-collapsed{grid-template-columns:clamp(350px,22vw,410px) minmax(0,1fr)!important}}

@media(max-width:900px){
  html,body{background:var(--theme-bg,#050b14)!important}
  #app.app,#app .sidebar{background:radial-gradient(circle at 50% 0,var(--theme-glow,rgba(88,65,201,.085)),transparent 30%),linear-gradient(180deg,color-mix(in srgb,var(--theme-panel,#08111e) 70%,var(--theme-bg,#050b14)),var(--theme-bg,#050b14))!important}
  #app .main{background:var(--theme-bg,#050b14)!important}
  #app .sidebar .topbar{display:flex!important;flex:0 0 auto!important;min-height:111px!important;padding:7px 14px 9px!important;flex-direction:column!important;gap:7px!important;overflow:visible!important}
  #app .sidebar .sidebar-brand-row{display:flex!important;width:100%!important;min-height:42px!important;align-items:center!important;justify-content:space-between!important}
  #app .sidebar .brand-lockup{display:flex!important;visibility:visible!important;align-items:center!important;gap:9px!important}
  #app .sidebar .brand-word{display:block!important;visibility:visible!important}
  #app #mobileSearchToggle{display:grid!important}
  #app .sidebar-search-row{display:flex!important;visibility:visible!important;width:100%!important;height:46px!important;min-height:46px!important;margin:0!important;flex:0 0 46px!important}
  #app .nova21-story-rail{flex-basis:76px!important;min-height:76px!important;padding:5px 14px!important}
  #app .nova21-story-add>span,#app .nova21-story-avatar{width:46px!important;height:46px!important;border-radius:15px!important}
  #app .chat-filters{display:grid!important;position:relative!important;flex:0 0 46px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:3px!important;margin:7px 12px 4px!important;padding:4px!important;overflow:visible!important;mask-image:none!important}
  #app .chat-filter{display:flex!important;min-width:0!important;min-height:36px!important;padding:0 5px!important;font-size:9.5px!important;overflow:hidden!important;text-overflow:ellipsis!important}
  #app .chat-filter[data-chat-filter="private"],#app .chat-filter[data-chat-filter="archived"]{display:none!important}
  #app .chat-filter-more{display:flex!important;min-width:0!important;min-height:36px!important;align-items:center!important;justify-content:center!important;border:1px solid transparent!important;border-radius:11px!important;background:transparent!important;color:#7f8da5!important;font-size:9.5px!important;font-weight:800!important}
  #app .chat-filter-more.active{color:#f0ecff!important;background:color-mix(in srgb,var(--theme-accent,#806bff) 20%,transparent)!important;border-color:color-mix(in srgb,var(--theme-accent,#806bff) 26%,transparent)!important}
  #app .mobile-filter-menu{position:absolute!important;z-index:85!important;top:calc(env(safe-area-inset-top) + 240px)!important;right:13px!important;width:190px!important;padding:6px!important;border:1px solid var(--theme-line)!important;border-radius:16px!important;background:color-mix(in srgb,var(--theme-panel-2,#0c1626) 97%,transparent)!important;box-shadow:0 22px 58px rgba(0,0,0,.48)!important;backdrop-filter:blur(24px)!important}
  #app .mobile-filter-menu button{display:flex!important;width:100%!important;min-height:48px!important;padding:0 11px!important;align-items:center!important;justify-content:space-between!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#dce4f3!important;font-size:12px!important;font-weight:750!important}.mobile-filter-menu button:active{background:color-mix(in srgb,var(--theme-accent,#806bff) 15%,transparent)!important}.mobile-filter-menu small{display:grid!important;min-width:24px!important;height:22px!important;padding:0 6px!important;place-items:center!important;border-radius:99px!important;background:rgba(255,255,255,.06)!important;color:#8e9cb2!important}
  #app .chat-folder-bar{flex-basis:44px!important;padding:2px 14px 6px!important;align-items:center!important}
  #app .chat-folder-pill[data-folder-id="all"]{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#f2f5ff!important;font-size:18px!important;pointer-events:none!important}
  #app .chat-folder-manage{margin-left:auto!important;background:color-mix(in srgb,var(--theme-accent,#806bff) 10%,transparent)!important;border-color:color-mix(in srgb,var(--theme-accent,#806bff) 22%,transparent)!important}
  #app .chat{min-height:72px!important}.chat.active{position:relative!important;background:rgba(255,255,255,.025)!important;border-color:transparent!important;box-shadow:none!important}.chat.active::before{content:"";position:absolute;left:2px;top:24px;width:3px;height:24px;border-radius:99px;background:var(--theme-accent,#806bff)}
  #app .mobile-bottom-nav{left:12px!important;right:12px!important;height:62px!important;padding:4px!important;border-radius:19px!important}.mobile-bottom-nav button{height:52px!important}.mobile-bottom-nav svg{width:21px!important;height:21px!important}
  #settingsModal .settings-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;padding:7px 10px 9px!important}
  #settingsModal .settings-tabs button{min-height:41px!important;font-size:9px!important}
  .app-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.app-theme-grid>button{min-height:118px}.app-theme-grid b{font-size:11px}.app-theme-grid small{font-size:9px}
  .settings-profile-card{grid-template-columns:52px minmax(0,1fr);padding:11px}.settings-profile-avatar{width:52px;height:52px}.settings-profile-card>button{grid-column:1/-1;width:100%;min-height:44px}
  #settingsSearchClear.hidden{display:none!important}
  #callOverlay .mobile-speaker-control{display:inline-flex!important;position:relative!important;align-items:center!important;justify-content:center!important}
  #callOverlay .mobile-speaker-control span{position:absolute;left:50%;top:calc(100% + 4px);transform:translateX(-50%);color:#7f8da4;font-size:7px;font-weight:750;white-space:nowrap}
  #callOverlay .mobile-speaker-control.active span{color:#b6aaff}
}
@media(min-width:901px){#callOverlay .mobile-speaker-control{display:none!important}}

/* 21.6 · one account center and polished mobile profile surfaces */
.settings-profile-card{position:relative;grid-template-columns:62px minmax(0,1fr) auto;gap:14px;overflow:hidden;padding:18px 14px 14px;border-color:color-mix(in srgb,var(--theme-accent,#806bff) 24%,var(--theme-line,var(--n-line)));border-radius:20px;background:radial-gradient(circle at 15% 0,color-mix(in srgb,var(--theme-accent,#806bff) 22%,transparent),transparent 48%),color-mix(in srgb,var(--theme-panel-2,#0c1626) 86%,transparent);box-shadow:0 18px 44px rgba(0,0,0,.16)}
.settings-profile-card::before{content:"Аккаунт NOVA";position:absolute;right:13px;top:9px;color:color-mix(in srgb,var(--theme-accent,#806bff) 68%,#cbd5e7);font-size:7px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.settings-profile-avatar{width:62px;height:62px;border:2px solid color-mix(in srgb,var(--theme-accent-2,#4ab9ff) 48%,transparent);border-radius:19px;font-size:20px;box-shadow:0 10px 30px color-mix(in srgb,var(--theme-accent,#806bff) 23%,transparent)}
.settings-profile-card>button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-color:color-mix(in srgb,var(--theme-accent,#806bff) 34%,transparent);background:color-mix(in srgb,var(--theme-accent,#806bff) 14%,transparent);color:#e7e2ff}.settings-profile-card>button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

@media(max-width:900px){
  #app .mobile-top-profile{position:relative!important;padding:3px!important;overflow:visible!important}
  #app .mobile-top-profile .mobile-settings-mark{width:32px!important;height:32px!important;display:grid!important;place-items:center!important;border-radius:11px!important;background:linear-gradient(135deg,rgba(97,88,217,.28),rgba(74,185,255,.12))!important;color:#a99aff!important}
  #app .mobile-top-profile .mobile-settings-mark svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.65!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  #app .mobile-top-profile>small{position:absolute;left:50%;top:calc(100% + 3px);transform:translateX(-50%);color:#8492a9;font-size:7px;font-weight:800;white-space:nowrap}
  #app .chat-folder-manage{display:none!important}
  .settings-profile-card{grid-template-columns:58px minmax(0,1fr);padding:18px 12px 12px}.settings-profile-avatar{width:58px;height:58px}.settings-profile-card>button{grid-column:1/-1;width:100%;min-height:44px}
  #userProfileModal .glass-profile-card{display:flex!important;height:min(92dvh,820px)!important;max-height:92dvh!important;padding:0 0 env(safe-area-inset-bottom)!important;flex-direction:column!important;overflow:hidden!important}
  #userProfileModal .user-profile-cover{flex:0 0 142px!important;width:100%!important;height:142px!important;min-height:142px!important;border-radius:24px 24px 0 0!important}
  #userProfileModal .user-profile-body{position:relative!important;flex:1 1 auto!important;min-height:0!important;padding:0 16px calc(24px + env(safe-area-inset-bottom))!important;overflow-y:auto!important;overscroll-behavior:contain!important}
  #userProfileModal .user-profile-head{position:relative!important;z-index:2!important;min-height:122px!important;overflow:visible!important}
  #userProfileModal .user-profile-avatar-wrap{width:88px!important;height:88px!important;margin:-44px auto 0!important;overflow:visible!important}
  #userProfileModal .user-profile-avatar{width:88px!important;height:88px!important;border-width:4px!important;border-radius:27px!important}
  #userProfileModal .user-profile-name{margin-top:9px!important;font-size:20px!important;line-height:1.15!important}
  #userProfileModal .user-profile-handle{min-height:28px!important}
  #userProfileModal .profile-close-floating{z-index:8!important;top:12px!important;right:12px!important}
}

/* 21.6.1 · Telegram-like mobile account flow */
@media(max-width:900px){
  #app .sidebar-actions{display:flex!important;align-items:center!important}
  #app .mobile-top-profile{display:none!important}
  #app .mobile-top-compose{position:fixed!important;z-index:70!important;right:18px!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;width:52px!important;height:52px!important;border:0!important;border-radius:18px!important;background:linear-gradient(145deg,var(--theme-accent,#806bff),var(--theme-accent-2,#4ab9ff))!important;box-shadow:0 16px 38px color-mix(in srgb,var(--theme-accent,#806bff) 32%,rgba(0,0,0,.45))!important}
  #app .mobile-top-compose svg{width:23px!important;height:23px!important;fill:none!important;stroke:#fff!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  #app .mobile-top-compose:active{transform:scale(.94)!important}
}

/* 21.6.2 · settings as a cohesive account list */
#settingsModal .settings-search-wrap{display:none!important}
#settingsModal .settings-tabs{display:flex!important;flex-direction:column!important;gap:6px!important;padding:0!important;background:transparent!important;overflow:visible!important}
#settingsModal .settings-tabs button{position:relative!important;display:grid!important;width:100%!important;min-width:0!important;min-height:58px!important;padding:8px 10px!important;grid-template-columns:38px minmax(0,1fr) 18px!important;align-items:center!important;gap:10px!important;border:1px solid color-mix(in srgb,var(--theme-line,var(--n-line)) 90%,transparent)!important;border-radius:15px!important;background:color-mix(in srgb,var(--theme-panel-2,#0c1626) 62%,transparent)!important;color:#8391a6!important;text-align:left!important;white-space:normal!important;transition:border-color .18s ease,background .18s ease,transform .18s ease!important}
#settingsModal .settings-tabs button>svg{width:20px!important;height:20px!important;padding:8px!important;box-sizing:content-box!important;border-radius:11px!important;background:color-mix(in srgb,var(--theme-accent,#806bff) 9%,transparent)!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
#settingsModal .settings-tabs button>span{display:flex!important;min-width:0!important;flex-direction:column!important;gap:3px!important}#settingsModal .settings-tabs button b{overflow:hidden;color:#dfe6f2!important;font-size:11px!important;font-weight:850!important;text-overflow:ellipsis!important;white-space:nowrap!important}#settingsModal .settings-tabs button small{overflow:hidden;color:#6f7d92!important;font-size:8px!important;font-weight:600!important;text-overflow:ellipsis!important;white-space:nowrap!important}#settingsModal .settings-tabs button>i{color:#55647a!important;font-size:17px!important;font-style:normal!important;text-align:center!important}
#settingsModal .settings-tabs button:hover,#settingsModal .settings-tabs button.active{border-color:color-mix(in srgb,var(--theme-accent,#806bff) 34%,transparent)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent,#806bff) 13%,transparent),color-mix(in srgb,var(--theme-accent-2,#4ab9ff) 5%,transparent))!important;color:#b8aaff!important}#settingsModal .settings-tabs button.active>svg{background:linear-gradient(145deg,color-mix(in srgb,var(--theme-accent,#806bff) 34%,transparent),color-mix(in srgb,var(--theme-accent-2,#4ab9ff) 18%,transparent))!important;color:#d9d1ff!important}#settingsModal .settings-tabs button:active{transform:scale(.985)!important}

@media(min-width:901px){
  #settingsModal .settings-card{display:grid!important;width:min(980px,calc(100vw - 80px))!important;max-width:980px!important;height:min(820px,calc(100dvh - 64px))!important;max-height:min(820px,calc(100dvh - 64px))!important;padding:0!important;grid-template-columns:310px minmax(0,1fr)!important;grid-template-rows:auto auto minmax(0,1fr)!important;column-gap:14px!important;overflow:hidden!important}
  #settingsModal .settings-head{grid-column:1/-1!important;padding:18px 20px 14px!important;border-bottom:1px solid var(--theme-line,var(--n-line))!important}
  #settingsModal .settings-profile-card{grid-column:1!important;grid-row:2!important;margin:14px 0 8px 14px!important}
  #settingsModal .settings-tabs{grid-column:1!important;grid-row:3!important;padding:0 0 16px 14px!important;overflow-y:auto!important}
  #settingsModal .settings-body{grid-column:2!important;grid-row:2/4!important;min-height:0!important;padding:14px 14px 18px 0!important;overflow-y:auto!important}
  #settingsModal .settings-section{min-height:100%!important;padding:20px!important;border-radius:20px!important}
}

@media(max-width:900px){
  #settingsModal .settings-card{display:flex!important;height:94dvh!important;max-height:94dvh!important;padding:0 12px max(18px,env(safe-area-inset-bottom))!important;flex-direction:column!important;overflow-y:auto!important;overscroll-behavior:contain!important}
  #settingsModal .settings-head{position:sticky!important;z-index:9!important;top:0!important;margin:0 -12px!important;padding:5px 15px 13px!important;background:color-mix(in srgb,var(--theme-panel-2,#0c1626) 96%,transparent)!important;backdrop-filter:blur(22px)!important}
  #settingsModal .settings-profile-card{flex:0 0 auto!important;margin:4px 0 10px!important}
  #settingsModal .settings-tabs{position:static!important;flex:0 0 auto!important;margin:0 0 12px!important;padding:0!important}
  #settingsModal .settings-tabs button{min-height:60px!important;grid-template-columns:40px minmax(0,1fr) 20px!important;border-radius:16px!important}
  #settingsModal .settings-tabs button b{font-size:12px!important}#settingsModal .settings-tabs button small{font-size:9px!important}
  #settingsModal .settings-body{flex:0 0 auto!important;min-height:0!important;padding:0 0 10px!important;overflow:visible!important;scroll-margin-top:72px!important}
  #settingsModal .settings-section{scroll-margin-top:72px!important;padding:16px!important;border-radius:18px!important}
}

.settings-wallpaper-block{display:flex;flex-direction:column;gap:10px;padding:12px 0}.wallpaper-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.wallpaper-grid button{min-width:0;padding:5px 5px 7px;border:1px solid var(--theme-line,var(--n-line));border-radius:13px;background:color-mix(in srgb,var(--theme-panel-2,#0c1626) 68%,transparent);color:#8b99ae;text-align:left}.wallpaper-grid button.active{border-color:color-mix(in srgb,var(--theme-accent,#806bff) 52%,transparent);background:color-mix(in srgb,var(--theme-accent,#806bff) 10%,transparent);color:#eeeaff;box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-accent,#806bff) 9%,transparent)}.wallpaper-grid b{display:block;margin:6px 3px 0;overflow:hidden;font-size:9px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.wallpaper-preview{display:block;width:100%;height:62px;border-radius:9px;background-color:#07101d;background-position:center;background-size:cover;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.wallpaper-preview-aurora{background-image:radial-gradient(circle at 26% 24%,rgba(126,81,255,.42),transparent 36%),radial-gradient(circle at 80% 76%,rgba(45,127,205,.25),transparent 42%),linear-gradient(145deg,#07101d,#11152d)}.wallpaper-preview-aurora-flow{background-image:url('/assets/wallpapers/nova-aurora-flow.webp')}.wallpaper-preview-constellation{background-image:url('/assets/wallpapers/nova-graphite-constellation.webp')}.wallpaper-preview-emerald-nebula{background-image:url('/assets/wallpapers/nova-emerald-nebula.webp')}.wallpaper-preview-graphite{background-image:radial-gradient(circle at 2px 2px,rgba(190,200,220,.15) 1px,transparent 0);background-size:14px 14px;background-color:#09111c}.wallpaper-preview-clear{background:linear-gradient(145deg,#07101b,#091321)}
body[data-nova-wallpaper="aurora-flow"] #app .messages{background-image:linear-gradient(rgba(3,8,17,.38),rgba(3,8,17,.52)),url('/assets/wallpapers/nova-aurora-flow.webp')!important;background-position:center!important;background-size:cover!important}
body[data-nova-wallpaper="constellation"] #app .messages{background-image:linear-gradient(rgba(3,8,14,.34),rgba(3,8,14,.46)),url('/assets/wallpapers/nova-graphite-constellation.webp')!important;background-position:center!important;background-size:cover!important}
body[data-nova-wallpaper="emerald-nebula"] #app .messages{background-image:linear-gradient(rgba(2,10,13,.43),rgba(2,10,13,.55)),url('/assets/wallpapers/nova-emerald-nebula.webp')!important;background-position:center!important;background-size:cover!important}
@media(max-width:900px){.wallpaper-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.wallpaper-preview{height:76px}.wallpaper-grid b{font-size:10px}}

/* 21.7 · persistent session, recovery and administration polish */
body.nova-booting #authScreen,body.nova-booting #app{visibility:hidden!important}
.composer-record-gesture-hint{display:none!important}
.nova-boot-recovery{position:fixed;z-index:999999;left:50%;top:18px;max-width:min(520px,calc(100vw - 28px));min-height:42px;padding:9px 15px;transform:translateX(-50%);border:1px solid rgba(126,105,255,.34);border-radius:14px;background:rgba(13,23,39,.96);box-shadow:0 18px 50px rgba(0,0,0,.45);color:#d9d3ff;font:750 11px system-ui;cursor:pointer;backdrop-filter:blur(20px)}
#authScreen .auth-forgot{display:block;width:100%;margin:9px 0 0;padding:8px;border:0;background:transparent;color:#9d90ff;font-size:12px;font-weight:750;text-align:center;cursor:pointer}#authScreen .auth-forgot:hover{color:#c7bdff}.auth-forgot.hidden{display:none!important}
.password-reset-card{position:relative;width:min(440px,calc(100vw - 28px));padding:30px;border:1px solid var(--n-line-strong);border-radius:26px;background:linear-gradient(155deg,rgba(17,28,47,.99),rgba(7,14,25,.99));box-shadow:0 32px 100px rgba(0,0,0,.55)}.password-reset-close{position:absolute;right:16px;top:16px;width:38px;height:38px;border:1px solid var(--n-line);border-radius:12px;background:#121d2d;color:#93a1b6;font-size:22px}.password-reset-icon{display:grid;width:52px;height:52px;margin-bottom:14px;place-items:center;border-radius:16px;background:linear-gradient(145deg,rgba(126,105,255,.3),rgba(63,183,255,.12));color:#aa9cff}.password-reset-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.password-reset-card h2{margin:0 48px 6px 0;color:#f1f4fb;font-size:22px}.password-reset-card>p{margin:0 0 20px;color:#8190a6;font-size:12px;line-height:1.55}.password-reset-card label{display:flex;margin:10px 0 0;flex-direction:column;gap:6px;color:#93a1b6;font-size:10px;font-weight:800}.password-reset-card input{width:100%;min-height:48px;padding:0 13px;border:1px solid var(--n-line);border-radius:13px;background:#07111e;color:#edf1fa;font-size:15px;outline:none}.password-reset-card input:focus{border-color:rgba(126,105,255,.55);box-shadow:0 0 0 3px rgba(126,105,255,.1)}.password-reset-card>button.primary,.password-reset-card>button.secondary{width:100%;min-height:46px;margin-top:12px;border-radius:13px}.password-reset-divider{display:flex;margin:18px 0 2px;align-items:center;gap:10px;color:#68778d;font-size:9px;font-weight:800;text-transform:uppercase}.password-reset-divider::before,.password-reset-divider::after{content:"";height:1px;flex:1;background:var(--n-line)}.password-reset-status{min-height:18px;margin-top:10px;color:#ff8095;font-size:11px;text-align:center}.password-reset-status.success{color:#6fddb5}
#profileModal .profile-username-field{opacity:1!important}#profileModal .username-availability{display:block;margin-top:5px;font-size:8px!important;line-height:1.35}#profileModal .username-availability.available{color:#63d8ad!important}#profileModal .username-availability.checking{color:#8ca5c9!important}#profileModal .username-availability.taken,#profileModal .username-availability.invalid{color:#ff8198!important}

@media(min-width:901px){
  #app .sidebar-search-row{position:relative!important;padding-right:47px!important}
  #app .sidebar-search-row .search{padding-right:84px!important}
  #app .search-shortcut{right:50px!important;max-width:43px!important;font-size:8px!important;white-space:nowrap!important}
  #app .advanced-search-btn{position:absolute!important;z-index:3!important;right:6px!important;top:50%!important;width:36px!important;height:36px!important;transform:translateY(-50%)!important}
  #app .desktop-close-chat{display:grid!important}
}
@media(max-width:900px){#app .desktop-close-chat{display:none!important}.password-reset-card{max-height:88dvh;padding:24px 18px;overflow-y:auto}}

.nova-admin-reset{display:flex;min-height:68px;padding:12px;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--n-line);border-radius:15px;background:rgba(8,17,30,.72)}.nova-admin-reset>div:first-child{display:flex;min-width:0;flex-direction:column;gap:4px}.nova-admin-reset b{color:#e7ecf5}.nova-admin-reset small{color:#75849a}.nova-admin-reset>div:last-child{display:flex;gap:7px}.nova-admin-reset button,.admin-system-tools>button,.admin-broadcast button{min-height:38px;padding:0 13px;border:1px solid rgba(126,105,255,.3);border-radius:11px;background:rgba(126,105,255,.12);color:#cfc7ff;font-weight:800}.nova-admin-reset button.danger{border-color:rgba(230,74,104,.25);background:rgba(230,74,104,.1);color:#ff91a5}.admin-push-stats{display:grid;margin:12px 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.admin-push-stats article{display:flex;min-height:72px;padding:10px;flex-direction:column;justify-content:center;border:1px solid var(--n-line);border-radius:13px;background:rgba(8,17,30,.7)}.admin-push-stats b{color:#f0f3fa;font-size:21px}.admin-push-stats span{color:#75849a;font-size:9px}.admin-broadcast{display:flex;flex-direction:column;gap:9px}.admin-broadcast input,.admin-broadcast textarea{width:100%;padding:12px;border:1px solid var(--n-line);border-radius:12px;background:#07111e;color:#edf1fa;outline:none}.admin-broadcast textarea{min-height:110px;resize:vertical}
@media(max-width:760px){.nova-admin-tabs{overflow-x:auto;scrollbar-width:none}.nova-admin-tabs::-webkit-scrollbar{display:none}.nova-admin-tabs button{flex:0 0 auto}.nova-admin-reset{align-items:flex-start;flex-direction:column}.nova-admin-reset>div:last-child{width:100%}.nova-admin-reset button{flex:1}.admin-push-stats{grid-template-columns:1fr}.admin-push-stats article{min-height:58px}}

/* 21.7.4 · cohesive settings navigation, icons and selects */
.settings-menu-toggle{display:none}
#settingsModal .settings-admin-action{border-color:color-mix(in srgb,var(--theme-accent,#806bff) 30%,transparent)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent,#806bff) 15%,transparent),color-mix(in srgb,var(--theme-accent-2,#4ab9ff) 7%,transparent))!important}
#settingsModal .settings-section select{
  -webkit-appearance:none!important;appearance:none!important;width:auto!important;min-width:170px!important;height:46px!important;padding:0 46px 0 16px!important;border:1px solid color-mix(in srgb,var(--theme-accent,#806bff) 25%,var(--theme-line,var(--n-line)))!important;border-radius:14px!important;background-color:color-mix(in srgb,var(--theme-panel-2,#0c1626) 92%,var(--theme-accent,#806bff) 8%)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aaa0ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:18px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 24px rgba(0,0,0,.12)!important;color:#eef1f8!important;font:750 13px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;cursor:pointer!important;outline:none!important;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease!important
}
#settingsModal .settings-section select:hover{border-color:color-mix(in srgb,var(--theme-accent,#806bff) 46%,transparent)!important}
#settingsModal .settings-section select:focus{border-color:color-mix(in srgb,var(--theme-accent,#806bff) 68%,transparent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent,#806bff) 13%,transparent),0 10px 30px rgba(0,0,0,.16)!important}
#settingsModal .settings-section select option{background:#0b1524;color:#edf1f9}
#settingsModal .settings-data-action>span,#settingsModal .settings-icon-button svg{display:grid;place-items:center;flex:0 0 auto}
#settingsModal .settings-data-action>span svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#settingsModal .settings-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}
#settingsModal .settings-icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

@media(max-width:900px){
  #settingsModal .settings-menu-toggle{display:grid;width:100%;min-height:58px;margin:0 0 10px;padding:8px 11px;grid-template-columns:40px minmax(0,1fr) 20px;align-items:center;gap:10px;border:1px solid color-mix(in srgb,var(--theme-accent,#806bff) 27%,var(--theme-line,var(--n-line)));border-radius:17px;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent,#806bff) 12%,var(--theme-panel-2,#0c1626)),color-mix(in srgb,var(--theme-accent-2,#4ab9ff) 5%,var(--theme-panel-2,#0c1626)));color:#e9edf7;text-align:left;box-shadow:0 12px 32px rgba(0,0,0,.14)}
  #settingsModal .settings-menu-toggle-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--theme-accent,#806bff) 34%,transparent),color-mix(in srgb,var(--theme-accent-2,#4ab9ff) 16%,transparent));color:#d5ceff}
  #settingsModal .settings-menu-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  #settingsModal .settings-menu-toggle>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:3px}
  #settingsModal .settings-menu-toggle small{color:#708096;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
  #settingsModal .settings-menu-toggle b{overflow:hidden;font-size:13px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}
  #settingsModal .settings-menu-chevron{color:#8c9ab0;transition:transform .2s ease}
  #settingsModal .settings-menu-toggle[aria-expanded="true"] .settings-menu-chevron{transform:rotate(180deg)}
  #settingsModal .settings-tabs.mobile-collapsed{display:none!important}
  #settingsModal .settings-tabs{max-height:min(47dvh,410px)!important;margin:-2px 0 10px!important;padding:7px!important;border:1px solid var(--theme-line,var(--n-line))!important;border-radius:18px!important;background:color-mix(in srgb,var(--theme-panel,#08111e) 92%,transparent)!important;overflow-y:auto!important;box-shadow:0 18px 46px rgba(0,0,0,.22)!important}
  #settingsModal .settings-tabs button{min-height:54px!important;padding:7px 9px!important;grid-template-columns:38px minmax(0,1fr) 18px!important;border-radius:14px!important}
  #settingsModal .settings-tabs button>svg{width:18px!important;height:18px!important;padding:8px!important;border-radius:10px!important}
  #settingsModal .settings-section{overflow:hidden!important}
  #settingsModal .privacy-select-row,#settingsModal .presence-status-row,#settingsModal [data-settings-pane="quality"]>.settings-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(138px,44%)!important;align-items:center!important;gap:12px!important}
  #settingsModal .privacy-select-row>div,#settingsModal .presence-status-row>div,#settingsModal [data-settings-pane="quality"]>.settings-row>div{min-width:0!important}
  #settingsModal .privacy-select-row .settings-row-title,#settingsModal .presence-status-row .settings-row-title,#settingsModal [data-settings-pane="quality"]>.settings-row .settings-row-title{overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
  #settingsModal .settings-section select{width:100%!important;min-width:0!important;max-width:100%!important;height:44px!important;padding:0 38px 0 13px!important;background-position:right 11px center!important;font-size:13px!important}
}

@media(max-width:430px){
  #settingsModal .privacy-select-row,#settingsModal .presence-status-row,#settingsModal [data-settings-pane="quality"]>.settings-row{grid-template-columns:minmax(0,1fr) 132px!important;gap:9px!important}
  #settingsModal .settings-section{padding:14px!important}
  #settingsModal .settings-row-title{font-size:12px!important;line-height:1.3!important}
  #settingsModal .settings-row-note{font-size:9px!important;line-height:1.35!important}
  #settingsModal .settings-section select{font-size:12px!important}
}
