/* Familiar messenger ergonomics with Zohal's own visual identity. */
.app-shell{direction:ltr;grid-template-columns:minmax(360px,470px) 1fr;background:#050509}.sidebar,.chat-panel,.empty-chat{direction:rtl}.sidebar{position:relative;background:#202020;border-left:0;border-right:1px solid #ffffff10;box-shadow:8px 0 34px #0005;z-index:2}.telegram-topbar{height:72px;padding:10px 18px;gap:12px;border-bottom:0;background:#202020}.hamburger{flex:0 0 42px}.hamburger span{display:block;width:22px;height:2px;margin:2.5px 0;border-radius:5px;background:#d5d5d5;transition:.2s}.top-search{height:48px;min-width:0;flex:1;display:flex;direction:ltr;align-items:center;gap:9px;padding:0 16px;border-radius:24px;background:#2b2b2b;color:#aaa;transition:.2s}.top-search:focus-within{background:#303030;box-shadow:inset 0 0 0 2px #9958e466}.top-search span{font-size:1.55rem;transform:rotate(-18deg)}.top-search input{width:100%;border:0;outline:0;background:transparent;color:#f5f5f5;font-size:1rem}.top-search input::placeholder{color:#aaa}.top-avatar-button{width:47px;height:47px;padding:2px;border:0;border-radius:50%;background:linear-gradient(145deg,#a85cf5,#5a88ff);cursor:pointer}.top-avatar-button .avatar{width:43px;height:43px;box-shadow:inset 0 0 0 2px #202020}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.notification-prompt{display:flex;align-items:center;gap:12px;margin:2px 14px 9px;padding:13px 15px;border:0;border-radius:14px;background:#2b2b2b;text-align:right;cursor:pointer}.notification-prompt>span:last-child{font-size:1.25rem;color:#bbb}.notification-copy{display:flex;flex:1;flex-direction:column;gap:6px}.notification-copy strong{font-size:.94rem}.notification-copy small{color:#aaa}.tabs{direction:ltr;padding:5px 17px 10px;gap:4px;border-bottom:1px solid #ffffff08}.tabs button{position:relative;flex:1;background:transparent;border-radius:0;padding:11px 8px;color:#aaa;font-weight:700}.tabs button.active{background:transparent;color:#b284ff}.tabs button.active::after{content:"";position:absolute;inset:auto 8px 0;height:3px;border-radius:5px;background:linear-gradient(90deg,#7d75ff,#b55cf0)}.conversation-list{padding:5px 9px 90px;scrollbar-width:thin;scrollbar-color:#ffffff20 transparent}.conversation-item{direction:ltr;min-height:76px;padding:8px 10px;border-radius:13px}.conversation-item:hover,.conversation-item.active{background:#2b2b2b}.conversation-item .avatar{flex-basis:56px;width:56px;height:56px;font-size:1rem;background:linear-gradient(145deg,#7c8cff,#a34ddb)}.conversation-copy{direction:rtl}.conversation-top strong{display:flex;align-items:center;gap:4px;font-size:1rem}.conversation-copy small{font-size:.85rem;color:#aaa}.conversation-top time{direction:ltr;padding-top:2px}.new-chat-fab{position:absolute;z-index:4;inset:auto auto 76px 22px;width:58px;height:58px;border:0;border-radius:50%;background:linear-gradient(145deg,#9e63f0,#6f63e7);box-shadow:0 7px 24px #0008;color:white;font-size:1.6rem;cursor:pointer;transition:.2s}.new-chat-fab:hover{transform:translateY(-2px) scale(1.03);filter:brightness(1.08)}.side-footer{background:#202020}.side-footer button:hover{color:#dbc1ff}.empty-chat,.chat-panel{background-color:#07070b;background-image:linear-gradient(90deg,#07070be8,#07070be8),url('/assets/chat-pattern.svg');background-repeat:repeat;background-size:auto,320px 240px}.empty-chat img{width:155px}.empty-chat h2{font-size:1.25rem}.chat-header{height:72px;background:#202020;border-bottom:0;box-shadow:0 2px 12px #0005}.chat-header .avatar{width:48px;height:48px}.message-list{background:radial-gradient(circle at 50% 0,#25102c55,transparent 46%)}.message{background:#252525;border:0;box-shadow:0 1px 2px #0007;border-radius:15px 15px 4px 15px}.message.own{background:linear-gradient(145deg,#6750a8,#7355b1)}.composer{padding:10px 18px calc(10px + env(safe-area-inset-bottom));background:#131313;border-top:1px solid #ffffff0a}.composer textarea{background:#262626;border:0;border-radius:22px}.send-button{background:linear-gradient(145deg,#9f63ef,#7568ef);box-shadow:0 4px 15px #0006}.name-badge{display:inline-block;width:17px;height:17px;vertical-align:-3px;flex:0 0 17px;margin-inline-start:3px}.premium-badge{width:16px;height:16px;filter:saturate(1.08)}.badged-title{display:flex;align-items:center;gap:5px}
@media(max-width:760px){.app-shell{direction:rtl}.new-chat-fab{inset:auto auto 72px 18px}.telegram-topbar{padding-inline:10px}.notification-prompt{margin-inline:9px}.conversation-list{padding-inline:4px}}