:root{--premium-navy:#102a43;--premium-navy-2:#183b56;--premium-blue:#168fd3;--premium-blue-soft:#e8f5fc;--premium-teal:#0f9f8f;--premium-ink:#203247;--premium-muted:#75869a;--premium-line:#e7edf3;--premium-surface:#fff;--premium-canvas:#f5f8fb}
*{scrollbar-color:#c4d1dd transparent;scrollbar-width:thin}body.premium-ui{background:linear-gradient(145deg,#eaf1f7,#f7fafc 48%,#eaf7f5);color:var(--premium-ink)}body.premium-ui button{transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease,color .16s ease}body.premium-ui button:active{transform:scale(.97)}body.premium-ui main#app{width:100%;max-width:1540px;grid-template-columns:338px minmax(0,1fr);overflow:hidden;border:1px solid rgba(205,217,229,.7);background:rgba(255,255,255,.96);box-shadow:0 24px 70px rgba(27,55,80,.12)}
body.premium-ui aside{height:100vh;padding:0;border-left:1px solid var(--premium-line);background:linear-gradient(180deg,#fbfdff 0,#f7fafc 52%,#fbfdfd 100%);overscroll-behavior:contain}body.premium-ui aside>header{height:auto;min-height:86px;padding:15px 16px 13px;border-bottom:1px solid var(--premium-line);background:rgba(255,255,255,.88);backdrop-filter:blur(14px);position:sticky;top:0;z-index:7}body.premium-ui aside>header>div:first-child{min-width:0;display:flex;align-items:center;gap:8px}body.premium-ui .brand{flex:0 0 auto;font-size:19px;line-height:1;letter-spacing:-.35px;white-space:nowrap;color:var(--premium-navy)}body.premium-ui #me{min-width:0;margin:0}body.premium-ui .my-profile-button{max-width:132px;padding:4px 6px 4px 4px;border-radius:14px}body.premium-ui .my-profile-button:hover{background:#f0f6fa;opacity:1}body.premium-ui .header-avatar{width:38px;height:38px;box-shadow:0 0 0 3px #e8f5fc}body.premium-ui .account-actions{flex:0 0 auto;display:flex;align-items:center;gap:5px;flex-wrap:nowrap}body.premium-ui .account-actions button{height:36px;padding:7px 9px;border:1px solid var(--premium-line);border-radius:12px;background:#f4f8fb;color:#5b6e82;font-size:10px;white-space:nowrap}body.premium-ui .account-actions button:hover{border-color:#cde3ef;background:#eaf6fb;color:#137eaf}
body.premium-ui aside .tools{display:block;margin:0;padding:14px 14px 10px;border-bottom:1px solid #edf2f6;background:rgba(255,255,255,.58)}body.premium-ui .premium-primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}body.premium-ui .premium-primary-actions button{min-width:0;height:40px;display:flex;align-items:center;justify-content:center;gap:7px;margin:0!important;padding:8px 10px!important;border:1px solid #d8e8f2!important;border-radius:13px!important;background:#eef7fc!important;color:#176e9e!important;font-size:11px!important;font-weight:700;box-shadow:none!important}body.premium-ui .premium-primary-actions #newDirect{grid-column:1/-1;height:44px;background:linear-gradient(135deg,#168fd3,#1aa8ce)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 8px 19px rgba(22,143,211,.22)!important;font-size:12px!important}body.premium-ui .premium-primary-actions button:hover{transform:translateY(-1px);border-color:#b7d9e9!important;background:#e3f3fa!important}body.premium-ui .premium-primary-actions #newDirect:hover{background:linear-gradient(135deg,#117fbe,#1598bd)!important}.premium-action-icon{width:23px;height:23px;display:grid;place-items:center;flex:0 0 23px;border-radius:8px;background:rgba(255,255,255,.72);font-size:13px;font-style:normal}.premium-primary-actions #newDirect .premium-action-icon{background:rgba(255,255,255,.18)}.premium-action-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.premium-more-toggle{width:100%;height:38px;display:flex;align-items:center;justify-content:space-between;margin-top:8px!important;padding:7px 11px!important;border:1px solid transparent!important;border-radius:12px!important;background:transparent!important;color:#6c7e91!important;font-size:10px!important}.premium-more-toggle>span{display:flex;align-items:center;gap:7px}.premium-more-toggle i{font-style:normal;font-size:15px}.premium-more-toggle>b{font-size:15px;transition:transform .2s ease}.premium-tools-open .premium-more-toggle{background:#f1f6f9!important;color:#38566f!important}.premium-tools-open .premium-more-toggle>b{transform:rotate(180deg)}.premium-secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-height:0;overflow:hidden;opacity:0;transform:translateY(-5px);transition:max-height .24s ease,opacity .18s ease,transform .18s ease}.premium-tools-open .premium-secondary-actions{max-height:260px;padding-top:7px;opacity:1;transform:none}.premium-secondary-actions button{min-width:0;height:36px;display:flex;align-items:center;justify-content:flex-start;gap:6px;margin:0!important;padding:6px 8px!important;border:1px solid #e2eaf0!important;border-radius:11px!important;background:#fff!important;color:#51667a!important;font-size:9.5px!important;text-align:right;box-shadow:0 2px 7px rgba(39,65,88,.03)!important}.premium-secondary-actions button:hover{border-color:#c9dce8!important;background:#f3f9fc!important;color:#176e9e!important}.premium-secondary-actions .premium-action-icon{width:21px;height:21px;flex-basis:21px;background:#edf5f9;font-size:11px}.premium-secondary-actions button>b{margin-right:auto;min-width:18px;padding:2px 5px;border-radius:99px;background:#ef4444;color:#fff;font-size:8px;text-align:center}
body.premium-ui #search{width:calc(100% - 28px);height:44px;margin:12px 14px 7px;padding:0 42px 0 13px;border:1px solid #dfe8ef;border-radius:14px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%238094a8' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") no-repeat right 14px center;color:var(--premium-ink);font-size:11px;outline:0;box-shadow:0 4px 13px rgba(38,64,88,.035)}body.premium-ui #search:focus{border-color:#8bc7e4;box-shadow:0 0 0 3px rgba(22,143,211,.09),0 5px 16px rgba(38,64,88,.05)}body.premium-ui #conversations{padding:4px 9px 18px}body.premium-ui .item{min-height:68px;gap:11px;margin:2px 0;padding:9px 10px;border:1px solid transparent;border-radius:16px;transform:none}body.premium-ui .item:hover{border-color:#e2edf3;background:#f1f7fa;transform:none}body.premium-ui .item.active{border-color:#cfe5f0;background:linear-gradient(135deg,#eaf6fc,#edf9f7);box-shadow:inset -3px 0 0 var(--premium-blue),0 5px 14px rgba(30,80,112,.055)}body.premium-ui .item.unread:not(.active){background:#f5fbfe}body.premium-ui .avatar{width:46px;height:46px;flex:0 0 46px;border-radius:15px;background:linear-gradient(145deg,#178fd2,#13a394);box-shadow:0 5px 13px rgba(22,143,211,.16);font-size:14px}body.premium-ui .avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}body.premium-ui .item-head b{overflow:hidden;color:#24364a;font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}body.premium-ui .item p{margin-top:4px;color:#8190a1;font-size:10.5px}body.premium-ui .unread-badge{min-width:21px;height:21px;padding-inline:6px;background:linear-gradient(135deg,#168fd3,#1aa8ce);font-size:9px;box-shadow:none}
body.premium-ui .chat{height:100vh;grid-template-rows:76px minmax(0,1fr) 78px;background:#fff}body.premium-ui #chatHead{height:76px;padding:10px 18px;border-bottom:1px solid var(--premium-line);background:rgba(255,255,255,.9);backdrop-filter:blur(16px);box-shadow:0 3px 14px rgba(35,58,78,.035);z-index:12}body.premium-ui #chatHead .chat-title-stack{gap:2px}body.premium-ui #chatTitle{color:var(--premium-navy);font-size:14px;letter-spacing:-.15px}body.premium-ui #topicSubtitle{color:#8190a1;font-size:9px}.premium-chat-actions-trigger{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;padding:0!important;border:1px solid #e1eaf0!important;border-radius:13px!important;background:#f5f8fa!important;color:#536b80!important;letter-spacing:2px}.premium-chat-actions-trigger:hover{border-color:#c9dce8!important;background:#edf6fa!important;color:#1683ba!important}.premium-ui #chatHead{position:relative}.premium-ui .chat-head-actions{position:absolute;top:66px;left:16px;width:min(250px,calc(100vw - 32px));display:grid;grid-template-columns:1fr;gap:4px;margin:0;padding:8px;border:1px solid #dce7ed;border-radius:16px;background:rgba(255,255,255,.98);box-shadow:0 16px 40px rgba(23,48,68,.18);opacity:0;visibility:hidden;transform:translateY(-7px) scale(.98);transform-origin:top left;transition:.16s ease;z-index:40}.premium-ui .premium-chat-menu-open .chat-head-actions{opacity:1;visibility:visible;transform:none}.premium-ui .chat-head-actions button,.premium-ui .chat-head-actions .hampayam-download-images-button{width:100%;height:39px;display:flex!important;align-items:center;justify-content:flex-start;gap:9px;margin:0!important;padding:7px 9px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#425a70!important;font-size:11px!important;text-align:right;box-shadow:none!important}.premium-ui .chat-head-actions button:hover{background:#eef6fa!important;color:#127eaf!important;transform:none}.premium-ui .chat-head-actions button[hidden]{display:none!important}.premium-ui .chat-head-actions .leave-group-btn,.premium-ui .chat-head-actions .channel-leave-btn{color:#c2414c!important}.premium-ui .chat-head-actions .leave-group-btn:hover,.premium-ui .chat-head-actions .channel-leave-btn:hover{background:#fff1f2!important}.premium-ui .chat-head-actions .premium-action-icon{background:#eaf3f7}.premium-ui .chat-head-actions .leave-group-btn .premium-action-icon,.premium-ui .chat-head-actions .channel-leave-btn .premium-action-icon{background:#fff0f1}.premium-ui #hampayamDownloadChatImages .hampayam-download-images-icon,.premium-ui #hampayamDownloadChatImages .hampayam-download-images-label{display:none}
body.premium-ui #messages{padding:22px clamp(16px,3.1vw,46px)!important;background-color:#f7f5f1!important;background-image:radial-gradient(circle at 8% 10%,rgba(255,255,255,.82),transparent 30%),radial-gradient(circle at 92% 86%,rgba(176,213,205,.16),transparent 33%),linear-gradient(rgba(250,248,245,.82),rgba(246,244,240,.88)),url('/hampayam-chat-pattern-v3.svg?v=3')!important;background-size:auto,auto,auto,360px 360px!important;background-attachment:local!important}body.premium-ui #messages .msg{width:fit-content;min-width:190px;max-width:min(68%,720px);margin:11px 0;padding:10px 13px 8px;border:1px solid rgba(132,151,166,.14)!important;border-radius:19px 19px 19px 6px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 2px 4px rgba(46,61,72,.06),0 9px 25px rgba(46,61,72,.045)!important;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}body.premium-ui #messages .msg:hover{border-color:rgba(77,151,187,.22)!important;box-shadow:0 3px 7px rgba(46,61,72,.075),0 13px 30px rgba(46,61,72,.055)!important}body.premium-ui #messages .msg.mine{margin-right:auto;border-color:rgba(74,161,132,.18)!important;border-radius:19px 19px 6px 19px!important;background:linear-gradient(145deg,#e5f6ed,#e9f7f1)!important;box-shadow:0 2px 4px rgba(46,95,75,.055),0 9px 24px rgba(46,95,75,.04)!important}.premium-ui .message-sender{gap:7px;margin-bottom:6px}.premium-ui .message-sender-avatar{width:27px;height:27px;min-width:27px}.premium-ui .small-avatar{width:27px;height:27px;font-size:11px}.premium-ui .message-sender-name{color:#197e79!important;font-size:10.5px!important}.premium-ui .bot-badge{margin-right:4px;padding:2px 6px;border-radius:99px;background:#e1f2fb;color:#137da9;font-size:8px}.premium-ui .message-body{display:block;color:#23364a;font-size:13px;line-height:1.9;overflow-wrap:anywhere}.premium-ui .forwarded-label{margin-bottom:5px;color:#668397;font-size:9px}.premium-ui .message-reply-quote{margin-bottom:7px;border-right:3px solid #3a9fd3;border-radius:9px;background:#f1f7fa}.premium-ui .msg>small{min-height:23px;display:flex!important;align-items:center;gap:4px;margin-top:5px!important;color:#8b98a5!important;font-size:8.5px!important;white-space:nowrap}.premium-ui .msg>small .read-receipt{margin:0 3px 0 0;font-size:11px}.premium-ui .msg>small button{max-width:0;min-width:0!important;min-height:25px!important;margin:0!important;padding:4px 0!important;overflow:hidden;border:0!important;border-radius:8px!important;opacity:0;pointer-events:none;transform:translateY(2px);white-space:nowrap;transition:max-width .18s ease,opacity .15s ease,padding .18s ease,transform .15s ease}.premium-ui .msg.message-actions-open>small button{max-width:80px;padding:4px 7px!important;opacity:1;pointer-events:auto;transform:none}.premium-ui .msg.selected-message{border-color:#168fd3!important;box-shadow:0 0 0 3px rgba(22,143,211,.16)!important}.premium-ui .message-media-preview{margin:8px 0 4px;border-radius:14px}.premium-ui .message-media-preview img,.premium-ui .message-media-preview video{border-radius:12px}.premium-ui .voice-message{border-radius:13px;background:rgba(255,255,255,.58)}
@media(hover:hover) and (pointer:fine){.premium-ui .msg:hover>small button,.premium-ui .msg:focus-within>small button{max-width:80px;padding:4px 7px!important;opacity:1;pointer-events:auto;transform:none}}
body.premium-ui #sendForm[data-telegram-composer="1"]{min-height:78px;padding:10px 16px!important;gap:8px!important;border-top:1px solid #e5ebf0;background:rgba(255,255,255,.92);backdrop-filter:blur(15px);box-shadow:0 -5px 18px rgba(31,54,74,.035);z-index:10}body.premium-ui #sendForm .composer-input-shell{min-height:50px;border:1px solid #dce6ed!important;border-radius:18px!important;background:#f8fafc!important;box-shadow:0 4px 14px rgba(31,54,74,.045)!important}body.premium-ui #sendForm .composer-input-shell:focus-within{border-color:#8cc8e3!important;background:#fff!important;box-shadow:0 0 0 3px rgba(22,143,211,.085),0 5px 16px rgba(31,54,74,.055)!important}body.premium-ui #sendForm .composer-input-shell textarea#text{color:#24364a;font-size:12px;line-height:1.85}body.premium-ui #textSendBtn{background:linear-gradient(145deg,#1c9ed6,#1585ca)!important;box-shadow:0 7px 16px rgba(22,143,211,.23)!important}body.premium-ui #sendForm>.emoji-btn,body.premium-ui #sendForm>.voice-btn{border:1px solid #e0e8ee!important;background:#f4f7f9!important;box-shadow:none!important}body.premium-ui #sendForm>.voice-btn{color:#0d897c!important}body.premium-ui #sendForm>.emoji-btn{color:#e59b20!important}
body.premium-ui dialog{border:1px solid rgba(215,225,233,.85);border-radius:22px;box-shadow:0 28px 80px rgba(20,43,62,.24)}body.premium-ui dialog::backdrop{background:rgba(10,28,43,.58);backdrop-filter:blur(3px)}body.premium-ui .dialog-head{padding-bottom:13px;border-bottom:1px solid #edf1f4}body.premium-ui .manager-section{border-top-color:#e9eef2}body.premium-ui .topics-panel{background:linear-gradient(155deg,#f4f9fc,#fbfdfd 62%,#f2faf8)}body.premium-ui .topic-card{border-color:#edf2f5;border-radius:18px;box-shadow:0 6px 18px rgba(35,66,89,.045)}body.premium-ui .topic-card:hover{border-color:#cce4ef;box-shadow:0 10px 25px rgba(35,66,89,.085)}body.premium-ui #toast{left:50%;bottom:92px;transform:translateX(-50%);max-width:min(440px,calc(100vw - 30px));padding:11px 17px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(16,42,67,.94);box-shadow:0 10px 30px rgba(14,31,46,.22);font-size:11px;text-align:center;backdrop-filter:blur(10px);z-index:100}
@media(max-width:760px){body.premium-ui main#app{display:block;border:0}body.premium-ui aside{height:100dvh}body.premium-ui aside>header{min-height:78px;padding:11px 12px}body.premium-ui .brand{font-size:19px}body.premium-ui .account-actions button{height:34px;padding-inline:7px;font-size:9px}body.premium-ui aside .tools{padding:10px 11px 8px}body.premium-ui #search{width:calc(100% - 22px);margin:10px 11px 5px}body.premium-ui #conversations{padding-inline:6px}body.premium-ui .item{min-height:66px;border-radius:15px}body.premium-ui .chat{height:100dvh;grid-template-rows:68px minmax(0,1fr) 72px}body.premium-ui #chatHead{height:68px;padding:8px 9px}body.premium-ui #chatTitle{font-size:12.5px}.premium-chat-actions-trigger{width:37px;height:37px;flex-basis:37px;border-radius:12px!important}.premium-ui .chat-head-actions{top:60px;left:9px;width:min(230px,calc(100vw - 18px))}body.premium-ui #messages{padding:14px 10px!important;background-size:auto,auto,auto,290px 290px!important}body.premium-ui #messages .msg{min-width:0;max-width:88%;margin:8px 0;padding:9px 11px 7px;border-radius:17px 17px 17px 5px!important}body.premium-ui #messages .msg.mine{border-radius:17px 17px 5px 17px!important}.premium-ui .message-body{font-size:12px;line-height:1.85}.premium-ui .message-sender{margin-bottom:4px}.premium-ui .message-sender-avatar,.premium-ui .small-avatar{width:25px;height:25px;min-width:25px}.premium-ui .msg>small{font-size:8px!important}.premium-ui .msg>small button{display:none!important}.premium-ui .msg.message-actions-open>small{flex-wrap:wrap}.premium-ui .msg.message-actions-open>small button{display:inline-flex!important;max-width:82px;padding:5px 7px!important;opacity:1;pointer-events:auto;transform:none}body.premium-ui #sendForm[data-telegram-composer="1"]{min-height:72px;padding:8px 7px!important;gap:5px!important}body.premium-ui #sendForm .composer-input-shell{min-height:47px;border-radius:16px!important}body.premium-ui #sendForm>.emoji-btn,body.premium-ui #sendForm>.voice-btn{width:39px;height:39px;flex-basis:39px}body.premium-ui #toast{bottom:82px}}
@media(max-width:390px){body.premium-ui .my-profile-button{max-width:130px}body.premium-ui .account-actions #notificationBtn{max-width:70px;overflow:hidden;text-overflow:ellipsis}body.premium-ui .premium-primary-actions button{font-size:10px!important}.premium-secondary-actions{grid-template-columns:1fr}.premium-tools-open .premium-secondary-actions{max-height:360px}.premium-ui .chat-title-stack small{font-size:8px}}
@media(prefers-reduced-motion:reduce){body.premium-ui *,body.premium-ui *::before,body.premium-ui *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
[hidden]{display:none!important}