:root{--cp-bg:#111;--cp-raised:#1b1b1b;--cp-line:#343434;--cp-copy:#f5f7fa;--cp-muted:#b6becb;--cp-blue:#0060ff;--cp-danger:#ff6a78}
.cp-dialog{direction:rtl;color:var(--cp-copy);background:var(--cp-bg);border:1px solid var(--cp-line);border-radius:18px;width:min(720px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);padding:0;font:inherit;overflow:auto;box-shadow:0 20px 80px #0009;scroll-padding:90px 16px 32px}
.cp-dialog::backdrop{background:#000b}.cp-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--cp-line);position:sticky;top:0;background:var(--cp-bg);z-index:2}.cp-dialog h2{font-size:20px;margin:0}.cp-dialog h3{font-size:18px;margin:20px 0 12px}.cp-dialog h4{font-size:16px;margin:8px 0}.cp-dialog p{overflow-wrap:anywhere}.cp-dialog input,.cp-dialog textarea,.cp-dialog select{box-sizing:border-box;width:100%;background:var(--cp-raised);color:var(--cp-copy);border:1px solid var(--cp-line);border-radius:10px;padding:11px 12px;font:inherit;min-height:44px}.cp-dialog textarea{min-height:100px;resize:vertical}.cp-dialog>.cp-form,.cp-dialog>.cp-field,.cp-dialog>.cp-status{margin:16px 20px}.cp-field{display:grid;gap:7px;min-width:0}.cp-check{display:flex;align-items:center;gap:10px;min-height:44px}.cp-check input{width:20px;min-height:20px;accent-color:var(--cp-blue)}.cp-form{display:grid;gap:16px;border-block-end:1px solid var(--cp-line);padding-bottom:24px;margin-bottom:24px}.cp-form fieldset{border:1px solid var(--cp-line);border-radius:10px;min-width:0;padding:12px}.cp-form legend{color:var(--cp-muted);font-size:13px;padding:0 6px}.cp-button,.cp-close,.cp-entry,.cp-first-unread,.cp-tab,.cp-group-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 14px;background:var(--cp-raised);border:1px solid var(--cp-line);border-radius:10px;color:var(--cp-copy);font:inherit;text-decoration:none;cursor:pointer}.cp-primary{background:var(--cp-blue);border-color:var(--cp-blue);font-weight:700}.cp-button:hover,.cp-tab:hover,.cp-group-link:hover,.cp-close:hover{background:#272727}.cp-primary:hover{background:#0755d5}.cp-button:disabled,.cp-dialog button:disabled{opacity:.55;cursor:wait}.cp-dialog :focus-visible,.cp-entry:focus-visible,.cp-message-action:focus-visible,.cp-reaction:focus-visible{outline:2px solid #80b0ff;outline-offset:3px}.cp-muted{color:var(--cp-muted);font-size:14px;line-height:1.8}.cp-status{color:#c5d9ff;min-height:24px;line-height:1.7;margin:0}.cp-hub-nav{display:flex;gap:6px;padding:12px 20px;overflow:auto;border-bottom:1px solid var(--cp-line)}.cp-tab{flex-shrink:0;background:none;border-color:transparent}.cp-tab[aria-pressed=true]{color:#c6ddff;background:#0060ff26;border-color:#0060ff80}.cp-hub-body{padding:0 20px 24px}.cp-list-row{display:flex;gap:10px;align-items:center;padding:16px 0;border-bottom:1px solid var(--cp-line);flex-wrap:wrap}.cp-row-copy{flex:1;min-width:150px}.cp-row-copy p{white-space:pre-wrap;line-height:1.7}.cp-pre{white-space:pre-wrap;line-height:1.9}.cp-event{padding:18px 0;border-bottom:1px solid var(--cp-line);display:flex;flex-wrap:wrap;gap:12px}.cp-event h4,.cp-event p,.cp-event small,.cp-event-time{flex-basis:100%;margin:0}.cp-event-time{color:#9fc4ff;font-size:14px}.cp-event p{color:var(--cp-muted);line-height:1.8}.cp-section-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:16px}.cp-section-head h3{flex:1}.cp-group-link{display:flex;justify-content:start;width:100%;margin:8px 0}.cp-group-feed{max-height:36dvh;overflow:auto;overscroll-behavior:contain;padding:8px 0}.cp-group-message{padding:12px 0;border-bottom:1px solid var(--cp-line);overflow-wrap:anywhere}.cp-group-message strong{color:#98beff;font-size:13px}.cp-group-message>div{white-space:pre-wrap}.cp-message-action{background:none;color:#c6d6ef;border:0;cursor:pointer;font:inherit;font-size:12px;padding:8px;min-height:32px;border-radius:6px}.cp-message-action:hover{background:#0060ff26}.cp-reactions{display:flex;gap:6px;flex-wrap:wrap;margin-block-start:8px}.cp-reaction{padding:4px 9px;min-width:44px;min-height:32px;border:1px solid var(--cp-line);border-radius:9px;background:#191919;color:var(--cp-copy);font:inherit;cursor:pointer}.cp-reaction[aria-pressed=true]{border-color:var(--cp-blue);background:#0060ff26}.cp-edited{font-size:11px!important;color:var(--cp-muted);font-weight:400;margin-inline-start:6px}.cp-emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;max-height:40dvh;overflow:auto;padding:12px 20px 20px}.cp-emoji{min-height:44px;font-size:24px;background:none;border:0;border-radius:8px;cursor:pointer}.cp-emoji:hover{background:var(--cp-raised)}.cp-typing{min-height:24px;flex-shrink:0;color:var(--cp-muted);font-size:12px;padding-inline:16px}.cp-notice{position:fixed;inset-block-start:70px;inset-inline:12px;margin-inline:auto;width:fit-content;max-width:min(480px,calc(100vw - 24px));box-sizing:border-box;padding:12px 18px;background:#17253d;color:#e3eeff;border:1px solid #4974b5;border-radius:12px;z-index:2147483600;overflow-wrap:anywhere}.cp-unread-count{margin-inline-start:auto;min-width:20px;background:var(--cp-blue);color:#fff;border-radius:12px;padding:1px 5px;font-size:11px;text-align:center;flex-shrink:0}.cp-has-unread>span:not(.cp-unread-count){font-weight:700;color:#fff}.cp-unread-divider{color:#93bbff;text-align:center;font-size:12px;border-top:1px solid #0060ff;margin:16px 0;padding-top:8px}.cp-first-unread{background:#122d55;color:#d9e8ff;flex-shrink:0}.cp-server-tools{display:grid;gap:6px;padding:8px}.cp-server-tools .cp-button{font-size:12px;justify-content:start;min-height:36px}.cp-entry{font-size:12px;white-space:nowrap}.cp-entry-fixed{position:fixed;inset-inline-start:16px;inset-block-start:64px;z-index:30}.cp-notification-link{position:fixed;inset-block-start:125px;inset-inline-start:20px;background:#0060ff;color:#fff;padding:12px;z-index:100}.cp-call{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:20px;width:min(420px,calc(100vw - 40px));box-sizing:border-box;border:1px solid #0060ff80;border-radius:18px;background:#111;color:#f5f7fa;box-shadow:0 12px 60px #000b;z-index:200;padding:16px}.cp-call-head,.cp-call-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cp-call-head strong{flex:1}.cp-call-status{font-size:13px;color:var(--cp-muted);min-height:24px}.cp-call-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:45dvh;overflow:auto;margin:12px 0}.cp-call-tile{position:relative;min-height:100px;aspect-ratio:4/3;background:#1c1c1c;border-radius:12px;overflow:hidden;display:grid;place-items:center}.cp-call-tile img{width:48px;height:48px;object-fit:cover;border-radius:50%}.cp-call-tile video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.cp-call-tile span{position:absolute;bottom:5px;background:#000b;border-radius:4px;padding:1px 6px;font-size:12px;max-width:90%;overflow:hidden;text-overflow:ellipsis}.cp-call-controls .cp-button{flex:1;font-size:13px;min-width:70px}.cp-call-hangup{background:#b72a3d;border-color:#b72a3d}.cp-call [aria-pressed=true]{border-color:#0060ff;background:#103366}
@media(max-width:640px){.cp-dialog{max-height:calc(100dvh - env(safe-area-inset-top) - 16px);width:calc(100vw - 16px);max-width:calc(100vw - 16px);border-radius:14px}.cp-dialog-head,.cp-hub-body{padding-inline:14px}.cp-hub-nav{padding-inline:10px}.cp-message-action,.cp-reaction{min-height:44px}.cp-call{bottom:calc(86px + env(safe-area-inset-bottom));left:12px;width:calc(100vw - 24px);max-height:70dvh;overflow:auto}.cp-entry-fixed{inset-block-start:60px;inset-inline-start:8px}.cp-list-row .cp-button{flex:1}.cp-call-grid{max-height:30dvh}.cp-first-unread{font-size:12px}}
body .chat-row .message-actions .cp-message-action{width:auto!important;min-width:44px;padding-inline:8px!important}
.cp-entry-fixed{inset-inline-start:auto;left:16px;right:auto;z-index:1200}
@media(max-width:420px){.hub-topbar .cp-entry{box-sizing:border-box;width:44px!important;min-width:44px!important;padding:8px!important;flex:none;gap:0!important}.hub-topbar .cp-entry-label{display:none!important}.hub-topbar .cp-entry>i{font-size:18px;width:24px;min-width:0;margin:0!important;flex:none}}
@media(max-width:640px){body .chat-row .message-actions{max-width:100%;flex-wrap:wrap!important}.cp-tab{font-size:12px;padding-inline:10px}.cp-thread-feed{max-height:30dvh}}
.cp-poll-preview{display:grid;gap:8px;min-width:min(240px,100%);max-width:100%;background:#0060ff17;border:1px solid #0060ff70;border-radius:12px;color:#f5f7fa;padding:14px;margin-top:10px;cursor:pointer;text-align:start;font:inherit}.cp-poll-preview small{color:#b6c9e7}.cp-poll-choice{display:flex;gap:12px;align-items:center;min-height:48px;border:1px solid var(--cp-line);border-radius:10px;padding:10px}.cp-poll-choice input{width:18px;min-height:18px;accent-color:#0060ff}.cp-poll-choice span{flex:1;overflow-wrap:anywhere}.cp-poll-choice strong{font-size:12px;color:#b6c9e7}.cp-thread-feed{max-height:35dvh;overflow:auto}.cp-search-results{padding:0 20px 20px}.cp-search-result{display:block;color:#f5f7fa;text-decoration:none;border-bottom:1px solid var(--cp-line);padding:16px 0}.cp-search-result strong{font-size:13px;color:#abcaff}.cp-search-result p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.cp-search-result:hover{background:#0060ff12}
@media(prefers-reduced-motion:no-preference){.cp-button,.cp-reaction,.cp-tab{transition:background .15s,border-color .15s}}
.mfa-login-page{background:#080808;color:#f5f7fa;min-height:100dvh;margin:0;font-family:'Baloo Bhaijaan 2',sans-serif;display:grid;place-items:center;padding:20px;box-sizing:border-box}.cp-mfa-login{width:min(440px,100%);box-sizing:border-box;background:#111;border:1px solid #343434;border-radius:18px;padding:28px}.cp-mfa-login h1{font-size:26px}.cp-mfa-login p{color:#b6becb;line-height:1.9}.cp-mfa-login a{color:#9ac2ff}.cp-mfa-login input{width:100%;min-height:48px;box-sizing:border-box;border:1px solid #343434;border-radius:10px;color:#fff;background:#1b1b1b;font:inherit;padding:12px}.cp-mfa-login input:focus-visible{outline:2px solid #80b0ff;outline-offset:3px}.cp-mfa-section{border-top:1px solid #343434;margin-top:24px}.cp-backup-codes{padding:16px;background:#1b1b1b;border:1px solid #343434;border-radius:10px;line-height:1.9;user-select:all;white-space:pre-wrap;overflow-wrap:anywhere}.cp-mfa-section>.cp-button{margin:4px}