/* Native hidden attribute must always win over component display rules. */
[hidden]{display:none!important}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f5f6fa;color:#171a2b;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh}.app-sidebar{position:fixed;z-index:100;left:0;top:0;bottom:0;width:250px;background:linear-gradient(180deg,#111229,#20133d);color:#d9daf0;padding:18px 14px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:21px;padding:2px 8px 22px}.brand img{width:38px;height:38px}.app-sidebar nav{display:flex;flex-direction:column;gap:4px;overflow:auto;scrollbar-width:none}.app-sidebar nav::-webkit-scrollbar{display:none}.app-sidebar nav>a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;color:#bfc2da;position:relative}.app-sidebar nav>a i{font-size:20px;width:24px;text-align:center}.app-sidebar nav>a:hover,.app-sidebar nav>a.active{background:rgba(255,255,255,.09);color:#fff}.app-sidebar nav>a em{margin-left:auto;background:#ef4444;color:#fff;font-style:normal;font-size:11px;font-weight:800;min-width:20px;height:20px;padding:0 6px;border-radius:99px;display:grid;place-items:center}.nav-label{margin:20px 11px 6px;color:#747995;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.sidebar-user{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:14px 6px 0;display:grid;grid-template-columns:38px minmax(0,1fr) 28px;gap:9px;align-items:center}.sidebar-user>div:nth-child(2){min-width:0;display:flex;flex-direction:column}.sidebar-user b,.sidebar-user small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user small{color:#858aa7}.sidebar-user>a{font-size:20px}.app-main{margin-left:250px;min-height:calc(100vh - 34px);padding:20px}.app-footer{margin-left:250px;height:34px;padding:0 24px;display:flex;align-items:center;justify-content:flex-end;color:#9398aa;font-size:12px}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;font-weight:800;flex:0 0 auto}.avatar.small{width:38px;height:38px;font-size:12px}.flash{max-width:1100px;margin:0 auto 12px;padding:11px 14px;border-radius:12px}.flash.success{background:#dcfce7;color:#166534}.flash.danger{background:#fee2e2;color:#991b1b}
.btn{border:0;border-radius:11px;padding:10px 15px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn.primary{background:linear-gradient(135deg,var(--accent),#7c3aed);color:#fff;box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 25%,transparent)}.btn.ghost{background:#f2f3f7;color:#171a2b}.btn.danger{background:#fff1f2;color:#e11d48;border:1px solid #fecdd3}.btn.small{padding:7px 10px;font-size:12px}.btn:disabled{opacity:.45;cursor:not-allowed}.w100{width:100%}.input,input,textarea,select{border:1px solid #dfe3ed;border-radius:11px;padding:11px 12px;background:#fff;color:#171a2b;outline:none;width:100%}.input:focus,input:focus,textarea:focus,select:focus{border-color:color-mix(in srgb,var(--accent) 55%,#dfe3ed);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}label{display:block;font-size:13px;font-weight:650;margin:13px 0 6px}.muted{color:#777d8f}.pill{display:inline-block;border-radius:99px;padding:4px 8px;background:#eef0f5;font-size:11px}.pill.green{background:#dcfce7;color:#15803d}.content-page{max-width:1280px;margin:0 auto}.page-head{margin:10px 0 22px}.page-head h1{font-size:38px;letter-spacing:-.035em;margin:2px 0 5px}.page-head p{margin:0;color:#747a8c}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--accent);font-weight:800}.panel{background:#fff;border:1px solid #e4e7ef;border-radius:20px;padding:22px;box-shadow:0 12px 34px rgba(29,34,64,.045);margin-bottom:18px}.panel h3{margin:0 0 10px}.panel.narrow{max-width:700px}.grid-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.inline-form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.inline-form label{margin:0;min-width:150px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:700px}th,td{text-align:left;padding:11px 10px;border-bottom:1px solid #eceef4;vertical-align:middle}th{color:#747a8c;font-size:12px}.table-sub{display:block;color:#8a90a2;margin-top:3px}.ua-cell{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy-line{display:flex;gap:8px}.invite-created{border-color:color-mix(in srgb,var(--accent) 25%,#e4e7ef);background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--accent) 5%,#fff))}.secret-code{display:block;background:#f4f5f9;padding:12px;border-radius:11px;word-break:break-all;margin:10px 0}.status-ok{color:#15803d}.color-input{height:48px;padding:5px}.text-link{display:inline-block;color:var(--accent);margin-top:18px}.empty-warning{padding:14px;border-radius:12px;background:#fff7ed;color:#9a3412}
.auth-main{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 75% 15%,rgba(91,74,255,.12),transparent 36%),#f6f7fb}.auth-card{width:min(430px,100%);background:#fff;border:1px solid #e2e5ee;border-radius:24px;padding:30px;box-shadow:0 24px 60px rgba(28,32,62,.1)}.auth-card.wide{width:min(700px,100%)}.auth-card h1{font-size:32px;margin:20px 0 6px}.auth-card>p{color:#767c8e;margin:0 0 20px}.auth-brand{display:flex;align-items:center;gap:10px;font-size:20px}.auth-brand img{width:42px;height:42px}.auth-note{margin-top:18px;color:#7b8192;font-size:12px;display:flex;gap:7px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.code-input{text-align:center;font-size:30px;letter-spacing:.25em}
.chat-page{height:calc(100vh - 74px);min-height:620px;display:grid;grid-template-columns:360px minmax(0,1fr);background:#fff;border:1px solid #e0e4ee;border-radius:22px;overflow:hidden;box-shadow:0 18px 48px rgba(28,33,62,.07)}.chat-sidebar-panel{min-width:0;border-right:1px solid #e6e9f0;display:flex;flex-direction:column;background:#fff}.chat-mobile-brand{display:none}.chat-sidebar-head{padding:19px 18px 11px;display:flex;align-items:center;justify-content:space-between}.chat-sidebar-head h1{font-size:25px;margin:0}.chat-sidebar-head small{color:#8a90a2}.head-actions{display:flex;gap:5px}.icon-btn,.tool-btn,.send-btn{border:0;cursor:pointer;display:grid;place-items:center}.icon-btn{width:38px;height:38px;border-radius:11px;background:#f4f5f8;color:#35394b;font-size:18px}.chat-search{margin:0 14px 10px;display:flex;align-items:center;gap:8px;background:#f3f4f7;border-radius:12px;padding:9px 11px}.chat-search input{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}.chat-search i{color:#9399aa}.conversation-list{flex:1;overflow:auto;min-height:0}.conversation-row{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:11px;align-items:center;padding:10px 14px;cursor:pointer}.conversation-row:hover,.conversation-row.active{background:#f4f3ff}.conversation-row .avatar{width:50px;height:50px}.conversation-copy{min-width:0}.conversation-title-line{display:flex;justify-content:space-between;gap:8px}.conversation-title-line b,.conversation-preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-preview{color:#858b9d;font-size:13px;margin-top:4px}.conversation-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.conversation-time{font-size:10px;color:#9ca1b1}.unread-badge{min-width:20px;height:20px;border-radius:99px;background:var(--accent);color:#fff;padding:0 6px;display:grid;place-items:center;font-size:11px;font-weight:800}.skeleton-list{padding:20px;color:#858b9d;text-align:center}.chat-dialog-panel{min-width:0;min-height:0;background:linear-gradient(180deg,#f4f6fb,#edf0f7);position:relative}.chat-empty{height:100%;display:grid;place-items:center;align-content:center;text-align:center;color:#7c8293}.chat-empty img{width:72px}.chat-empty h2{margin:10px 0 2px}.chat-dialog{height:100%;min-height:0;display:flex;flex-direction:column}.dialog-head{height:68px;flex:0 0 auto;background:#fff;border-bottom:1px solid #e6e9f0;display:flex;align-items:center;gap:11px;padding:8px 13px}.dialog-title{display:flex;flex-direction:column;min-width:0}.dialog-title b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dialog-title small{color:#8b91a1;font-size:11px}.dialog-actions{margin-left:auto;display:flex;gap:5px}.mobile-only{display:none}.message-list{flex:1 1 0;min-height:0;overflow:auto;padding:18px 24px;display:flex;flex-direction:column;gap:5px}.message-row{width:100%;display:flex;position:relative}.message-row.mine{justify-content:flex-end}.message-row.theirs{justify-content:flex-start}.bubble{width:fit-content;max-width:min(74%,680px);background:#fff;border-radius:17px 17px 17px 5px;padding:9px 11px 6px;box-shadow:0 3px 12px rgba(25,31,58,.055);user-select:text}.message-row.mine .bubble{background:#e9e6ff;border-radius:17px 17px 5px 17px}.message-text{white-space:normal;overflow-wrap:anywhere;line-height:1.42}.message-meta{text-align:right;color:#858b9d;font-size:10px;margin-top:4px}.message-meta i{color:#7165e8}.message-ref{display:flex;flex-direction:column;border-left:3px solid var(--accent);background:rgba(91,74,255,.07);padding:5px 7px;border-radius:7px;margin-bottom:6px}.message-ref b{font-size:10px;color:var(--accent)}.message-ref small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}.forwarded{font-size:10px;color:var(--accent);font-weight:700;margin-bottom:5px}.sticker{font-size:64px;line-height:1}.message-row.sticker-row .bubble{background:transparent;box-shadow:none}.reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.reaction{border:1px solid #dfe2ec;background:#fff;border-radius:99px;padding:2px 7px;font-size:11px;cursor:pointer}.reaction.mine{border-color:color-mix(in srgb,var(--accent) 45%,#dfe2ec);background:color-mix(in srgb,var(--accent) 8%,#fff)}.attachment-image img{display:block;max-width:420px;max-height:480px;width:100%;object-fit:contain;border-radius:12px}.attachment-video{display:block;width:min(460px,100%);max-height:480px;border-radius:12px;background:#111}.attachment-audio{width:min(380px,100%)}.file-link,.protected-file{margin-top:5px;display:flex;align-items:center;gap:9px;border-radius:11px;padding:8px 10px;background:rgba(70,76,100,.06)}.file-link i,.protected-file>i:first-child{font-size:21px;color:var(--accent)}.file-link span,.protected-file span{display:flex;flex-direction:column;min-width:0}.file-link b,.protected-file b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-link small,.protected-file small{font-size:10px;color:#8a90a2}.protected-file{border:0;width:100%;text-align:left;cursor:pointer}.protected-expired{color:#9ca3af;font-size:12px;padding:8px 0}.deleted-msg{color:#9aa0ae;font-style:italic}.typing-line{height:20px;padding:0 24px;color:#858b9d;font-size:11px;flex:0 0 auto}.composer{flex:0 0 auto;background:#fff;border-top:1px solid #e4e7ef;padding:9px 12px 11px;position:relative}.composer-row{display:flex;align-items:flex-end;gap:7px}.tool-btn,.send-btn{width:40px;height:40px;border-radius:50%;font-size:19px;flex:0 0 auto}.tool-btn{background:#f2f3f7;color:#2c3143}.tool-btn.recording{background:#fee2e2;color:#dc2626}.send-btn{background:linear-gradient(135deg,var(--accent),#7c3aed);color:#fff}.composer-input{flex:1;min-width:0;background:#f3f4f8;border-radius:20px;padding:8px 13px}.composer textarea{border:0!important;box-shadow:none!important;background:transparent;resize:none;min-height:24px;max-height:120px;padding:0!important}.file-chip{display:flex;gap:7px;align-items:center;font-size:11px;color:#777d8f;border-top:1px solid #dfe3ed;margin-top:6px;padding-top:6px}.file-chip button{margin-left:auto;border:0;background:none;font-size:18px}.file-options{display:flex;gap:8px;margin-top:6px}.file-options label{margin:0;font-size:10px;color:#858b9d;display:flex;align-items:center;gap:4px}.file-options select{width:auto;padding:4px 7px;font-size:10px}.composer-context{display:flex;justify-content:space-between;gap:8px;margin:0 46px 7px 0;padding:6px 9px;border-left:3px solid var(--accent);background:#f5f3ff;border-radius:8px}.composer-context>div{display:flex;gap:7px;min-width:0}.composer-context span{display:flex;flex-direction:column;min-width:0}.composer-context b{font-size:10px;color:var(--accent)}.composer-context small{font-size:10px;color:#7f8595;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer-context>button{border:0;background:none;font-size:18px}.emoji-popover{position:absolute;left:100px;bottom:68px;width:min(380px,calc(100vw - 40px));max-height:360px;overflow:auto;background:#fff;border:1px solid #e0e4ee;border-radius:17px;padding:10px;box-shadow:0 20px 55px rgba(24,30,58,.18);z-index:30}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:3px}.emoji-grid button{border:0;background:none;height:38px;border-radius:8px;font-size:22px;cursor:pointer}.emoji-grid button:hover{background:#f3f4f8}.emoji-title{font-size:10px;color:#8a90a2;margin:5px 2px}.sticker-grid button{font-size:31px;height:49px}.context-menu{position:fixed;z-index:2500;background:#fff;border:1px solid #e1e5ee;border-radius:14px;padding:6px;min-width:210px;box-shadow:0 18px 55px rgba(22,28,52,.23)}.context-menu button{width:100%;border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:9px;display:flex;gap:9px;align-items:center;cursor:pointer}.context-menu button:hover{background:#f3f4f8}.context-menu .danger{color:#e11d48}.context-backdrop{position:fixed;z-index:2400;inset:0;background:rgba(15,18,32,.24)}.modal{position:fixed;z-index:3000;inset:0;background:rgba(15,18,32,.42);display:grid;place-items:center;padding:18px}.modal-card{width:min(480px,100%);max-height:82vh;overflow:auto;background:#fff;border-radius:20px;padding:20px;box-shadow:0 24px 70px rgba(16,20,40,.25)}.modal-card.wide{width:min(650px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.modal-head h3{margin:0}.modal-head button{border:0;background:none;font-size:24px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.select-list{display:flex;flex-direction:column;gap:4px}.select-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:9px;align-items:center;border:0;background:#fff;text-align:left;padding:8px;border-radius:11px;cursor:pointer}.select-row:hover{background:#f3f4f8}.select-row .avatar{width:42px;height:42px}.select-row span{display:flex;flex-direction:column}.select-row small{color:#8a90a2}.selected-users{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}.selected-chip{border-radius:99px;background:#f0efff;color:#574ad9;padding:5px 9px;font-size:11px}.quote-source{min-height:180px;line-height:1.5}.media-card{width:min(1000px,100%);background:#11131b;color:#fff}.media-body{display:grid;place-items:center;min-height:240px}.media-body img{max-width:100%;max-height:70vh}.media-body video{width:100%;max-height:70vh}.media-body audio{width:min(650px,100%)}
@media(max-width:980px){.app-sidebar{width:76px;padding:14px 9px}.brand span,.app-sidebar nav>a span,.nav-label,.sidebar-user>div:nth-child(2){display:none}.brand{justify-content:center;padding-left:0;padding-right:0}.app-sidebar nav>a{justify-content:center}.sidebar-user{grid-template-columns:1fr}.sidebar-user>a{display:none}.app-main,.app-footer{margin-left:76px}.grid-panels{grid-template-columns:1fr}.chat-page{grid-template-columns:310px minmax(0,1fr)}}
@media(max-width:720px){body{background:#fff}.app-sidebar,.app-footer{display:none}.app-main{margin:0;padding:0;min-height:100vh}.flash{position:fixed;top:8px;left:8px;right:8px;z-index:5000}.chat-page{position:fixed;inset:0;height:100dvh;min-height:0;border:0;border-radius:0;box-shadow:none;grid-template-columns:1fr}.chat-sidebar-panel{height:100dvh;border:0}.chat-mobile-brand{height:52px;padding:7px 13px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #e5e8f0}.chat-mobile-brand img{width:32px;height:32px}.chat-sidebar-head{padding-top:12px}.chat-dialog-panel{position:fixed;inset:0;z-index:200;background:#eef1f7;transform:translateX(100%);transition:transform .2s ease}.chat-dialog-panel.open{transform:none}.dialog-head{padding-top:calc(8px + env(safe-area-inset-top));height:calc(62px + env(safe-area-inset-top))}.mobile-only{display:grid}.message-list{padding:12px 9px}.bubble{max-width:88%}.message-ref small{max-width:220px}.composer{padding:7px 7px calc(8px + env(safe-area-inset-bottom))}.composer-row{gap:4px}.tool-btn,.send-btn{width:37px;height:37px;font-size:18px}.composer-input{padding:7px 10px}.emoji-popover{left:8px;bottom:64px;width:calc(100vw - 16px)}.emoji-grid{grid-template-columns:repeat(7,1fr)}.context-menu{left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom));top:auto!important;min-width:0;border-radius:18px}.context-menu button{padding:12px}.modal{padding:8px;align-items:end}.modal-card{border-radius:20px 20px 0 0;width:100%;max-height:88vh;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.auth-main{padding:10px}.auth-card{padding:22px;border-radius:19px}.grid2{grid-template-columns:1fr}.content-page{padding:14px}.page-head h1{font-size:32px}.panel{padding:16px;border-radius:16px}.inline-form{display:grid}.copy-line{display:block}.copy-line .btn{margin-top:8px}.file-options{display:grid;grid-template-columns:1fr 1fr}.file-options label{display:block}.file-options select{width:100%;margin-top:3px}}

/* OLQORA Chat 1.1.0 */
[hidden]{display:none!important}
.archive-mode-label{margin:0 14px 8px;padding:7px 10px;border-radius:10px;background:#f1f0ff;color:#5147ca;font-size:11px;font-weight:700;display:flex;align-items:center;gap:7px}.archive-mode-label button{margin-left:auto;border:0;background:none;color:#7165e8;font-size:10px;cursor:pointer}.conversation-kind{font-size:9px;color:#8a90a2;display:inline-flex;align-items:center;gap:3px;font-weight:600}.conversation-preview i{font-size:10px;margin-right:2px}
.dialog-head{position:relative}.dialog-menu-popover{position:absolute;z-index:180;right:12px;top:60px;width:220px;background:#fff;border:1px solid #e1e5ee;border-radius:14px;padding:6px;box-shadow:0 18px 55px rgba(22,28,52,.18)}.dialog-menu-popover button{width:100%;border:0;background:transparent;border-radius:9px;padding:9px 10px;display:flex;gap:9px;align-items:center;text-align:left;cursor:pointer}.dialog-menu-popover button:hover{background:#f3f4f8}.dialog-menu-popover i{color:#737a8f;width:18px}.dialog-menu-info{padding:8px 10px;border-top:1px solid #eceef4;color:#8a90a2;font-size:11px;display:flex;align-items:center;gap:8px}
.message-search-results{max-height:55vh;overflow:auto;display:flex;flex-direction:column;gap:4px}.message-search-result{border:0;background:#fff;text-align:left;padding:10px;border-radius:11px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;cursor:pointer}.message-search-result:hover{background:#f4f5f8}.message-search-result b{font-size:11px;color:var(--accent);grid-column:1}.message-search-result span{font-size:13px;grid-column:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-search-result small{grid-column:2;grid-row:1/3;color:#9298a8;font-size:10px}.message-highlight .bubble{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);animation:chatPulse .7s ease 2}@keyframes chatPulse{50%{transform:scale(1.018)}}
.voice-note{width:min(330px,72vw);display:flex;align-items:center;gap:10px;padding:4px 2px 2px}.voice-play{width:42px;height:42px;flex:0 0 auto;border:0;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:22px;cursor:pointer}.voice-main{min-width:0;flex:1;display:grid;grid-template-columns:1fr auto;grid-template-rows:26px 15px;column-gap:8px;align-items:center}.voice-wave{grid-column:1/3;height:26px;display:flex;align-items:center;gap:2px;opacity:.55;pointer-events:none}.voice-wave i{display:block;width:3px;min-height:4px;border-radius:4px;background:currentColor}.voice-range{grid-column:1;width:100%;height:3px;accent-color:var(--accent);margin:0;cursor:pointer}.voice-duration{grid-column:2;font-size:9px;color:#7c8293;white-space:nowrap}.voice-note audio{display:none}
.video-note-wrap{display:flex;padding:2px 0}.video-note{width:230px;height:230px;border-radius:50%;object-fit:cover;background:#111;box-shadow:0 6px 18px rgba(18,22,42,.14)}.video-note-recorder{position:fixed;z-index:3600;inset:0;background:rgba(11,14,25,.82);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.video-note-recorder video{width:min(72vw,380px);aspect-ratio:1;border-radius:50%;object-fit:cover;background:#000;border:4px solid rgba(255,255,255,.72);box-shadow:0 25px 80px rgba(0,0,0,.35)}.video-note-recorder-meta{color:#fff;text-align:center;display:flex;flex-direction:column;gap:3px}.video-note-recorder-meta span{font-variant-numeric:tabular-nums}.video-note-recorder>button{width:58px;height:58px;border-radius:50%;border:0;background:#ef4444;color:#fff;font-size:28px;display:grid;place-items:center;cursor:pointer}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-grid .span-2{grid-column:1/-1}.settings-form{display:flex;flex-direction:column;gap:8px;margin-top:12px}.settings-form label{font-size:12px;font-weight:700}.form-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.button-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.switch-row{display:flex!important;align-items:center;gap:8px;padding:8px 0}.switch-row input{width:auto}.version-box{display:flex;align-items:baseline;gap:10px;margin:14px 0}.version-box b{font-size:34px;color:var(--accent)}.version-box span{color:#858b9d}.security-note{display:flex;gap:9px;align-items:flex-start;padding:10px 12px;border-radius:11px;background:#f3f7ff;color:#536079;font-size:12px}.security-note i{color:var(--accent);font-size:18px}.status-pill{display:inline-flex;padding:3px 8px;border-radius:99px;font-size:10px;font-weight:800}.status-pill.ok{background:#dcfce7;color:#15803d}.status-pill.bad{background:#fee2e2;color:#b91c1c}
@media(max-width:900px){.settings-grid{grid-template-columns:1fr}.settings-grid .span-2{grid-column:auto}}
@media(max-width:720px){.dialog-menu-popover{position:fixed;left:8px;right:8px;top:auto;bottom:calc(72px + env(safe-area-inset-bottom));width:auto;border-radius:18px;z-index:400}.dialog-menu-popover button{padding:12px}.tool-btn,.send-btn{width:34px;height:34px;font-size:16px}.composer-row{gap:3px}.composer-input{padding:6px 9px}.video-note{width:190px;height:190px}.voice-note{width:min(290px,74vw)}.form-grid.two{grid-template-columns:1fr}.button-row{display:grid}.message-search-result{grid-template-columns:1fr}.message-search-result small{grid-column:1;grid-row:auto}}

/* OLQORA Chat 1.2.0 — avatars, wallpapers, chat library and recorders */
.avatar{overflow:hidden}.avatar.has-image{background:#e9ebf3}.avatar img,.profile-avatar-preview img{width:100%;height:100%;object-fit:cover;display:block}.sidebar-user .avatar img{border-radius:50%}
.profile-grid .span-2{grid-column:1/-1}.profile-avatar-row{display:grid;grid-template-columns:132px minmax(0,1fr);gap:22px;align-items:center}.profile-avatar-preview{width:132px;height:132px;border-radius:36px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;font-size:38px;font-weight:800;box-shadow:0 12px 32px rgba(41,45,76,.12)}.profile-upload-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.profile-upload-form .input{max-width:390px}.mt8{margin-top:8px}.form-hint{color:#8b91a1;font-size:11px;margin:6px 0 12px}.background-preset-grid{display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));gap:10px;margin:14px 0 18px}.background-preset-option{margin:0;position:relative;cursor:pointer}.background-preset-option input{position:absolute;opacity:0;pointer-events:none}.background-preset-option b{display:block;font-size:11px;margin-top:6px;color:#656b7d}.background-swatch{height:84px;display:block;border-radius:15px;border:2px solid transparent;box-shadow:inset 0 0 0 1px rgba(42,48,73,.08);transition:.16s ease}.background-preset-option input:checked+.background-swatch{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.background-swatch-custom{background-size:cover;background-position:center}.bg-preview-aurora,.chat-bg-aurora{background-color:#edf1f8;background-image:radial-gradient(circle at 12% 18%,rgba(111,94,255,.13),transparent 26%),radial-gradient(circle at 86% 8%,rgba(99,190,255,.12),transparent 28%),radial-gradient(circle at 74% 88%,rgba(165,117,255,.10),transparent 30%),linear-gradient(180deg,#f5f7fb,#edf1f8)}.bg-preview-dots,.chat-bg-dots{background-color:#eef1f6;background-image:radial-gradient(rgba(94,101,126,.17) 1.1px,transparent 1.1px);background-size:19px 19px}.bg-preview-paper,.chat-bg-paper{background-color:#f6f2ea;background-image:linear-gradient(rgba(111,105,92,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(111,105,92,.035) 1px,transparent 1px);background-size:26px 26px}.bg-preview-mint,.chat-bg-mint{background-color:#ecf8f4;background-image:radial-gradient(circle at 20% 20%,rgba(45,185,145,.12),transparent 30%),radial-gradient(circle at 84% 70%,rgba(99,102,241,.09),transparent 28%),linear-gradient(180deg,#f4fbf8,#e9f5f1)}.bg-preview-night,.chat-bg-night{background-color:#202436;background-image:radial-gradient(circle at 20% 25%,rgba(102,92,255,.20),transparent 32%),radial-gradient(circle at 82% 70%,rgba(41,174,192,.12),transparent 28%),linear-gradient(180deg,#292e42,#202436)}.bg-preview-plain,.chat-bg-plain{background:#eef1f7}.chat-bg-custom{background-color:#e9edf5;background-image:linear-gradient(rgba(238,241,247,.18),rgba(238,241,247,.18)),var(--chat-custom-bg);background-position:center;background-size:cover;background-repeat:no-repeat}.chat-bg-night .bubble{box-shadow:0 5px 18px rgba(0,0,0,.16)}

.voice-note{padding:5px 2px 3px}.voice-play{box-shadow:0 5px 14px color-mix(in srgb,var(--accent) 26%,transparent)}.voice-main{grid-template-rows:28px 18px}.voice-wave{position:relative;color:#aeb4c5;overflow:hidden}.message-row.mine .voice-wave{color:#9489dc}.voice-wave::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--voice-progress,0%);background:color-mix(in srgb,var(--accent) 20%,transparent);border-radius:6px;pointer-events:none}.voice-footer{grid-column:1/3;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.voice-duration{font-size:9px;color:#7c8293;white-space:nowrap}.voice-speed{border:0;background:transparent;color:var(--accent);font-size:9px;font-weight:800;padding:1px 4px;border-radius:6px;cursor:pointer}.voice-speed:hover{background:rgba(91,74,255,.08)}
.voice-recorder-panel{flex:0 0 auto;min-height:64px;background:#fff;border-top:1px solid #e4e7ef;padding:9px 13px;display:grid;grid-template-columns:auto auto minmax(120px,1fr) auto auto;align-items:center;gap:11px}.voice-recorder-dot{width:10px;height:10px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 5px rgba(239,68,68,.10);animation:voiceRecPulse 1.1s infinite}.voice-recorder-info{display:flex;flex-direction:column;min-width:112px}.voice-recorder-info b{font-size:12px}.voice-recorder-info span{font-size:11px;color:#ef4444;font-variant-numeric:tabular-nums}.voice-live-wave{height:34px;display:flex;align-items:center;justify-content:center;gap:3px;overflow:hidden}.voice-live-wave i{display:block;width:3px;border-radius:5px;background:linear-gradient(180deg,#8b5cf6,var(--accent));transition:height .06s linear}.voice-record-cancel{border:0;background:transparent;color:#7d8394;cursor:pointer;font-weight:700}.voice-record-stop{width:42px;height:42px;border:0;border-radius:50%;background:#ef4444;color:#fff;display:grid;place-items:center;font-size:22px;cursor:pointer;box-shadow:0 8px 20px rgba(239,68,68,.22)}@keyframes voiceRecPulse{50%{opacity:.45;transform:scale(.82)}}

.video-note-preview-shell{position:relative}.video-note-rec-indicator{position:absolute;left:50%;top:15px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;background:rgba(0,0,0,.45);color:#fff;border-radius:99px;padding:5px 10px;font-size:10px;font-weight:800;letter-spacing:.08em;backdrop-filter:blur(6px)}.video-note-rec-indicator i{width:7px;height:7px;border-radius:50%;background:#ff3b30;animation:voiceRecPulse 1s infinite}.video-note-recorder-actions{display:flex;align-items:center;gap:16px}.video-note-recorder-actions button{cursor:pointer}.video-note-cancel{border:0;background:rgba(255,255,255,.12);color:#fff;border-radius:12px;padding:10px 14px;font-weight:700}.video-note-stop{width:58px;height:58px;border-radius:50%;border:0;background:#ef4444;color:#fff;font-size:28px;display:grid;place-items:center;box-shadow:0 10px 28px rgba(239,68,68,.26)}

.chat-library-card{width:min(980px,100%);min-height:min(650px,82vh);display:flex;flex-direction:column;overflow:hidden}.chat-library-card .modal-head{flex:0 0 auto}.chat-library-tabs{display:flex;gap:5px;border-bottom:1px solid #e8eaf1;padding-bottom:10px;margin-bottom:12px;overflow:auto;scrollbar-width:none}.chat-library-tabs::-webkit-scrollbar{display:none}.chat-library-tabs button{border:0;background:#f4f5f8;color:#666c7d;border-radius:10px;padding:8px 11px;display:flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer;font-size:12px;font-weight:700}.chat-library-tabs button.active{background:color-mix(in srgb,var(--accent) 11%,#fff);color:var(--accent)}.chat-library-body{flex:1;min-height:300px;overflow:auto}.chat-library-empty{height:300px;display:grid;place-items:center;align-content:center;text-align:center;color:#9197a8}.chat-library-empty i{font-size:34px;color:#c1c5d1}.media-library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.library-media-thumb,.library-protected,.library-locked{aspect-ratio:1;border:0;border-radius:12px;overflow:hidden;position:relative;background:#eef0f5;padding:0}.library-media-thumb{cursor:pointer}.library-media-thumb img,.library-media-thumb video{width:100%;height:100%;display:block;object-fit:cover}.library-media-thumb.video>i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:rgba(0,0,0,.48);color:#fff;display:grid;place-items:center;font-size:22px}.library-protected,.library-locked{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#798092}.library-protected{cursor:pointer}.library-protected i,.library-locked i{font-size:25px;color:var(--accent)}.library-locked i{color:#a0a5b2}.voice-library-list,.file-library-list,.link-library-list{display:flex;flex-direction:column;gap:7px}.library-voice-item{border:1px solid #e7e9f1;border-radius:14px;padding:10px 12px;background:#fff}.library-voice-item>div:first-child{display:flex;justify-content:space-between;gap:10px}.library-voice-item>div:first-child b{font-size:11px}.library-voice-item>div:first-child small{font-size:10px;color:#959bac}.library-file-row,.link-library-item{border:1px solid #e7e9f1;background:#fff;border-radius:13px;padding:10px 12px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;text-align:left}.library-file-row>i:first-child,.link-library-item>i:first-child{width:34px;height:34px;border-radius:10px;background:#f0efff;color:var(--accent);display:grid;place-items:center;font-size:18px}.library-file-row span,.link-library-item span{min-width:0;display:flex;flex-direction:column}.library-file-row b,.link-library-item b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-file-row small,.link-library-item small{font-size:10px;color:#8c92a3;margin-top:2px}.library-file-row button{border:0}.link-library-item>i:last-child,.library-file-row>i:last-child{color:#949aab}.link-library-item:hover,.library-file-row:hover{background:#f8f8fb}

@media(max-width:1100px){.background-preset-grid{grid-template-columns:repeat(4,minmax(100px,1fr))}.media-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.profile-grid .span-2{grid-column:auto}.profile-avatar-row{grid-template-columns:1fr;text-align:center}.profile-avatar-preview{margin:0 auto}.profile-upload-form{justify-content:center}.background-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.background-swatch{height:74px}.voice-recorder-panel{grid-template-columns:auto minmax(86px,auto) minmax(80px,1fr) auto auto;padding:8px 9px;gap:7px}.voice-recorder-info b{display:none}.voice-recorder-info{min-width:48px}.voice-live-wave{gap:2px}.voice-live-wave i{width:2px}.voice-record-cancel{font-size:11px;padding:5px}.voice-record-stop{width:38px;height:38px}.chat-library-card{height:88vh;min-height:0}.media-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.chat-library-tabs button{padding:8px 9px}.video-note-recorder video{width:min(82vw,360px)}}

/* OLQORA Chat 1.3.0 — organization and productivity */
.chat-folder-tabs{display:flex;gap:6px;align-items:center;padding:0 14px 9px;overflow-x:auto;scrollbar-width:none;flex:0 0 auto}.chat-folder-tabs::-webkit-scrollbar{display:none}.chat-folder-tabs button{border:0;background:#f3f4f7;color:#6f7587;border-radius:10px;padding:7px 10px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:11px;font-weight:700;cursor:pointer}.chat-folder-tabs button.active{background:color-mix(in srgb,var(--accent) 12%,#fff);color:var(--accent)}.chat-folder-tabs .folder-manage-btn{width:32px;height:32px;padding:0;justify-content:center;flex:0 0 auto}
.conversation-flags{display:inline-flex;align-items:center;gap:5px;color:#989eae;min-width:0}.conversation-flags>i{font-size:10px}.conversation-flags .bi-pin-angle-fill{color:var(--accent)}.conversation-kind{display:inline-flex;align-items:center;gap:3px;font-size:9px;color:#8c92a3;font-weight:700}.draft-preview{color:#ef4444;font-weight:700}.saved-avatar{background:linear-gradient(135deg,var(--accent),#8b5cf6)!important;color:#fff!important;display:grid!important;place-items:center!important}.saved-avatar i{font-size:20px}.dialog-head .saved-avatar i{font-size:18px}
.pinned-message-bar{flex:0 0 auto;border:0;border-bottom:1px solid #e6e9f0;background:rgba(255,255,255,.96);padding:7px 14px;display:grid;grid-template-columns:24px minmax(0,1fr) 18px;gap:8px;align-items:center;text-align:left;cursor:pointer;color:#3a3f50}.pinned-message-bar[hidden]{display:none!important}.pinned-message-bar>i:first-child{color:var(--accent);font-size:16px}.pinned-message-bar>i:last-child{color:#a1a6b4}.pinned-message-bar span{display:flex;flex-direction:column;min-width:0}.pinned-message-bar b{font-size:10px;color:var(--accent)}.pinned-message-bar small{font-size:11px;color:#747a8b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-meta .bi-pin-angle-fill{color:var(--accent)}
.folder-create-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;margin-bottom:14px}.folder-create-row .btn{padding:0;display:grid;place-items:center}.folder-manager-list{display:flex;flex-direction:column;gap:7px}.folder-manager-row{display:grid;grid-template-columns:28px minmax(0,1fr) 38px 38px;gap:7px;align-items:center;padding:8px;border:1px solid #e6e9f0;border-radius:13px}.folder-manager-row>i{color:var(--accent);font-size:18px;text-align:center}.folder-manager-row .input{margin:0}.folder-manager-row .icon-btn{width:36px;height:36px}.folder-manager-row .icon-btn.danger{color:#e11d48;background:#fff1f2}.folder-assign-list{display:flex;flex-direction:column;gap:7px}.folder-assign-row{display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid #e6e9f0;border-radius:12px;cursor:pointer;margin:0}.folder-assign-row:hover{background:#f8f8fb}.folder-assign-row input{width:18px;height:18px;accent-color:var(--accent)}.folder-assign-row span{display:flex;align-items:center;gap:8px;font-weight:700}.folder-assign-row i{color:var(--accent)}
@media(max-width:720px){.chat-folder-tabs{padding:0 10px 8px}.chat-folder-tabs button{padding:7px 9px}.pinned-message-bar{padding:7px 10px}.folder-manager-row{grid-template-columns:24px minmax(0,1fr) 36px 36px}}

/* OLQORA Chat 2.0.0 — Stage 3 */
.security-health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.health-card{display:flex;gap:12px;align-items:flex-start;padding:15px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.health-card>i{font-size:22px}.health-card.ok>i{color:#16a34a}.health-card.warn>i{color:#d97706}.health-card div{display:flex;flex-direction:column;gap:3px}.health-card small,.security-row small{color:var(--muted)}.security-list{display:flex;flex-direction:column;gap:9px;margin-top:14px}.security-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px}.security-row>i{font-size:20px;color:var(--accent)}.security-row>div:nth-child(2){display:flex;flex-direction:column;min-width:0;flex:1}.security-row .button-row{flex:0 0 auto}.status-chip{display:inline-flex;align-items:center;border-radius:999px;padding:3px 7px;background:#eef0f6;color:var(--muted);font-size:11px;font-weight:700}.status-chip.ok{background:#dcfce7;color:#15803d}.status-chip.warn{background:#ffedd5;color:#c2410c}.panel-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.auth-divider{display:flex;align-items:center;gap:10px;margin:14px 0;color:var(--muted);font-size:12px}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}.conversation-row .bi-shield-lock-fill{color:var(--accent)}.dialog-title small:has(+*){}.tool-btn:disabled{opacity:.32;cursor:not-allowed}.e2e-notice{padding:7px 10px;border-radius:10px;background:rgba(91,74,255,.08);color:var(--accent);font-size:12px}.copy-row{display:flex;gap:8px}.copy-row .input{min-width:0}.mt16{margin-top:16px}.btn.small{padding:6px 9px;font-size:12px}
@media(max-width:700px){.security-row{align-items:flex-start;flex-wrap:wrap}.security-row .button-row{width:100%;justify-content:flex-end}.panel-title-row{flex-direction:column}.copy-row{flex-direction:column}}

/* OLQORA Chat 2.0.0 — Stage 3: collaboration, channels, calls */
.conversation-kind.channel{color:#7c3aed}.stage3-call-btn[hidden]{display:none!important}.stage3-hub{max-width:760px}.stage3-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stage3-tool-grid>button{border:1px solid #e4e7ef;background:linear-gradient(180deg,#fff,#f8f8fc);border-radius:16px;padding:16px;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 10px;text-align:left;cursor:pointer}.stage3-tool-grid>button>i{grid-row:1/3;width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--accent) 11%,#fff);color:var(--accent);display:grid;place-items:center;font-size:20px}.stage3-tool-grid>button b{align-self:end}.stage3-tool-grid>button small{color:#858b9d}.stage3-tool-grid>button:hover{border-color:color-mix(in srgb,var(--accent) 32%,#e4e7ef);transform:translateY(-1px)}.stage3-tool-grid>button:disabled{opacity:.38;cursor:not-allowed;transform:none}
.entity-card{margin:3px 0 6px;min-width:min(420px,64vw);max-width:520px;border:1px solid rgba(91,74,255,.14);background:rgba(255,255,255,.7);border-radius:14px;padding:12px}.message-row.mine .entity-card{background:rgba(255,255,255,.56)}.entity-kicker{display:flex;align-items:center;gap:6px;color:var(--accent);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin-bottom:5px}.entity-title{font-size:15px;display:block;margin-bottom:8px}.entity-description{font-size:12px;line-height:1.45;color:#555b6c;margin:5px 0 9px}.entity-footer{font-size:10px;color:#858b9d;margin-top:7px}.poll-options{display:flex;flex-direction:column;gap:6px}.poll-option{position:relative;overflow:hidden;border:1px solid #e1e4ec;background:#fff;border-radius:11px;padding:9px 10px;display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;cursor:pointer}.poll-option>span,.poll-option>small{position:relative;z-index:2}.poll-option>span{display:flex;align-items:center;gap:6px;font-weight:650}.poll-option>small{color:#73798b;white-space:nowrap}.poll-option.mine{border-color:color-mix(in srgb,var(--accent) 35%,#e1e4ec)}.poll-progress{position:absolute;left:0;top:0;bottom:0;background:color-mix(in srgb,var(--accent) 9%,#fff);z-index:1;transition:width .25s ease}.event-meta{display:flex;flex-direction:column;gap:5px;margin:8px 0}.event-meta span{display:flex;align-items:center;gap:7px;font-size:11px;color:#646a7b}.event-meta i{color:var(--accent)}.event-rsvp{display:flex;gap:5px;flex-wrap:wrap}.event-rsvp button{border:1px solid #e0e3ec;background:#fff;border-radius:9px;padding:6px 8px;font-size:10px;cursor:pointer}.event-rsvp button.active{background:color-mix(in srgb,var(--accent) 11%,#fff);border-color:color-mix(in srgb,var(--accent) 30%,#e0e3ec);color:var(--accent)}.shared-list-items{display:flex;flex-direction:column;gap:4px}.shared-list-item{border:0;background:transparent;border-radius:8px;padding:6px 4px;display:flex;align-items:flex-start;gap:7px;text-align:left;cursor:pointer}.shared-list-item:hover{background:rgba(91,74,255,.06)}.shared-list-item i{color:var(--accent);margin-top:1px}.shared-list-item.done span{text-decoration:line-through;color:#8c92a2}.list-add-inline{border:0;background:transparent;color:var(--accent);font-size:11px;font-weight:700;padding:7px 3px 0;cursor:pointer}.thread-open-btn{border:0;background:transparent;color:var(--accent);font-size:10px;font-weight:700;padding:4px 0 1px;display:flex;align-items:center;gap:5px;cursor:pointer}
.topic-create-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;margin-bottom:12px}.topic-create-row .btn{padding:0}.topics-list{display:flex;flex-direction:column;gap:7px;max-height:55vh;overflow:auto}.topic-row{border:1px solid #e5e8ef;background:#fff;border-radius:13px;padding:11px;display:grid;grid-template-columns:36px minmax(0,1fr) 20px;gap:10px;align-items:center;text-align:left;cursor:pointer}.topic-row>i:first-child{width:36px;height:36px;border-radius:11px;background:#f0efff;color:var(--accent);display:grid;place-items:center}.topic-row span{display:flex;flex-direction:column;min-width:0}.topic-row small{color:#8a90a2;margin-top:2px}.topic-row.closed{opacity:.62}.topic-chat-card,.thread-card{height:min(720px,86vh);display:flex;flex-direction:column}.topic-message-list,.thread-message-list{flex:1;min-height:260px;overflow:auto;padding:10px;background:#f5f6fa;border-radius:14px;display:flex;flex-direction:column;gap:7px}.thread-msg{display:flex;justify-content:flex-start}.thread-msg.mine{justify-content:flex-end}.thread-msg>div{max-width:76%;background:#fff;border-radius:14px 14px 14px 4px;padding:8px 10px;display:flex;flex-direction:column;gap:3px;box-shadow:0 2px 8px rgba(22,27,54,.05)}.thread-msg.mine>div{background:#e9e6ff;border-radius:14px 14px 4px 14px}.thread-msg.root>div{border:1px solid color-mix(in srgb,var(--accent) 26%,#e2e5ed)}.thread-msg b{font-size:10px;color:var(--accent)}.thread-msg span{font-size:12px;line-height:1.4}.thread-msg small{font-size:9px;color:#9aa0af}.thread-composer{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:8px;margin-top:10px}.thread-composer .btn{padding:0}
.ai-actions{display:flex;gap:8px;margin-bottom:12px}.ai-result{min-height:200px;border:1px solid #e5e8ef;background:#f8f8fb;border-radius:14px;padding:14px;line-height:1.5}.ai-thinking{display:flex;align-items:center;gap:8px;color:var(--accent);font-weight:700}.ai-answer{white-space:normal}.ai-error{color:#b91c1c}
.call-shell{position:fixed;inset:0;z-index:450;background:rgba(8,10,24,.82);backdrop-filter:blur(12px);display:grid;place-items:center;padding:18px}.call-shell.minimized{inset:auto 20px 20px auto;background:transparent;backdrop-filter:none;padding:0}.call-shell.minimized .call-stage{width:320px;height:220px}.call-shell.minimized .call-video-grid{grid-template-columns:1fr}.call-shell.minimized .call-video-tile:not(.local),.call-shell.minimized .call-controls button:not(.end){display:none}.call-stage{width:min(1100px,96vw);height:min(760px,92vh);background:#111426;border:1px solid rgba(255,255,255,.12);border-radius:26px;box-shadow:0 30px 90px rgba(0,0,0,.45);display:flex;flex-direction:column;overflow:hidden;color:#fff}.call-head{height:66px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}.call-head>div{display:flex;align-items:center;gap:10px}.call-head>div>div{display:flex;flex-direction:column}.call-head small{color:#a8aec2;font-size:11px}.call-status-dot{width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.12)}.call-minimize{width:38px;height:38px;border:0;border-radius:11px;background:rgba(255,255,255,.08);color:#fff;cursor:pointer}.call-video-grid{flex:1;min-height:0;padding:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-auto-rows:minmax(180px,1fr);gap:10px;overflow:auto}.call-video-tile{position:relative;background:#090b15;border-radius:18px;overflow:hidden;min-height:180px}.call-video-tile video{width:100%;height:100%;object-fit:cover;display:block}.call-video-tile span{position:absolute;left:10px;bottom:10px;background:rgba(0,0,0,.45);padding:5px 8px;border-radius:8px;font-size:11px;z-index:3}.call-peer-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#626a84;font-size:52px;background:radial-gradient(circle at 50% 40%,#222844,#0b0d19)}.call-peer-placeholder img{width:90px;height:90px;border-radius:50%;object-fit:cover}.call-video-tile.connected .call-peer-placeholder{display:none}.call-controls{height:82px;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;border-top:1px solid rgba(255,255,255,.08)}.call-controls button{width:50px;height:50px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:#fff;font-size:20px;display:grid;place-items:center;cursor:pointer}.call-controls button:hover,.call-controls button.active{background:rgba(124,58,237,.8)}.call-controls button.off{background:#f59e0b}.call-controls button.end{background:#ef4444}.incoming-call{position:fixed;right:22px;top:22px;z-index:500;width:min(390px,calc(100vw - 24px));background:#fff;border:1px solid #e1e4ec;border-radius:20px;box-shadow:0 24px 70px rgba(18,22,48,.24);padding:14px;display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:11px;align-items:center}.incoming-call-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;display:grid;place-items:center;font-size:22px;overflow:hidden}.incoming-call-avatar img{width:100%;height:100%;object-fit:cover}.incoming-call>div:nth-child(2){display:flex;flex-direction:column}.incoming-call small{color:#828899}.incoming-call-actions{display:flex;gap:7px}.incoming-call-actions button{width:42px;height:42px;border-radius:50%;border:0;color:#fff;display:grid;place-items:center;cursor:pointer}.incoming-call-actions .decline{background:#ef4444}.incoming-call-actions .accept{background:#22c55e}
@media(max-width:720px){.stage3-tool-grid{grid-template-columns:1fr}.entity-card{min-width:min(78vw,360px)}.event-rsvp{display:grid;grid-template-columns:1fr}.topic-chat-card,.thread-card{height:90vh}.call-shell{padding:0}.call-stage{width:100vw;height:100vh;border-radius:0}.call-video-grid{grid-template-columns:1fr;grid-auto-rows:minmax(220px,1fr)}.call-shell.minimized{right:8px;bottom:8px}.call-shell.minimized .call-stage{width:260px;height:180px;border-radius:18px}.incoming-call{right:12px;top:12px}.dialog-actions .stage3-call-btn{display:none}.dialog-actions [data-stage3-tools]{display:grid}}
.topic-row-wrap{display:flex;align-items:stretch;gap:8px}.topic-row-wrap .topic-row{flex:1}.topic-state-btn{width:42px;border:1px solid var(--border,#e5e7eb);background:var(--surface,#fff);border-radius:12px;color:var(--muted,#6b7280);cursor:pointer}.topic-state-btn:hover{color:var(--accent,#5b4aff);border-color:color-mix(in srgb,var(--accent,#5b4aff) 35%,#e5e7eb)}

/* OLQORA Chat 2.0.1 — responsive calls, robust camera UX, native-control-free video notes */
.video-note-wrap{display:flex;flex-direction:column;align-items:center;gap:5px;padding:3px 0}
.video-note-ring{--video-note-progress:0deg;position:relative;width:230px;height:230px;border-radius:50%;padding:4px;background:conic-gradient(var(--accent) var(--video-note-progress),rgba(91,74,255,.14) 0);box-shadow:0 8px 24px rgba(18,22,42,.14)}
.video-note{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;background:#111;box-shadow:none}
.video-note::-webkit-media-controls{display:none!important}
.video-note::-webkit-media-controls-enclosure{display:none!important}
.video-note-play{position:absolute;inset:4px;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;display:grid;place-items:center;padding:0}
.video-note-play i{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:31px;background:rgba(8,10,24,.48);backdrop-filter:blur(7px);box-shadow:0 8px 24px rgba(0,0,0,.2);transition:opacity .16s ease,transform .16s ease}
.video-note-play.playing i{opacity:0;transform:scale(.9)}
.video-note-play.playing:hover i{opacity:.9;transform:scale(1)}
.video-note-time{font-size:10px;color:#858b9d;font-variant-numeric:tabular-nums;min-height:14px}
.video-note-recorder-meta #videoNoteStatus{font-size:11px;color:rgba(255,255,255,.72)}
.call-shell.preparing .call-status-dot{background:#f59e0b;box-shadow:0 0 0 5px rgba(245,158,11,.14);animation:voiceRecPulse 1.1s infinite}
.call-shell.preparing .call-video-grid{position:relative}
.call-shell.preparing .call-video-grid::after{content:'Разрешите доступ к камере и микрофону в браузере';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:320px;text-align:center;color:#cfd3df;background:rgba(9,11,21,.68);padding:12px 16px;border-radius:14px;font-size:12px;pointer-events:none}

@media(max-width:720px){
  .dialog-head{gap:7px;padding-left:8px;padding-right:8px}
  .dialog-head>.avatar{width:38px;height:38px;min-width:38px;font-size:12px}
  .dialog-title{flex:1;min-width:0;max-width:none}
  .dialog-title b,.dialog-title small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .dialog-actions{gap:3px;flex:0 0 auto}
  .dialog-actions .stage3-call-btn:not([hidden]){display:grid!important;width:36px;height:36px;font-size:17px}
  .dialog-actions [data-stage3-tools],.dialog-actions [data-search-messages]{display:none!important}
  .dialog-actions [data-dialog-menu]{width:36px;height:36px;font-size:17px}
  .video-note-ring{width:190px;height:190px}
  .video-note{width:100%;height:100%}
}
@media(max-width:390px){
  .dialog-head>.avatar{width:34px;height:34px;min-width:34px}
  .dialog-actions .stage3-call-btn:not([hidden]),.dialog-actions [data-dialog-menu]{width:34px;height:34px}
  .dialog-title small{display:none}
}

/* OLQORA Chat 2.1.0 — personal theme, naked video notes, call lab, E2E files */
.app-sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 18%,#0f1021),color-mix(in srgb,var(--accent) 34%,#171025))}
.conversation-row:hover,.conversation-row.active{background:color-mix(in srgb,var(--accent) 8%,#fff)}
.bubble{background:var(--message-in,#fff)}
.message-row.mine .bubble{background:var(--message-out,#e9e6ff)}
.thread-msg>div{background:var(--message-in,#fff)}.thread-msg.mine>div{background:var(--message-out,#e9e6ff)}
.message-row.video-note-only .bubble{background:transparent!important;box-shadow:none!important;padding:0!important;border-radius:0!important;max-width:none!important;overflow:visible}
.message-row.video-note-only .video-note-wrap{align-items:flex-end}.message-row.theirs.video-note-only .video-note-wrap{align-items:flex-start}
.message-row.video-note-only .message-meta{background:rgba(15,18,34,.58);color:#fff;border-radius:99px;padding:3px 7px;width:max-content;margin:-25px 10px 5px auto;position:relative;z-index:2;backdrop-filter:blur(5px)}
.message-row.theirs.video-note-only .message-meta{margin-left:10px;margin-right:auto}
.message-row.video-note-only .thread-open-btn{display:none}
.appearance-color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.appearance-color-grid label{margin:0;border:1px solid #e4e7ef;border-radius:15px;padding:12px;background:#fafbfe;display:grid;grid-template-columns:1fr 48px;align-items:center;gap:9px}.appearance-color-grid label span{grid-column:1/-1}.appearance-color-grid input[type=color]{width:48px;height:42px;border:0;padding:2px;border-radius:10px;background:transparent}.appearance-color-grid code{font-size:11px}.theme-preview{display:flex;flex-direction:column;gap:7px;padding:14px;background:#f3f5fa;border-radius:15px;margin:0 0 14px}.theme-preview span{padding:8px 11px;border-radius:13px;max-width:70%}.theme-preview .preview-in{background:var(--message-in,#fff)}.theme-preview .preview-out{align-self:flex-end;background:var(--message-out,#e9e6ff)}
.e2e-file{border:1px solid color-mix(in srgb,var(--accent) 24%,#e0e4ed);background:color-mix(in srgb,var(--accent) 6%,#fff);border-radius:13px;padding:9px 10px;display:grid;grid-template-columns:32px minmax(0,1fr) 24px;gap:8px;align-items:center;min-width:min(300px,66vw);text-align:left;color:inherit;cursor:pointer}.e2e-file>i:first-child{width:32px;height:32px;border-radius:10px;background:var(--accent);color:#fff;display:grid;place-items:center}.e2e-file span{display:flex;flex-direction:column;min-width:0}.e2e-file span b,.e2e-file span small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.e2e-file span small{font-size:10px;color:#7d8395}.decrypted-file{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px}.decrypted-file>i{font-size:48px;color:var(--accent)}
.e2e-verify{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.e2e-verify canvas{max-width:250px;width:100%;height:auto;border-radius:15px;border:1px solid #e5e7ef;padding:8px;background:#fff}.e2e-verify code{display:block;max-width:100%;word-break:break-word;background:#f4f5f9;border-radius:10px;padding:10px;font-size:11px}.crypto-sync-list{margin-top:14px;display:flex;flex-direction:column;gap:8px}.crypto-sync-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #e4e7ef;border-radius:13px}.crypto-sync-row>div{display:flex;flex-direction:column}.crypto-sync-row small{color:#83899a;margin-top:3px}
.call-head-tools{display:flex!important;align-items:center;gap:7px!important}.call-quality{font-size:10px;font-weight:800;padding:5px 8px;border-radius:99px;background:rgba(255,255,255,.08);color:#aeb5c9}.call-quality.good{color:#86efac}.call-quality.warn{color:#fcd34d}.call-quality.bad{color:#fca5a5}.call-device-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,1fr);gap:18px}.call-test-preview{border-radius:18px;background:#0b0d19;min-height:280px;overflow:hidden;position:relative;display:grid;place-items:center}.call-test-preview video{width:100%;height:100%;min-height:280px;object-fit:cover}.call-test-preview>div{position:absolute;left:10px;right:10px;bottom:10px;background:rgba(0,0,0,.55);color:#fff;padding:7px 9px;border-radius:10px;font-size:11px;backdrop-filter:blur(5px)}.call-test-meter{height:8px;background:#eceef4;border-radius:99px;overflow:hidden;margin-top:12px}.call-test-meter i{display:block;height:100%;width:0;background:var(--accent);transition:width .08s linear}.call-diagnostics{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.call-diagnostics span{font-size:10px;padding:5px 8px;border-radius:99px;background:#f0f2f6}.call-diagnostics span.ok{background:#dcfce7;color:#166534}.call-diagnostics span.warn{background:#fef3c7;color:#92400e}.call-diagnostics span.bad{background:#fee2e2;color:#991b1b}.turn-test-result{margin-top:12px;padding:10px;border-radius:12px;background:#f4f5f8;display:flex;flex-wrap:wrap;gap:8px}.turn-test-result.ok{background:#ecfdf5;color:#166534}.turn-test-result.warn{background:#fff7ed;color:#9a3412}.turn-test-result.bad{background:#fef2f2;color:#991b1b}
@media(max-width:720px){.appearance-color-grid{grid-template-columns:1fr}.call-device-grid{grid-template-columns:1fr}.call-test-preview{min-height:210px}.call-test-preview video{min-height:210px}.call-controls{gap:7px}.call-controls button{width:45px;height:45px}.call-quality{display:none}}

/* OLQORA Chat 2.2.0 — premium login */
.guest .auth-main{display:block;padding:0;background:#f7f8fc;min-height:100vh}.guest .flash{position:fixed;z-index:50;top:14px;left:50%;transform:translateX(-50%);width:min(680px,calc(100% - 28px));box-shadow:0 12px 35px rgba(15,23,42,.12)}
.auth-login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.04fr) minmax(460px,.96fr);position:relative;overflow:hidden;background:#f7f8fc}.auth-shader{position:absolute;left:0;top:0;width:52%;height:100%;z-index:0}.auth-noise{position:absolute;inset:0 48% 0 0;z-index:1;pointer-events:none;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to right,#000,rgba(0,0,0,.7))}.auth-hero{min-height:100vh;position:relative;z-index:2;padding:54px clamp(38px,6vw,92px);display:flex;flex-direction:column;color:#fff;background:linear-gradient(145deg,rgba(12,18,52,.30),rgba(66,44,176,.10));isolation:isolate}.auth-hero-brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:650;letter-spacing:.01em}.auth-hero-brand img{width:46px;height:46px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.22))}.auth-hero-copy{margin:auto 0;max-width:720px;transform:translate(var(--mx,0),var(--my,0));transition:transform .18s ease-out}.auth-kicker{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.18em;color:#b9c8ff;margin-bottom:24px}.auth-hero h1{font-size:clamp(48px,6.2vw,88px);line-height:.98;letter-spacing:-.055em;margin:0 0 28px;font-weight:850}.auth-hero h1 em{font-style:normal;background:linear-gradient(90deg,#a8b8ff,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-hero p{max-width:620px;font-size:17px;line-height:1.65;color:rgba(234,239,255,.78);margin:0}.auth-feature-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}.auth-feature-pills span{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);backdrop-filter:blur(12px);border-radius:999px;padding:8px 12px;font-size:11px;font-weight:750;color:#f5f7ff}.auth-orbit{position:absolute;border-radius:50%;filter:blur(.2px);pointer-events:none;z-index:-1;transition:transform .25s ease-out}.auth-orbit-a{width:330px;height:330px;right:-110px;top:-85px;background:rgba(64,203,255,.16);transform:translate(calc(var(--mx,0)*-.45),calc(var(--my,0)*-.45))}.auth-orbit-b{width:190px;height:190px;left:-70px;bottom:-55px;background:rgba(158,126,255,.28);transform:translate(calc(var(--mx,0)*.32),calc(var(--my,0)*.32))}.auth-orbit-c{width:90px;height:90px;right:18%;bottom:14%;background:rgba(255,255,255,.07);box-shadow:0 0 80px rgba(128,164,255,.32)}.auth-form-side{min-height:100vh;display:grid;place-items:center;padding:54px clamp(28px,5vw,88px);position:relative;z-index:3;background:radial-gradient(circle at 40% 35%,rgba(91,74,255,.07),transparent 34%),#f8f9fc}.auth-card-modern{width:min(500px,100%);padding:38px;border-radius:30px;border:1px solid rgba(218,222,234,.85);box-shadow:0 28px 80px rgba(28,35,72,.12);background:rgba(255,255,255,.9);backdrop-filter:blur(18px)}.auth-card-modern .auth-card-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.auth-mini-logo{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#7c3aed);box-shadow:0 12px 26px color-mix(in srgb,var(--accent) 28%,transparent)}.auth-mini-logo img{width:30px;height:30px}.auth-card-brand>div{display:flex;flex-direction:column}.auth-card-brand b{font-size:18px}.auth-card-brand small{color:#8b91a3;margin-top:2px}.auth-card-modern h2{font-size:34px;letter-spacing:-.035em;margin:0 0 5px}.auth-card-modern>p{margin:0 0 24px;color:#858b9e}.auth-input-wrap{position:relative}.auth-input-wrap>i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#959bad;z-index:2}.auth-input-wrap .input{padding-left:42px;height:52px;background:#f7f8fc;border-color:#e6e8ef}.auth-login-button{height:52px;margin-top:19px;border-radius:14px;font-size:15px}.auth-passkey{height:48px;border-radius:14px}.auth-card-foot{margin-top:20px;padding-top:18px;border-top:1px solid #eceef4;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#8990a2}.auth-card-foot span{display:flex;align-items:center;gap:6px}.auth-card-foot a{color:var(--accent);font-weight:700}.auth-card-modern .auth-divider{margin:17px 0}
@media(max-width:900px){.auth-login-shell{display:block;min-height:100dvh;background:linear-gradient(145deg,#131633 0%,#35228a 42%,#f6f7fb 42.2%,#f6f7fb 100%)}.auth-shader,.auth-noise,.auth-orbit{display:none!important}.auth-hero{min-height:auto;height:190px;padding:24px 20px;background:linear-gradient(145deg,rgba(28,31,78,.92),rgba(81,56,190,.86))}.auth-hero-copy{margin:24px 0 0;transform:none!important}.auth-kicker,.auth-hero-copy p,.auth-feature-pills{display:none}.auth-hero h1{font-size:34px;line-height:1.02;margin:0;letter-spacing:-.045em}.auth-hero-brand{font-size:16px}.auth-hero-brand img{width:36px;height:36px}.auth-form-side{min-height:calc(100dvh - 190px);padding:0 12px 24px;align-items:start;background:transparent}.auth-card-modern{margin-top:-28px;padding:24px 20px;border-radius:24px;box-shadow:0 20px 60px rgba(29,32,70,.18);backdrop-filter:none}.auth-card-modern h2{font-size:28px}.auth-card-foot{display:grid}.guest .auth-main{background:#f6f7fb}}

/* OLQORA Chat 2.2.0 — stories, modern actions, selectors */
.story-rail{display:flex;gap:10px;overflow-x:auto;padding:3px 13px 11px;border-bottom:1px solid #eef0f5;scrollbar-width:none;background:#fff}.story-rail::-webkit-scrollbar{display:none}.story-rail-loading{font-size:11px;color:#969caf;align-self:center}.story-add,.story-avatar-card{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:58px;max-width:66px;padding:2px;cursor:pointer;color:#697084}.story-add>span,.story-ring{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;position:relative}.story-add>span{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 15%,#fff),#f1efff);border:1px dashed color-mix(in srgb,var(--accent) 50%,#d8dce8);color:var(--accent);font-size:19px}.story-avatar-card .story-ring{padding:2px;background:#dfe3ec}.story-avatar-card.unseen .story-ring{background:conic-gradient(from 30deg,#22d3ee,var(--accent),#a855f7,#22d3ee)}.story-ring img,.story-ring b{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#fff;border:2px solid #fff;display:grid;place-items:center;color:var(--accent);font-size:12px}.story-add small,.story-avatar-card small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:62px}.story-avatar-card.unseen small{color:#34394c;font-weight:750}
.story-create-card{width:min(560px,calc(100vw - 24px))}.story-create-preview{min-height:280px;max-height:52vh;border-radius:20px;background:linear-gradient(145deg,#15182f,#34257b);overflow:hidden;display:grid;place-items:center;margin-bottom:12px}.story-create-preview img,.story-create-preview video{width:100%;height:100%;max-height:52vh;object-fit:contain;background:#090b14}.story-create-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;color:#d9ddf5}.story-create-placeholder i{font-size:48px}.story-viewer{position:fixed;inset:0;z-index:1600;background:rgba(5,7,14,.96);display:grid;place-items:center;overflow:hidden;color:#fff}.story-stage{width:min(480px,100vw);height:min(82vh,820px);display:grid;place-items:center;background:#0a0c14;border-radius:22px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.45)}.story-stage img,.story-stage video{width:100%;height:100%;object-fit:contain;background:#05060a}.story-owner{position:absolute;z-index:4;left:max(24px,calc(50% - 220px));top:38px;display:flex;align-items:center;gap:10px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.story-owner>img,.story-owner>b{width:38px;height:38px;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,var(--accent),#8b5cf6);display:grid;place-items:center;border:2px solid rgba(255,255,255,.86)}.story-owner>span{display:flex;flex-direction:column}.story-owner small{font-size:10px;color:rgba(255,255,255,.7)}.story-progress{position:absolute;z-index:4;top:18px;left:50%;transform:translateX(-50%);width:min(460px,calc(100vw - 34px));display:flex;gap:4px}.story-progress i{height:3px;flex:1;border-radius:99px;background:rgba(255,255,255,.26)}.story-progress i.done,.story-progress i.active{background:#fff}.story-close{position:absolute;right:22px;top:18px;z-index:5;width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.10);color:#fff;font-size:20px;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(12px)}.story-caption{position:absolute;bottom:86px;left:50%;transform:translateX(-50%);z-index:5;width:min(430px,calc(100vw - 44px));background:rgba(0,0,0,.42);backdrop-filter:blur(12px);padding:10px 13px;border-radius:13px;text-align:center;line-height:1.35}.story-reaction-bar{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:7px;background:rgba(12,14,25,.62);backdrop-filter:blur(14px);padding:7px;border-radius:999px}.story-reaction-bar button{border:0;background:transparent;color:#fff;width:36px;height:36px;border-radius:50%;font-size:19px;cursor:pointer}.story-reaction-bar button:hover,.story-reaction-bar button.active{background:rgba(255,255,255,.16);transform:scale(1.05)}.story-reaction-bar .story-delete{font-size:16px;color:#fda4af}.story-nav{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:48px;height:70px;border:0;border-radius:15px;background:rgba(255,255,255,.08);color:#fff;font-size:24px;cursor:pointer}.story-nav.prev{left:max(16px,calc(50% - 330px))}.story-nav.next{right:max(16px,calc(50% - 330px))}
.time-picker-card{width:min(520px,calc(100vw - 24px))}.time-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.time-option{border:1px solid #e3e6ee;background:#f9fafe;border-radius:15px;padding:12px 13px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;color:#282d3f;cursor:pointer}.time-option span{display:flex;flex-direction:column;gap:3px}.time-option small{font-size:10px;color:#8b91a2}.time-option>i{color:#b0b5c4}.time-option.active{border-color:color-mix(in srgb,var(--accent) 48%,#e3e6ee);background:color-mix(in srgb,var(--accent) 7%,#fff);box-shadow:0 7px 22px color-mix(in srgb,var(--accent) 10%,transparent)}.time-option.active>i{color:var(--accent)}.time-picker-trigger{border:1px solid #dfe3ed;background:#fff;border-radius:10px;min-height:40px;padding:7px 9px;display:flex;gap:7px;align-items:center;color:#51576a;cursor:pointer}.time-picker-trigger span{flex:1;text-align:left}
.message-hover-actions{position:absolute;top:50%;display:flex;gap:4px;opacity:0;pointer-events:none;transform:translateY(-50%) translateX(-4px);transition:.16s ease;z-index:6}.message-row.mine .message-hover-actions{right:calc(min(74%,680px) + 10px)}.message-row.theirs .message-hover-actions{left:calc(min(74%,680px) + 10px)}.message-row:hover .message-hover-actions{opacity:1;pointer-events:auto;transform:translateY(-50%) translateX(0)}.message-hover-actions button{width:31px;height:31px;border:1px solid rgba(210,214,226,.7);border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.72);backdrop-filter:blur(10px);color:#62697d;cursor:pointer;box-shadow:0 4px 14px rgba(22,27,51,.08)}.message-hover-actions button:hover{color:var(--accent);background:#fff}.message-select-mark{position:absolute;left:3px;top:50%;transform:translateY(-50%);z-index:7;border:0;background:transparent;color:#a1a7b8;font-size:20px;cursor:pointer}.message-select-mark.active{color:var(--accent)}.message-row.selected{background:color-mix(in srgb,var(--accent) 6%,transparent);border-radius:14px}.message-row.selected .bubble{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 28%,transparent),0 5px 18px rgba(25,31,58,.06)}.multi-select-toolbar{display:flex;align-items:center;gap:7px;padding:8px 13px;background:rgba(255,255,255,.94);border-top:1px solid #e4e7ef;box-shadow:0 -10px 24px rgba(26,31,58,.045)}.multi-select-toolbar>div{margin-right:auto;display:flex;align-items:baseline;gap:5px}.multi-select-toolbar>div b{color:var(--accent);font-size:18px}.multi-select-toolbar>div span{font-size:11px;color:#858b9c}.multi-select-toolbar button{width:38px;height:38px;border:0;border-radius:11px;background:#f2f4f8;color:#565d70;cursor:pointer;font-size:17px}.multi-select-toolbar button:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,#f5f6fa)}.multi-reply-stack{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.multi-reply-stack .message-ref{margin:0}.multi-reply-stack>small{font-size:9px;color:#858b9c}.voice-footer-actions{display:flex;align-items:center;gap:6px}.voice-transcribe{border:0;background:transparent;color:var(--accent);font-size:10px;font-weight:750;padding:3px 5px;border-radius:7px;cursor:pointer}.voice-transcribe:hover{background:color-mix(in srgb,var(--accent) 9%,transparent)}.voice-transcript{display:flex;gap:7px;margin-top:7px;padding:8px 9px;border-radius:10px;background:rgba(255,255,255,.48);font-size:12px;line-height:1.4;color:#4d5366}.voice-transcript>i{color:var(--accent);margin-top:1px}.conversation-pin-btn{border:0;background:transparent;color:var(--accent);padding:0 2px;cursor:pointer;display:inline-grid;place-items:center}.conversation-pin-btn:hover{transform:rotate(-14deg) scale(1.08)}.turn-help{margin:9px 0 0;padding:9px 10px;border-radius:11px;background:#f7f8fb;color:#737a8e;font-size:10px;line-height:1.45}.turn-help i{color:var(--accent);margin-right:5px}
@media(max-width:720px){.story-rail{padding-left:10px}.story-viewer{place-items:stretch}.story-stage{width:100vw;height:100dvh;border-radius:0}.story-owner{left:15px;top:35px}.story-progress{top:13px}.story-close{right:12px;top:28px}.story-nav{opacity:0;width:42%;height:65%;top:50%;background:transparent}.story-nav.prev{left:0}.story-nav.next{right:0}.story-caption{bottom:86px}.story-reaction-bar{bottom:18px}.time-option-grid{grid-template-columns:1fr 1fr}.message-hover-actions{display:none!important}.message-select-mark{left:1px}.multi-select-toolbar{position:relative;z-index:20}.story-create-preview{min-height:230px}}
@media(max-width:420px){.time-option-grid{grid-template-columns:1fr}.story-reaction-bar button{width:33px;height:33px}.story-reaction-bar{gap:3px}}


/* OLQORA Chat 2.3.0 — message microinteractions + Android settings */
.message-cluster{display:flex;align-items:center;gap:6px;max-width:calc(100% - 28px);position:relative;transition:transform .08s linear}.message-cluster .bubble{max-width:min(74vw,680px)}
.message-hover-actions{position:static!important;top:auto!important;left:auto!important;right:auto!important;display:flex;gap:3px;opacity:0;pointer-events:none;transform:translateX(0)!important;transition:opacity .14s ease,transform .14s ease;z-index:6;flex:0 0 auto}.message-row:hover .message-hover-actions{opacity:1;pointer-events:auto}.message-row.mine .message-hover-actions{transform:translateX(5px)!important}.message-row.theirs .message-hover-actions{transform:translateX(-5px)!important}.message-row.mine:hover .message-hover-actions,.message-row.theirs:hover .message-hover-actions{transform:translateX(0)!important}.message-hover-actions button{width:29px;height:29px;font-size:13px;border-color:rgba(212,217,229,.58);background:rgba(255,255,255,.62);box-shadow:0 3px 12px rgba(22,27,51,.07)}
.reactions{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.reaction{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;font-size:10px;min-height:23px}.reaction span{font-size:9px;color:#7f8697}.reaction.mine span{color:var(--accent)}
.context-menu.reaction-quick-menu{min-width:0!important;width:222px!important;padding:5px!important;border-radius:18px}.reaction-quick-scroll{display:flex;gap:3px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:2px 1px 4px;scrollbar-width:thin}.reaction-quick-scroll button{flex:0 0 37px!important;width:37px!important;height:37px!important;padding:0!important;border-radius:12px!important;display:grid!important;place-items:center!important;font-size:20px!important;scroll-snap-align:start}.reaction-quick-scroll::-webkit-scrollbar{height:3px}.reaction-quick-scroll::-webkit-scrollbar-thumb{background:#cfd4df;border-radius:99px}
.android-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:6px 0 12px}.android-config-grid>div{display:flex;flex-direction:column;gap:3px;background:#f7f8fb;border:1px solid #e5e8f0;border-radius:12px;padding:9px 10px;min-width:0}.android-config-grid b{font-size:10px;color:#7b8293}.android-config-grid code{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mono-input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.45}
@media(max-width:720px){.message-cluster{max-width:calc(100% - 8px)}.message-cluster .bubble{max-width:86vw}.message-hover-actions{display:none!important}.message-row::before{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:"bootstrap-icons";opacity:0;transition:.12s ease;background:color-mix(in srgb,var(--accent) 11%,#fff);color:var(--accent);z-index:1}.message-row.swipe-reply::before{content:"\\f51f";right:7px;opacity:1}.message-row.swipe-forward::before{content:"\\f52a";left:7px;opacity:1}.android-config-grid{grid-template-columns:1fr}}
