/* HokmTaaz Circle · social surfaces */
.circle-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:50% 25%;background:#153744;border:2px solid #9acbc666;flex-shrink:0}.circle-avatar.portrait{width:100%;height:100%;border-radius:inherit}.circle-duo{display:flex;align-items:center;flex-shrink:0}.circle-duo .circle-avatar+img{margin-inline-start:-15px;transform:translateY(8px);border-color:#122d3d}.circle-home{display:flex;align-items:center;gap:16px;width:100%;padding:17px 19px;border:1px solid #76beb746;border-radius:19px;background:linear-gradient(110deg,#16434a,#133440);color:#f8ecd9;text-align:start;margin:0 0 15px}.circle-home>span:nth-child(2){flex:1;min-width:0}.circle-home b,.circle-home small{display:block}.circle-home b{font-size:16px}.circle-home small{font-size:11px;color:#a9cbc7;margin-top:4px}.circle-home>svg{width:20px}.circle-connect{text-align:center}.circle-connect .circle-duo{justify-content:center;margin:18px auto 30px}.circle-connect .circle-avatar{width:76px;height:76px}.circle-online-actions{display:flex;gap:10px;align-items:center;margin-bottom:16px}.circle-online-actions .button{margin:0}.circle-profile-card{display:flex;align-items:center;gap:14px;padding:16px;margin-bottom:18px;width:100%;border:1px solid #88bbae44;border-radius:17px;background:#16404b;color:#f8ecd9;text-align:start}.circle-profile-card span{flex:1}.circle-profile-card b,.circle-profile-card small{display:block}.circle-profile-card small{color:#b2cfcd}.circle-profile-card>svg{width:22px}.circle-avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px 8px}.circle-avatar-grid button{border:1px solid transparent;background:#274a5555;border-radius:14px;padding:9px 3px;color:inherit}.circle-avatar-grid button.selected{border-color:#a2e2d1;background:#62c9b32a;box-shadow:0 0 0 1px #a2e2d1}.circle-avatar-grid .circle-avatar{width:57px;height:57px;display:block;margin:0 auto 6px}.circle-avatar-grid span{font-size:12px}.circle-self{display:flex;align-items:center;gap:13px}.circle-self>div{flex:1;min-width:0}.circle-self b,.circle-self small{display:block}.circle-self small{font-size:12px;opacity:.68;text-align:start}.circle-self .button{width:auto;margin:0}.circle-find label{display:block;font-weight:700;font-size:14px;margin-bottom:9px}.circle-find>div{display:flex;gap:8px}.circle-find input{min-width:0;width:100%;flex:1}.circle-find .button{width:auto;min-width:65px;margin:0;padding:11px}.circle-find small{display:block;opacity:.65;font-size:11px;margin-top:9px}.circle-request{display:flex;align-items:center;gap:9px;margin-bottom:14px}.circle-request .circle-avatar{width:38px;height:38px}.circle-request>div{flex:1;min-width:0}.circle-request b,.circle-request small{display:block}.circle-request small{font-size:10px}.circle-request .button{width:auto;margin:0;font-size:11px;padding:9px}.circle-section{display:flex;justify-content:space-between;align-items:center;margin:23px 1px 14px}.circle-section h2{font-size:19px;margin:0}.circle-section>span{font-size:12px;opacity:.6}.circle-friends{display:grid;gap:12px}.circle-friend{border:1px solid #86aea438;border-radius:18px;background:linear-gradient(135deg,#1c4550,#112d3a);overflow:hidden;color:#f1ecd8}.circle-friend-main{padding:15px;width:100%;display:flex;gap:12px;align-items:center;text-align:start;border:0;background:transparent;color:inherit}.circle-friend-main>span{flex:1;min-width:0}.circle-friend-main b{display:flex;gap:7px;align-items:center}.circle-friend-main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px;font-size:11px;color:#b6cbc6;margin-top:5px}.circle-friend-main>svg{width:22px;opacity:.7}.circle-presence{display:inline-block;width:6px;height:6px;background:#6e8587;border-radius:50%}.circle-presence.active{background:#7cd5b0;box-shadow:0 0 8px #7cd5b044}.circle-friend-actions{display:flex;gap:8px;border-top:1px solid #93bfa31d;padding:8px 15px}.circle-friend-actions .button{margin:0;padding:8px 12px;min-height:37px;font-size:11px;width:auto}.circle-count,.circle-unread-badge{display:grid;place-items:center;min-width:21px;height:21px;border-radius:14px;font-size:11px;font-style:normal;background:#d4b177;color:#102d36;padding:0 5px}.circle-unread-badge{position:absolute;top:3px;inset-inline-end:10px}.circle-unread-badge[hidden]{display:none}#navigation>button{position:relative;min-width:0}.circle-empty{text-align:center;padding:28px}.circle-empty>svg{width:45px;height:45px;color:#7dbcb5}.circle-empty h3{font-size:18px}.circle-empty p{font-size:13px;line-height:1.9}.circle-privacy{font-size:10px;opacity:.6;line-height:1.9;margin:23px 8px}.circle-menu-head{text-align:center;margin:10px auto 24px}.circle-menu-head .circle-avatar{width:78px;height:78px}.circle-menu-head h2{margin:10px 0 3px}.circle-blocked{display:flex;justify-content:space-between;align-items:center}.circle-blocked .button{width:auto}.circle-conversation{height:100%;min-height:320px;display:flex;flex-direction:column;background:linear-gradient(170deg,#122e3c,#0c2431);border-radius:20px;overflow:hidden;color:#f4ead6}.circle-chat-top{display:flex;align-items:center;gap:10px;padding:11px 13px;background:#244b5359;border-bottom:1px solid #87b6ad33;flex-shrink:0}.circle-chat-top .circle-avatar{width:38px;height:38px}.circle-chat-top>svg{width:27px;height:27px}.circle-chat-top>.round{width:35px;height:35px;min-width:35px;background:#51716e38;color:#f4ead6}.circle-chat-top b,.circle-chat-top small{display:block}.circle-chat-top b{font-size:14px}.circle-chat-top small{font-size:10px;color:#a8c4c2;margin-top:3px}.circle-chat-log{flex:1;min-height:60px;overflow:auto;overscroll-behavior:contain;padding:15px 12px;scrollbar-width:thin;scrollbar-color:#4a7677 transparent}.circle-chat-empty{text-align:center;margin:35px 16px;font-size:13px;color:#9dbdbb}.circle-chat-empty>svg{width:38px;height:38px;opacity:.55}.circle-message{display:flex;align-items:flex-end;gap:7px;max-width:92%;margin:0 0 14px;position:relative;clear:both;float:inline-start}.circle-message.mine{float:inline-end;flex-direction:row-reverse}.circle-message .circle-avatar{width:27px;height:27px;border-width:1px;margin-bottom:5px}.circle-message-content{padding:10px 13px;background:#244653;border:1px solid #679f9a22;border-radius:16px 16px 4px 16px;max-width:100%;min-width:60px;overflow-wrap:anywhere}.mine .circle-message-content{background:#28625f;border-color:#7eceb738;border-radius:16px 16px 16px 4px}.circle-message p{margin:0;white-space:pre-wrap;font-size:14px;line-height:1.85}.circle-message-time{display:block;font-size:9px;color:#b4cbc6;text-align:end;margin-top:5px}.circle-sender{display:block;color:#aed5c6;font-size:10px;margin-bottom:5px}.circle-report{border:0;color:#c3d5d0;background:transparent;align-self:center;font-size:21px;padding:4px}.circle-message.is-sticker .circle-message-content{padding:0 6px 7px;background:transparent;border:0}.circle-sticker{display:inline-flex;flex-direction:column;align-items:center;width:101px;text-align:center;filter:drop-shadow(0 5px 7px #00161d60)}.circle-sticker svg{width:100%;height:auto}.circle-sticker b{font-size:12px;background:#17414dcc;color:#fff0d2;border:1px solid #d8bc7844;border-radius:12px;padding:4px 9px;margin-top:-9px;white-space:nowrap;font-weight:800}.circle-chat-status{font-size:10px;color:#edc88e;padding:0 12px;line-height:1.7;max-height:50px;overflow:auto;flex-shrink:0}.circle-chat-status:empty{display:none}.circle-composer{display:flex;align-items:center;gap:8px;padding:11px 10px max(11px,env(safe-area-inset-bottom));border-top:1px solid #7bb1a830;background:#163744;flex-shrink:0}.circle-composer input{flex:1;min-width:0;border:1px solid #67968f44!important;border-radius:15px!important;background:#082532!important;color:#f5efdd!important;margin:0!important;padding:12px!important;font-size:13px!important}.circle-composer .round{width:38px;height:38px;min-width:38px;background:#355b6359;color:#d9ece0}.circle-send{width:43px;height:43px;min-width:43px;display:grid;place-items:center;border:1px solid #aee2bd70;border-radius:14px;background:#9ed6bc;color:#153b42}.circle-send svg{width:23px;height:23px}.circle-sticker-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;max-height:205px;overflow:auto;padding:10px;background:#173642;flex-shrink:0;border-top:1px solid #85aaa633}.circle-sticker-picker[hidden]{display:none}.circle-sticker-picker>button{background:transparent;border:0;color:inherit;padding:0}.circle-sticker-picker .circle-sticker{width:70px}.circle-sticker-picker .circle-sticker b{font-size:9px;padding:3px 7px}.circle-older{display:block;width:max-content;max-width:100%;margin:0 auto 16px;background:#294c5666;border:1px solid #7eb7aa33;border-radius:12px;color:#c8dfd3;padding:7px 13px;font-size:11px}.circle-drawer{position:fixed;top:calc(65px + env(safe-area-inset-top));inset-inline:10px;max-width:520px;margin:auto;height:min(55dvh,480px);max-height:calc(100dvh - 135px);z-index:85;display:flex;flex-direction:column;border:1px solid #83c4b6aa;border-radius:20px;background:#102f3bf5;box-shadow:0 12px 60px #001119c9;overflow:hidden;color:#f4ead6}.circle-drawer .circle-chat-top{padding:7px 10px}.circle-drawer .circle-chat-log{padding:8px}.circle-drawer .circle-message{margin-bottom:7px}.circle-drawer .circle-composer{padding:7px}.circle-drawer .circle-sticker-picker{max-height:140px}.circle-drawer .circle-chat-empty{margin:12px;font-size:11px}.circle-chat-button{width:32px!important;height:32px!important;min-width:32px!important;position:relative;padding:6px!important}.circle-chat-button.has-unread:after{content:'';position:absolute;right:0;top:0;width:7px;height:7px;background:#f1c573;border-radius:50%}.circle-sticker-pop{position:absolute;bottom:65%;left:50%;transform:translateX(-50%);z-index:60;pointer-events:none;animation:circle-bounce .45s ease-out}.circle-sticker-pop .circle-sticker{width:83px}.circle-sticker-pop.own{bottom:2%;left:50%}.circle-sticker-pop b{font-size:10px}.circle-message-content a{color:inherit}body[data-view="conversation"] #screen{padding:8px 10px 5px;overflow:hidden;display:flex;flex-direction:column}body[data-view="conversation"] .circle-conversation{flex:1;min-height:0}body[data-theme="modern"] .circle-home,body[data-theme="modern"] .circle-friend{background:linear-gradient(130deg,#2c304e,#171d34);border-color:#99a8f747}body[data-theme="modern"] .circle-conversation,body[data-theme="modern"] .circle-drawer{background:#171e32}body[data-theme="modern"] .circle-composer{background:#212b46}body[data-theme="modern"] .mine .circle-message-content{background:#49416c}body.reduced .circle-sticker-pop{animation:none}@keyframes circle-bounce{0%{opacity:0;transform:translateX(-50%) scale(.6)}70%{transform:translateX(-50%) scale(1.1)}100%{opacity:1;transform:translateX(-50%) scale(1)}}@media(max-width:360px){.circle-home{padding:14px 12px;gap:12px}.circle-home b{font-size:14px}.circle-home .circle-avatar{width:40px;height:40px}.circle-avatar-grid{gap:8px 5px}.circle-avatar-grid .circle-avatar{width:48px;height:48px}.circle-request .button{padding:7px;font-size:10px}.circle-friend-main small{max-width:165px}.circle-sticker-picker .circle-sticker{width:61px}.circle-chat-top b{font-size:12px}}@media(prefers-reduced-motion:reduce){.circle-sticker-pop{animation:none}}
body.on-table #topbar{gap:5px;padding-inline:9px}body.on-table #topbar .table-heading{min-width:0;flex:1;font-size:12px}body.on-table #topbar .table-heading small{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}