@charset "UTF-8";
:root{--bg:#121625;--sidebar:#171c2e;--sidebar2:#20263a;--border:#ffffff13;--accent:#c6b7ff;--violet:#8e7dff;--mint:#77dfc6;--ink:#252439;--muted:#858599;--light:#f7f7fc;--shadow:0 20px 70px #2b233020;--radius:22px}*{box-sizing:border-box}html,body{height:100%;margin:0}html{font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-text-size-adjust:100%}body{background:var(--bg);color:#fff}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #a48cff;outline-offset:2px}[hidden]{display:none!important}a{color:inherit}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#9b98b455;border-radius:20px}.brand-mark{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;background:linear-gradient(135deg,#e6c6ff,#a4a0ff);color:#2c254e;font-weight:900;font-size:34px;line-height:1;border-radius:16px;box-shadow:0 10px 30px #988af52a}.brand-dot{color:#ad9aff}
/* Sign in and registration: own editorial art direction */
.auth-page{min-height:100dvh;display:grid;grid-template-columns:minmax(460px,1.04fr) minmax(380px,1fr)}.auth-art{background:radial-gradient(ellipse at 15% 23%,#6751b542,transparent 38%),radial-gradient(ellipse at 84% 83%,#426b6c52,transparent 35%),#15192a;padding:45px clamp(34px,5vw,90px);display:flex;flex-direction:column;overflow:hidden;position:relative}.auth-brand,.app-brand{display:flex;align-items:center;gap:13px;font-weight:900;font-size:25px;letter-spacing:.035em}.auth-visual{position:relative;min-height:370px;flex:1;max-height:550px;display:grid;place-items:center}.visual-center{position:relative;z-index:1;border-radius:46%;width:174px;height:174px;background:linear-gradient(140deg,#ebd6ff,#9b9cff 65%,#a2ffce);box-shadow:0 20px 95px #aa93ff66,inset 0 0 45px #fff8;display:grid;place-items:center;transform:rotate(-14deg);animation:bob 6s ease-in-out infinite}.visual-center span{color:#343054;font-size:112px;transform:rotate(14deg)}.orbit{position:absolute;border:1px solid #afa9f12e;width:320px;height:320px;border-radius:50%;transform:rotate(18deg)}.orbit-b{width:510px;height:340px;transform:rotate(-22deg);border-style:dashed}.visual-card{position:absolute;z-index:2;display:flex;gap:10px;align-items:center;padding:16px 20px;border:1px solid #ffffff30;box-shadow:0 25px 50px #080b2055;background:#353b53e6;backdrop-filter:blur(12px);border-radius:22px;font-weight:800}.visual-card small{font-size:12px;color:#c9c7df;font-weight:500}.vc-one{left:2%;top:13%;transform:rotate(-8deg);font-size:19px}.vc-two{right:-2%;top:27%;transform:rotate(7deg);color:#35264e;background:#e3d1ff}.vc-two b{font-size:29px}.vc-three{right:10%;bottom:9%;transform:rotate(-7deg);background:#29494a;font-size:15px}.auth-intro{max-width:570px}.overline,.sidebar-kicker{font-size:11px;letter-spacing:.2em;font-weight:850;color:#d2c2ff}.auth-intro h1{font-size:clamp(39px,4.8vw,74px);line-height:1.07;letter-spacing:-.06em;margin:17px 0 18px}.auth-intro em{font-family:Georgia,serif;font-weight:400;color:#c5b8ff}.auth-intro p{color:#b4b8ce;line-height:1.75;font-size:16px;max-width:400px}.auth-bottom{margin-top:48px;color:#747b96;font-size:13px}.auth-area{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:#f6f5fb;color:#252536;padding:56px 38px 38px}.auth-theme-row{width:min(445px,100%);display:flex;justify-content:flex-end;margin-bottom:26px}.auth-card{width:min(445px,100%);background:#fff;border:1px solid #eae9f6;border-radius:30px;padding:36px 38px;box-shadow:0 22px 65px #22243c0d}.auth-pills{background:#f2f0f8;border-radius:16px;display:flex;padding:5px;gap:5px}.pill{flex:1;border:0;background:transparent;border-radius:12px;padding:13px;color:#7d7a91;font-weight:800}.pill.active{background:#fff;box-shadow:0 4px 14px #20204012;color:#242438}.auth-top{padding:29px 0 18px}.sparkle{color:#9b82ed;font-size:28px}.auth-top h2{font-size:29px;letter-spacing:-.045em;margin:8px 0 8px}.auth-top p{color:#87869b;margin:0;font-size:14px}.field{margin:0 0 19px}.field label{display:block;color:#4c4b61;font-size:13px;font-weight:800;margin-bottom:9px}.field input,.modal-input{width:100%;border:1px solid #e5e4ef;background:#faf9fe;color:#2a293d;padding:15px 16px;border-radius:14px;outline:none;font-size:15px}.field input:focus,.modal-input:focus{border-color:#af9fff;box-shadow:0 0 0 4px #9a88ff1a}.field small{display:block;color:#8d8b9d;margin-top:7px}.password-wrap{display:flex;position:relative}.password-wrap input{padding-right:57px}.password-wrap button{border:0;background:transparent;color:#888299;font-size:21px;position:absolute;right:11px;top:5px;bottom:5px;padding:0 10px}.policy-accept{display:flex;align-items:flex-start;gap:10px;color:#79768c;font-size:12px;line-height:1.6;margin-bottom:18px}.policy-accept input{margin-top:4px;accent-color:#8e7dff}.inline-button{border:0;background:none;padding:0;color:#6957cc;text-decoration:underline}.form-alert{background:#ffedf0;color:#9d2f48;border-radius:11px;padding:11px 14px;margin:13px 0;font-size:13px}.main-action{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;border:0;border-radius:15px;background:linear-gradient(105deg,#9d87fa,#7e78eb);color:#fff;font-weight:850;min-height:52px;box-shadow:0 10px 25px #8f80f53a}.main-action:hover{filter:brightness(1.06)}.main-action span{font-size:20px}.auth-footer{text-align:center;font-size:12px;color:#a2a1b2;margin:23px 0 0}.auth-legal{display:flex;align-items:center;justify-content:space-between;width:min(445px,100%);padding:22px 8px;color:#9a99ac;font-size:12px;margin-top:auto}.auth-legal button{border:0;background:none;color:#756db5;text-decoration:underline}.mobile-logo{display:none}
/* Messenger frame */
.app-shell{display:flex;min-height:0;width:100%;height:100vh;height:100dvh;overflow:hidden;padding:14px;gap:14px;background:radial-gradient(circle at 60% 4%,#34295454,transparent 30%),#111522}.sidebar{width:min(390px,34vw);min-width:300px;display:flex;flex-direction:column;overflow:hidden;flex:none;background:var(--sidebar);border:1px solid #ffffff16;border-radius:25px;box-shadow:0 20px 50px #0002}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:26px 25px 20px}.app-brand{font-size:19px}.app-brand .brand-mark{width:38px;height:38px;font-size:28px;border-radius:13px}.sidebar-actions{display:flex;gap:8px}.circle-btn{width:36px;height:36px;display:grid;place-items:center;flex:none;background:#ffffff0f;border:1px solid #ffffff10;border-radius:12px;color:#d3d0e8;font-size:20px}.circle-btn:hover{background:#ffffff23}.sidebar-greeting{padding:15px 26px 22px}.sidebar-greeting h1{font-size:23px;letter-spacing:-.035em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:8px 0}.sidebar-greeting h1 span{color:#bcb0ff}.sidebar-subtitle{font-size:13px;color:#878ca6}.search-container{margin:0 20px 25px;position:relative}.search-container input{display:block;width:100%;padding:15px 40px 15px 42px;border:1px solid #ffffff11;border-radius:14px;background:#272d42;color:white;outline:none;font-size:13px}.search-container input::placeholder{color:#989db4}.search-container input:focus{border-color:#a999ff}.search-symbol{position:absolute;left:14px;top:9px;font-size:29px;color:#a9a4c6;line-height:1}.search-shortcut{position:absolute;right:13px;top:13px;color:#797e9b;font-weight:700}.list-head{display:flex;gap:10px;align-items:center;padding:0 27px 13px;color:#d7d4ed;font-weight:800;font-size:13px}.list-count{background:#2e344c;border-radius:7px;padding:2px 9px;color:#beb4ff;font-size:11px}.chat-list{overflow:auto;flex:1;padding:0 11px 20px;overscroll-behavior:contain}.chat-item,.result-item{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:14px 13px;border:1px solid transparent;border-radius:16px;background:transparent;color:#fff;transition:background .16s,border-color .16s}.chat-item:hover,.result-item:hover{background:#272e43}.chat-item.active{background:#383453;border-color:#8171cb4a}.avatar{display:grid;place-items:center;flex:none;width:49px;height:49px;border-radius:17px;background:var(--avatar-color,#937fe8);color:#fff;font-weight:900;font-size:20px;text-transform:uppercase;position:relative;box-shadow:inset 0 -6px 18px #33244218}.avatar.online::after{content:"";position:absolute;bottom:-3px;right:-3px;width:12px;height:12px;background:#76dbbb;border:3px solid var(--sidebar);border-radius:50%}.item-info{min-width:0;flex:1}.item-heading{display:flex;gap:8px;justify-content:space-between;align-items:center}.item-heading strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-heading time{font-size:10px;color:#848ba6;white-space:nowrap}.item-subtitle{display:flex;align-items:center;gap:8px;margin-top:7px}.item-subtitle span{color:#858ba7;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.unread-pill{flex:none;display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:50px;background:#c9b5ff;color:#1e1b35;font-weight:900;font-size:11px}.sidebar-footer{padding:14px;border-top:1px solid #ffffff15;background:#171b2c}.user-identity{display:flex;align-items:center;gap:12px;text-align:left;width:100%;border:0;background:#242a3e;border-radius:16px;color:white;padding:11px}.avatar-self{width:41px;height:41px;border-radius:13px;font-size:16px}.identity-details{min-width:0;flex:1}.identity-details strong,.identity-details small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identity-details strong{font-size:13px}.identity-details small{color:#9897b5;margin-top:4px;font-size:11px}.identity-arrow{font-size:21px;color:#bab3d8;padding-right:5px}.loading-list,.sidebar-empty{padding:30px 20px;text-align:center;color:#9da0b5;font-size:13px;line-height:1.8}.loading-dots{color:#b0a5fa}.result-caption{font-size:10px;color:#a9aed0;margin-top:4px}.chat-side{display:flex;position:relative;flex:1;min-width:0;overflow:hidden;border-radius:25px;background:#f9f8fc;color:var(--ink);border:1px solid #ffffff66}.chat-side::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#9b9ab014 .75px,transparent .75px);background-size:21px 21px;mask-image:linear-gradient(#0005,transparent 82%)}
/* Empty chat */
.empty-state{margin:auto;text-align:center;max-width:430px;padding:35px 20px;position:relative;z-index:1}.empty-illustration{height:280px;position:relative;display:grid;place-items:center}.ring{border:1px solid #d8d2f1;border-radius:50%;width:250px;height:250px;position:absolute}.ring-2{width:310px;height:310px;border-style:dashed;opacity:.7}.empty-main{display:grid;place-items:center;background:linear-gradient(125deg,#baaffd,#ebc1d2);border-radius:48px;width:156px;height:156px;transform:rotate(-14deg);box-shadow:0 22px 65px #b5a7ec8c;font-size:81px;color:white}.empty-main::first-letter{transform:rotate(14deg)}.empty-spark{position:absolute;top:-14px;right:-17px;color:#7962e3;font-size:40px}.float-emoji{position:absolute;font-size:29px}.emoji-one{top:15px;left:75px}.emoji-two{bottom:14px;right:46px;color:#b08ae4}.empty-state h2{font-size:clamp(26px,2.8vw,37px);line-height:1.2;letter-spacing:-.05em;margin:5px 0 16px}.empty-state p{line-height:1.7;font-size:14px;color:#868399}.empty-tag{display:inline-block;margin-top:18px;background:#f0ecff;padding:11px 17px;border-radius:12px;color:#8a74d4;font-size:12px;font-weight:800}
.privacy-strip{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:520px;padding:0 16px}.privacy-strip span,.privacy-points span{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border-radius:999px;background:#ffffff14;border:1px solid #ffffff2c;color:#eef4ff;font-size:12px;font-weight:750;backdrop-filter:blur(12px)}.privacy-points{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px}.auth-visual-private .visual-center{background:linear-gradient(140deg,#d2dbff,#9b9cff 56%,#9ce7ce)}.auth-visual-private .visual-center span{font-size:100px}.anonymous-illustration .empty-main{background:linear-gradient(135deg,#8f7cff,#73d1c2)}
/* Conversation and bubbles */
.conversation{display:flex;flex-direction:column;position:relative;z-index:1;width:100%;height:100%;overflow:hidden}.conversation-header{height:88px;flex:none;display:flex;align-items:center;gap:14px;padding:0 30px;background:#ffffffdd;border-bottom:1px solid #ece9f4;backdrop-filter:blur(16px)}.conversation-header .avatar{width:45px;height:45px;border-radius:14px}.peer-identity{min-width:0;flex:1}.peer-identity strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.peer-status{display:block;color:#8b86a1;font-size:12px;margin-top:5px}.peer-status.online-label{color:#36a78b}.peer-status.typing-label{color:#796ee3}.header-decoration{font-size:34px;color:#d8c5f6;margin:0 8px}.menu-btn{color:#786f98;border-color:#e9e5f0;background:#f3effd}.back-btn{display:none}.messages-region{flex:1;overflow-y:auto;overflow-x:hidden;padding:25px clamp(15px,5vw,65px) 28px;overscroll-behavior:contain}.message-stack{display:flex;flex-direction:column;gap:10px;width:100%;max-width:880px;margin:0 auto}.msg-row{display:flex;align-items:flex-end;gap:9px}.msg-row.mine{justify-content:flex-end}.msg-bubble{max-width:min(75%,520px);min-width:70px;background:#fff;padding:12px 15px 9px;border:1px solid #eeeaf6;border-radius:18px 18px 18px 5px;box-shadow:0 5px 15px #5249650d;word-break:break-word;overflow-wrap:anywhere}.msg-row.mine .msg-bubble{background:linear-gradient(132deg,#9b83f7,#816fe3);border-color:#816fe3;color:#fff;border-radius:18px 18px 5px 18px;box-shadow:0 7px 22px #7c6dea24}.msg-body{white-space:pre-wrap;line-height:1.55;font-size:14px}.msg-meta{display:flex;justify-content:flex-end;gap:5px;align-items:center;font-size:10px;margin-top:5px;color:#a19bae}.mine .msg-meta{color:#e6e1ff}.msg-checks{font-weight:900;letter-spacing:-3px;padding-right:2px}.msg-checks.read{color:#89f0d2}.time-divider{text-align:center;align-self:center;background:#e9e4f6;color:#8f87ae;padding:7px 14px;border-radius:50px;font-size:11px;font-weight:800;margin:15px 0 18px}.older-messages{display:block;margin:0 auto 17px;background:#e9e2ff;border:0;border-radius:15px;color:#6653a9;font-weight:800;padding:10px 16px;font-size:12px}.typing-note{max-width:880px;margin:12px auto 0;font-size:12px;color:#8b7ad3}.typing-bubbles{letter-spacing:1px;font-size:9px;margin-right:6px}.composer-area{flex:none;padding:13px clamp(15px,4vw,48px) max(15px,env(safe-area-inset-bottom));background:#fdfcff;border-top:1px solid #edeaf5;position:relative}.composer{display:flex;align-items:flex-end;gap:8px;width:100%;max-width:940px;margin:auto;background:#f5f3fc;border:1px solid #eae5f2;border-radius:20px;padding:8px}.composer:focus-within{border-color:#c7b6fa;box-shadow:0 0 0 3px #9a87e312}.composer textarea{flex:1;resize:none;border:0;outline:0;background:none;padding:11px 3px;color:#2d2b43;min-height:42px;max-height:145px;line-height:1.5;font-size:14px;overflow-y:auto}.composer textarea::placeholder{color:#a3a0b5}.composer-icon{border:0;background:transparent;color:#9186ad;font-size:29px;width:42px;height:43px;border-radius:12px}.composer-icon:hover{background:#e8e3f6}.send-button{border:0;display:grid;place-items:center;color:#fff;background:#8c7ceb;border-radius:14px;width:46px;height:43px;font-size:25px;padding:0 0 2px 2px}.send-button:hover{background:#7662dd}.input-count{align-self:center;color:#938cad;font-size:11px}.composer-hint{text-align:center;margin:9px auto 0;color:#b4b1c1;font-size:10px}.emoji-panel{position:absolute;bottom:100%;left:clamp(18px,4vw,55px);width:min(320px,calc(100% - 36px));background:#fff;border:1px solid #ede7f7;border-radius:18px;box-shadow:0 17px 60px #1c183833;padding:15px;display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.emoji-panel button{border:0;background:none;font-size:25px;border-radius:8px;height:36px}.emoji-panel button:hover{background:#efeaff}
/* Modals and feedback */
.toast-area{position:fixed;top:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:10px;max-width:min(360px,calc(100vw - 34px))}.toast{background:#24283a;color:#fdfdff;padding:14px 18px;border-radius:16px;border:1px solid #706baf66;box-shadow:0 16px 40px #0005;line-height:1.5;font-size:13px;cursor:pointer;animation:appear .2s ease-out}.toast.error{border-color:#ed869f}.modal-backdrop,.policy-dialog{position:fixed;inset:0;display:grid;place-items:center;background:#131426bb;backdrop-filter:blur(7px);z-index:2000;padding:18px}.modal,.policy-content{position:relative;background:#fff;color:#2b293c;border-radius:26px;padding:32px;width:min(460px,100%);box-shadow:0 20px 80px #0005;max-height:88dvh;overflow:auto}.modal-close,#policy-close{position:absolute;right:16px;top:13px;border:0;background:#f2f0f8;color:#817c95;font-size:25px;display:grid;place-items:center;border-radius:12px;width:36px;height:36px}.modal h2,.policy-content h2{font-size:25px;letter-spacing:-.04em;margin:0 0 12px}.modal .muted,.policy-content p{color:#747488;line-height:1.7;font-size:13px}.modal-form{display:grid;gap:12px;margin-top:19px}.modal-form label{font-size:12px;font-weight:800;color:#77748c}.modal-form .main-action{margin-top:8px}.modal .modal-error{color:#c84055;font-size:12px}.modal-divider{border:0;border-top:1px solid #eceaf6;margin:22px 0}.modal-logout{width:100%;background:#fff1f1;color:#b54d57;border:0;border-radius:12px;padding:12px;font-weight:800}.modal-link{display:block;text-decoration:none;color:#7058bf;background:#f0ebff;padding:13px;text-align:center;border-radius:12px;font-weight:800;margin:12px 0}.notification-switch{display:flex;width:100%;justify-content:space-between;align-items:center;text-align:left;padding:15px;border-radius:14px;margin-top:10px;border:1px solid #e7e3ef;background:#fbfaff;color:#3a354b}.notification-switch span{font-size:12px;color:#88829b}.policy-content{padding:35px}.policy-symbol{display:inline-block;color:#9780ed;font-size:36px;margin-bottom:8px}.policy-content .main-action{margin-top:20px}
@keyframes bob{50%{transform:translateY(-15px) rotate(-8deg)}}@keyframes appear{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.sidebar{width:330px;min-width:330px}.auth-art{padding:35px}.auth-visual{min-height:290px}.vc-one{left:0}.vc-two{right:-12px}.auth-intro h1{font-size:52px}}
@media(max-width:800px){.auth-page{display:flex;min-height:100dvh;flex-direction:column;background:#f6f5fb}.auth-art{display:none}.auth-area{padding:28px 18px;flex:1;justify-content:center}.auth-theme-row{width:min(445px,100%);margin-bottom:16px}.mobile-logo{display:flex;align-items:center;gap:12px;margin-bottom:28px;font-size:22px}.auth-card{padding:27px 23px}.auth-legal{padding:15px 4px}.app-shell{padding:0;gap:0}.sidebar{width:100%;min-width:0;max-width:none;border:0;border-radius:0}.chat-side{display:none;border:0;border-radius:0}.app-shell.show-chat .sidebar{display:none}.app-shell.show-chat .chat-side{display:flex}.conversation-header{padding:0 14px;gap:10px;height:72px}.back-btn{display:grid;color:#594e7e;background:#f0eafd;border:0}.header-decoration{display:none}.messages-region{padding:15px 12px}.msg-bubble{max-width:86%}.composer-area{padding:10px 10px max(10px,env(safe-area-inset-bottom))}.composer-hint{display:none}.composer textarea{font-size:16px}.sidebar-header{padding:24px 21px 15px}.sidebar-greeting{padding:8px 23px 22px}.sidebar-greeting h1{font-size:23px}.chat-item,.result-item{padding:14px}.avatar{width:49px;height:49px}}
@media(max-width:420px){.sidebar-greeting{padding-bottom:16px}.search-container{margin-bottom:18px}.modal,.policy-content{padding:25px 21px}.composer{gap:5px}.send-button{width:42px}.composer-icon{width:37px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* DIIRAZOM 2026 - additive visual enhancements; original layout preserved */
.brand-mark.brand-logo{background:none;box-shadow:none;padding:0;overflow:visible;border-radius:13px}.brand-logo img{width:100%;height:100%;display:block;border-radius:inherit}
.chat-shortcuts{display:flex;gap:8px;padding:4px 20px 14px;flex-wrap:wrap}
.chat-shortcuts a{flex:1;text-align:center;padding:12px 6px;background:#29324a;color:#defbf2;border:1px solid #6ce8c329;text-decoration:none;border-radius:12px;font-size:12px;font-weight:800;white-space:nowrap}
.chat-shortcuts a:hover{background:#3b4a65}.chat-shortcuts a.premium-link{background:linear-gradient(120deg,#4f4a9c,#2a746c);color:#fff}
.theme-quick{border:1px solid #ffffff21;border-radius:12px;background:#2b3550;color:#eff;padding:8px 14px;cursor:pointer}
.avatar.has-photo{background-size:cover;background-position:center;color:transparent!important}
.avatar.has-photo.online:after{background:#75e5be}
.profile-upload{display:grid;gap:9px;padding:15px;background:#f1f2f9;border-radius:15px;margin:10px 0 16px}
.profile-upload input{max-width:100%;font-size:12px}.profile-upload p{margin:0;color:#747992;font-size:12px}
.theme-choice-line{display:flex;gap:10px;margin:12px 0}.theme-choice-line button{flex:1;background:#f3f5ff;color:#363b5a;border:1px solid #d7daeb;border-radius:11px;padding:12px;font-weight:700}.theme-choice-line button[aria-pressed=true]{background:#b6efe0;border-color:#4cbc9d;color:#175649}
.sound-choice{padding:12px 0;display:grid;gap:8px}.sound-choice select{width:100%;padding:12px;border:1px solid #c4cada;border-radius:11px;background:#fff;color:#32384b}.sound-choice p{font-size:12px;color:#68718a;margin:0}
[data-theme="dark"] .chat-side{background:#192439;color:#e4ecfa}
[data-theme="dark"] .empty-state{color:#e3e7f8}
[data-theme="dark"] .conversation-header{background:#1f2d44;color:#f0f2fd;border-bottom-color:#ffffff16}
[data-theme="dark"] .messages-region{background:#192439;color:#e6eafa}
[data-theme="dark"] .composer-area{background:#1f2d44;border-top-color:#ffffff15}
[data-theme="dark"] .composer{background:#2b3a54;border-color:#52617c;color:#fff}
[data-theme="dark"] .composer textarea{background:transparent;color:#fff}
[data-theme="dark"] .msg-row:not(.mine) .msg-bubble{background:#324259;color:#ebf4ff}
[data-theme="dark"] .time-divider{color:#adbad2}
[data-theme="dark"] .peer-identity strong,[data-theme="dark"] .peer-status{color:#f1f5ff}
[data-theme="dark"] .empty-state p{color:#a9b5cb}
[data-theme="dark"] .modal{background:#202c42;color:#eef4ff}
[data-theme="dark"] .modal h2{color:#ecf4fc}
[data-theme="dark"] .modal-input,[data-theme="dark"] .profile-upload,[data-theme="dark"] .theme-choice-line button,[data-theme="dark"] .sound-choice select{background:#2f3c54;border-color:#566482;color:#f1f6ff}
[data-theme="dark"] .muted,[data-theme="dark"] .profile-upload p{color:#b3c3d5}
[data-theme="dark"] .auth-area{background:#141c2b;color:#edf5ff}
[data-theme="dark"] .auth-card{background:#202b40;color:#f0f4fe;border-color:#ffffff1a}
[data-theme="dark"] .auth-card h2,[data-theme="dark"] .field label{color:#e2eafa}
[data-theme="dark"] .field input{background:#29374f;color:#f5f7ff;border-color:#56617c}
[data-theme="dark"] .auth-pills{background:#172135}
[data-theme="dark"] .pill.active{background:#3a4b66;color:#fff}
[data-theme="light"] .app-shell{background:#e9f2f3}
[data-theme="light"] .sidebar{background:#fff;color:#243b49;border:1px solid #d8e4e8}
[data-theme="light"] .sidebar-header,[data-theme="light"] .sidebar-greeting,[data-theme="light"] .list-head,[data-theme="light"] .app-brand{color:#263a48}
[data-theme="light"] .sidebar-kicker,[data-theme="light"] .sidebar-subtitle{color:#556b79}
[data-theme="light"] .circle-btn{background:#eaf0f2;border:1px solid #d7e1e5;color:#526b78}
[data-theme="light"] .search-container input{background:#f1f6f7;color:#243b49;border-color:#d9e7eb}
[data-theme="light"] .search-container input::placeholder{color:#6d8797}
[data-theme="light"] .chat-item,[data-theme="light"] .result-item{color:#2a3b4b}
[data-theme="light"] .chat-item:hover,[data-theme="light"] .result-item:hover,[data-theme="light"] .chat-item.active{background:#eaf5f2;border-color:#bbe8dd}
[data-theme="light"] .item-subtitle span,[data-theme="light"] .item-heading time{color:#667f8f}
[data-theme="light"] .sidebar-footer{background:#f4f9f9;border-top-color:#dce8eb}
[data-theme="light"] .user-identity{background:#e8f3f1;color:#263b4a}
[data-theme="light"] .identity-details small{color:#60798d}
[data-theme="light"] .chat-shortcuts a{background:#e5f3f0;color:#225d52;border-color:#b4dfd2}
[data-theme="light"] .chat-shortcuts a.premium-link{background:linear-gradient(120deg,#7c68d5,#249787);color:#fff}
[data-theme="light"] .loading-list,[data-theme="light"] .sidebar-empty{color:#56717c}
[data-theme="light"] .auth-art{background:#d9f2ed;color:#294659}
[data-theme="light"] .auth-intro p,[data-theme="light"] .auth-bottom{color:#506c7b}
[data-theme="light"] .auth-intro em,[data-theme="light"] .overline{color:#5952ab}
@media(max-width:640px){.chat-shortcuts{padding:3px 13px 9px}.chat-shortcuts a{padding:10px 6px;font-size:11px}}

#group-total{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;background:#83ead7;color:#143128;border-radius:30px;font-weight:900;padding:0 4px;margin-left:3px}

.avatar.has-photo{overflow:visible}.avatar-photo{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;object-fit:cover;display:block;box-shadow:0 2px 11px #142a422e}

/* DIIRAZOM v2.2: clear dialog without erasing history */
.close-dialog-btn{display:grid;place-items:center;flex:none;min-width:38px;min-height:38px;font-size:25px;font-weight:400;color:#bac5df;background:#ffffff0b;border:1px solid #ffffff17;cursor:pointer}
.close-dialog-btn:hover,.close-dialog-btn:focus-visible{background:#354058;color:#fff;outline:2px solid #91d7c566;outline-offset:2px}
@media(max-width:800px){.close-dialog-btn{min-width:38px;min-height:38px}}

[data-theme="dark"] .privacy-points span{background:#1b2336;border-color:#30405b;color:#dce8ff}
[data-theme="light"] .privacy-points span{background:#ffffff;border-color:#e5e8f2;color:#4b5570}
[data-theme="light"] .privacy-strip span{background:#ffffffd8;border-color:#e6eaf4;color:#33415f}


/* DIIRAZOM — исправление главного экрана */

@media (min-width: 801px) {

  .auth-art {
    padding-top: 34px;
    padding-bottom: 30px;
  }

  .auth-visual.auth-visual-private {
    flex: none;
    display: grid;
    grid-template-columns: minmax(120px, .85fr) minmax(0, 1.15fr);
    grid-template-rows: repeat(3, minmax(65px, auto));
    gap: 12px 18px;
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    margin: 30px 0 28px;
    padding: 10px 0;
    place-items: stretch;
  }

  /* Убираем накладывающиеся элементы */
  .auth-visual-private .orbit,
  .auth-visual-private .privacy-strip {
    display: none !important;
  }

  /* Центральный символ приватности */
  .auth-visual-private .visual-center {
    grid-column: 1;
    grid-row: 1 / 4;
    place-self: center;
    width: clamp(110px, 12vw, 156px);
    height: clamp(110px, 12vw, 156px);
    border-radius: 34px;
    transform: none;
    animation: none;
    box-shadow: 0 18px 56px rgba(118, 102, 236, .28);
  }

  .auth-visual-private .visual-center span {
    transform: none;
    font-size: 0;
  }

  .auth-visual-private .visual-center span::before {
    content: "🔐";
    font-size: 68px;
  }

  /* Три ровные карточки */
  .auth-visual-private .visual-card {
    position: static;
    inset: auto;
    right: auto;
    bottom: auto;
    width: 100%;
    min-width: 0;
    max-width: none;
    margin: 0;
    transform: none;
    border-radius: 16px;
    padding: 13px 15px;
    box-shadow: none;
    font-size: 14px;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .auth-visual-private .visual-card small {
    font-size: 11px;
  }

  .auth-visual-private .vc-one {
    grid-column: 2;
    grid-row: 1;
  }

  .auth-visual-private .vc-two {
    grid-column: 2;
    grid-row: 2;
  }

  .auth-visual-private .vc-three {
    grid-column: 2;
    grid-row: 3;
  }

  /* Заголовок больше не выходит за экран */
  .auth-intro h1 {
    font-size: clamp(35px, 3.3vw, 56px);
    line-height: 1.08;
    margin: 12px 0 14px;
  }

  .auth-intro p {
    font-size: 14px;
    line-height: 1.65;
  }

  .auth-bottom {
    margin-top: 24px;
  }
}


/* IMBA: compact Android APK badge, only on login/registration page. */
.auth-area>.imba-app-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:center;flex:none;gap:8px;width:180px;max-width:100%;margin:13px 0 4px;text-align:center;line-height:1.3}
.imba-app-cta>strong{display:block;font-size:12px;font-weight:750;letter-spacing:.01em;white-space:nowrap;color:#c4cce1}
.imba-app-cta .imba-app-link{display:block;flex:none;box-sizing:content-box;width:154px;height:46px;max-width:154px;text-decoration:none;border-radius:11px;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease}
.imba-app-cta .imba-app-link:hover{transform:translateY(-2px);box-shadow:0 5px 18px rgba(105,123,255,.22)}
.imba-app-cta .imba-app-link:focus-visible{outline:3px solid #b5a1ff;outline-offset:3px}
.imba-app-cta .imba-app-link img{display:block;width:154px!important;max-width:154px!important;min-width:0!important;height:46px!important;max-height:46px!important;object-fit:contain!important;border:0!important;border-radius:10px}
html[data-theme="light"] .imba-app-cta>strong{color:#555d78}
@media(max-width:800px){.auth-area>.imba-app-cta{margin:12px 0 0}}
@media(prefers-reduced-motion:reduce){.imba-app-cta .imba-app-link{transition:none}.imba-app-cta .imba-app-link:hover{transform:none}}