:root{--header-height:64px;--composer-space:88px;--rail-bg:#0e1621;--list-bg:#17212b;--field-bg:#242f3d}
[data-theme=light]{--rail-bg:#f1f4f7;--list-bg:#fff;--field-bg:#eef2f5}
.workspace{direction:ltr;max-width:none;width:100%;grid-template-columns:82px 340px minmax(0,1fr);gap:0;padding:0;margin:0;background:var(--theme-base)}
.main-pane,.sidebar.glass{border-radius:0;box-shadow:none;border:0}.main-pane{direction:rtl;background:transparent}.sidebar.glass{background:var(--list-bg);backdrop-filter:none;-webkit-backdrop-filter:none;border-right:1px solid var(--border);direction:ltr}.rail{background:var(--rail-bg);padding:12px 0;gap:5px;overflow:hidden}.rail>.icon-btn{color:var(--muted);margin:0 0 8px}.rail-spacer{min-height:12px}#folder-rail{overflow:auto;width:100%;scrollbar-width:none}.folder-rail-button{width:100%;min-height:77px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;font-size:11px;color:var(--muted);padding:9px 5px;line-height:1.5}.folder-rail-button .icon{width:29px;height:29px}.folder-rail-button.active{background:var(--field-bg);color:var(--accent)}.folder-rail-button:hover{background:var(--field-bg)}.rail .avatar{width:34px;height:34px;font-size:12px}.side-head{padding:13px 16px 9px;position:relative}.side-head>.between{display:none}.side-head .searchbox{margin:0;border:0;height:44px;border-radius:24px;background:var(--field-bg);direction:ltr}.searchbox input{font-size:14px}.side-footer{display:none}.sidebar #filters{display:none}.sidebar .stories-strip{padding:0 15px 9px;gap:10px}.story-mini{min-width:43px}.story-mini .story-ring{width:43px;height:43px}.story-mini .avatar{width:35px;height:35px}.story-mini>span{font-size:10px}.story-ring:not(.seen){background:linear-gradient(140deg,#64b5ef,#b2a2ef)!important}.story-ring.add:after{background:var(--accent)!important}.chat-list{padding:0 0 12px}.sidebar .chat-row{border:0;border-radius:0;padding:12px 14px;min-height:83px;margin:0;gap:12px;text-align:start;direction:ltr}.sidebar .chat-row.active{background:#2b5278;border:0}.sidebar .chat-row.active .muted,.sidebar .chat-row.active .chat-snippet,.sidebar .chat-row.active time{color:#c5daea}.chat-row .avatar{width:53px;height:53px;border-radius:50%}.sidebar .chat-row .chat-name{font-size:15px;direction:rtl;justify-content:flex-end}.sidebar .chat-snippet{font-size:13px;line-height:1.7;direction:rtl;text-align:left}.sidebar .row-meta{font-size:11px;align-self:flex-start;padding-top:2px}.sidebar time{font-size:11px}.chat-name .ellipsis{max-width:185px}.avatar{box-shadow:none}.avatar.c0,.avatar.c4,.avatar.color-plain{background:linear-gradient(145deg,#6db2e8,#3e7ba8)}
.empty-chat .empty-mark,.empty-chat>p,.empty-chat>.primary{display:none}.empty-chat h2{background:var(--field-bg);padding:7px 16px;border-radius:22px;font-size:14px;font-weight:500}.empty-chat{gap:0}.chat-header{background:rgba(var(--surface-rgb),.88);height:64px;padding:8px 17px;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--border)}.chat-heading,.header-actions,.chat-header .back{background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.chat-header .back{display:none}.chat-heading{border-radius:0;padding:0;min-height:46px;gap:12px;text-align:start}.chat-heading .avatar{height:41px;width:41px;font-size:14px}.chat-heading h2{font-size:15px}.chat-heading p{font-size:11px}.header-actions{padding:0;gap:6px}.messages{gap:6px;padding-inline:5%;padding-top:80px;padding-bottom:var(--composer-space)}.conversation:has(.pinned-bar) .messages{padding-top:125px}.pinned-bar{border-radius:0;min-height:46px;margin:0;padding:6px 20px;background:rgba(var(--surface-rgb),.93);box-shadow:none;border:0;border-bottom:1px solid var(--border)}.pinned-bar b{font-size:11px}.pinned-bar .ellipsis{font-size:12px}.pinned-bar .icon{width:20px}.composer-area{padding:9px max(18px,5%) 15px}.composer{border-radius:17px;min-height:54px;padding:5px 8px;box-shadow:none;border:1px solid var(--border);background:rgba(var(--surface-rgb),var(--glass-alpha))}.composer textarea{font-size:16px!important}.composer .send-btn,.composer:has(textarea:placeholder-shown) #record-button{background:none!important;box-shadow:none!important;border:0!important;color:var(--accent)!important}.composer .icon-btn{width:39px;height:39px}.bubble,.message.own .bubble{box-shadow:none!important;border-color:transparent!important}.message .bubble{background:rgba(var(--surface-rgb),.94)}.message.own .bubble{background:linear-gradient(135deg,rgba(var(--sent-a-rgb),.94),rgba(var(--sent-b-rgb),.94));color:var(--sent-ink)}.message-text{line-height:1.8}.message .message-meta{font-size:10px}.date-separator{font-size:11px;padding:3px 12px;border:0}.message .bubble{max-width:550px}.message.own{margin-top:1px}.pending-message .message-menu{display:none}.delivery-status{display:inline-flex}.delivery-status .icon{width:13px;height:13px}.delivery-error{display:flex;gap:16px;margin-top:6px;font-size:12px;color:#ffacac}.delivery-error button{text-decoration:underline}.profile-cover.plain-cover{background:var(--list-bg);backdrop-filter:none;-webkit-backdrop-filter:none}.profile-cover.plain-cover:before,.profile-cover.plain-cover:after{display:none}.color-plain{--cover-start:#17212b;--cover-end:#17212b}.color-plain>span{background:#293d51}.profile-page{background:var(--theme-base)}.profile-identity h1{font-size:25px}.view-page .card{border-radius:15px;box-shadow:none;background:rgba(var(--surface-rgb),.92);border:0}.profile-info-row{padding-block:14px}.profile-content{max-width:780px;margin:auto}.profile-cover{border-radius:0}.profile-actions{max-width:540px;margin:20px auto}.profile-actions .menu-action{border-radius:14px;font-size:12px}.profile-actions .icon{width:23px;height:23px}.setting-icon{border-radius:10px;background:rgba(var(--accent-rgb),.14)}.primary{border:0;box-shadow:none;background:var(--accent);color:var(--accent-contrast)}.modal.glass{background:rgba(var(--surface-rgb),.94);border-radius:17px;box-shadow:0 12px 50px #0004}.context-menu .menu-action{font-size:14px}.menu-account{display:flex;gap:15px;align-items:center;padding:0 10px 20px}.auth-page{background:var(--theme-base);display:grid;place-items:center;min-height:100dvh}.auth-story{display:none}.auth-form-wrap{width:min(100%,420px);padding:30px}.auth-card{width:100%}.auth-card h2{font-size:27px}.auth-card input,.auth-card select{min-height:49px;border:1px solid var(--border);background:var(--list-bg);font-size:15px;border-radius:10px}.auth-topline .brand-logo{width:75px;height:75px}.auth-step{display:none}.auth-method{color:var(--accent);font-size:12px;padding:5px 0 14px}.phone-field{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:10px;padding:0 13px;background:var(--list-bg)}.phone-field input{border:0!important;box-shadow:none;flex:1;min-width:0;margin:0;background:none!important;padding-inline:2px}.phone-prefix{font:16px Arial;color:var(--text)}
.voice-player{display:flex;align-items:center;gap:10px;min-width:230px;max-width:300px;direction:ltr;padding:8px 0}.voice-player audio{display:none}.voice-play{width:42px;height:42px;flex:none;border-radius:50%;background:var(--accent);color:var(--rail-bg);font-size:17px}.voice-track{position:relative;flex:1;min-width:80px;height:47px}.voice-wave{height:29px;display:flex;gap:2px;align-items:center;overflow:hidden;opacity:.8;color:var(--accent)}.voice-wave i{min-width:2px;flex:1;background:currentColor;border-radius:3px}.voice-seek{position:absolute;inset:0 0 auto;width:100%;height:31px!important;opacity:0;cursor:pointer;padding:0!important;margin:0!important}.voice-seek:focus-visible{opacity:.7}.voice-duration{font:11px Arial;color:var(--muted)}.voice-speed{font:12px Arial;color:var(--accent);min-width:32px}.voice-recorder{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px;background:var(--list-bg);border-radius:16px;direction:ltr;box-shadow:0 5px 20px #0004}.voice-recorder small{font-size:11px;color:var(--muted)}.voice-recorder button{color:var(--accent);font-size:12px}.voice-recorder button.danger{color:#fa7575}.record-dot{width:9px;height:9px;border-radius:50%;background:#ef5350;animation:voice-pulse 1s infinite}.record-time{font:14px monospace}.record-level{display:flex;align-items:center;gap:2px;height:32px;flex:1;min-width:70px}.record-level i{height:4px;width:3px;background:var(--accent);border-radius:2px}.voice-recorder audio{height:34px;width:100%;order:3}.voice-recorder:has(audio) .record-level,.voice-recorder:has(audio) .record-dot{display:none}#record-button{touch-action:none;user-select:none;-webkit-touch-callout:none}.composer-area:has(.voice-recorder) .composer{display:none}@keyframes voice-pulse{50%{opacity:.4}}
.photo-editor{width:min(100vw - 32px,960px);height:min(94dvh,880px);max-width:100vw;max-height:100dvh;padding:0;border:1px solid #334453;border-radius:18px;background:#111a24;color:#e8edf3;overflow:hidden}.photo-editor::backdrop{background:#000c}.photo-editor[open]{display:flex;flex-direction:column}.editor-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #ffffff15;gap:12px}.editor-head b{font-size:15px}.editor-head button{font-size:13px}.editor-head .primary{padding:9px 12px}.editor-stage{flex:1;min-height:100px;display:flex;align-items:center;justify-content:center;overflow:hidden;direction:ltr;background:#080e16}.editor-stage canvas{display:block;max-width:100%;max-height:100%;touch-action:none;cursor:crosshair}.editor-tools{display:flex;gap:5px;overflow:auto;flex:none;padding:12px;border-top:1px solid #ffffff15;white-space:nowrap}.editor-tools button,.crop-options button{padding:8px 12px;background:#253346;border-radius:8px;font-size:12px;color:#fff}.editor-tools [aria-pressed=true]{background:#3c82b5}.editor-tools button:disabled{opacity:.35}.editor-controls{display:flex;align-items:center;gap:20px;padding:0 16px 13px}.editor-controls label{display:flex;align-items:center;gap:9px;font-size:12px;margin:0}.editor-controls input[type=color]{width:32px;height:32px;padding:0;margin:0;min-height:0;border:0}.editor-controls input[type=range]{max-width:140px;height:26px;min-height:0;padding:0;margin:0;accent-color:#64b5ef}.crop-options{display:flex;align-items:center;gap:15px;padding:8px 15px}.crop-options[hidden]{display:none}.crop-options select{width:130px;margin:0;padding:7px;min-height:34px;background:#253346}.appearance-header,.theme-card,.theme-preview{border-radius:15px}.appearance-header{border-radius:0}.theme-preview{background:var(--theme-base)}.theme-preview-column{position:sticky}.theme-card{border:0!important}.theme-hint{color:var(--muted)}
@media(min-width:1500px){.workspace{grid-template-columns:86px 370px minmax(0,1fr)}}
@media(min-width:761px) and (max-width:1100px){.workspace{grid-template-columns:66px 280px minmax(0,1fr)}.folder-rail-button{font-size:10px;min-height:68px}.chat-name .ellipsis{max-width:136px}.sidebar .chat-row{gap:9px;padding-inline:10px}.sidebar .chat-row .avatar{width:46px;height:46px}.sidebar .chat-name{font-size:13px}.sidebar .row-meta{font-size:10px}.sidebar .chat-snippet{font-size:12px}.sidebar time{font-size:10px}.view-page{padding:20px 15px}.message .bubble{max-width:95%}.composer-area{padding-inline:10px}.messages{padding-inline:12px}.chat-heading .avatar{display:none}}
@media(max-width:760px){.workspace{display:block;direction:rtl;padding:0}.rail{display:none}.sidebar.glass{height:var(--app-height);background:var(--list-bg);border:0}.side-head{padding:15px 16px 8px}.side-head>.between{display:flex;margin-bottom:9px;direction:rtl}.side-head h1{font-size:23px}.side-head h1 .count{display:none}.side-head .searchbox{height:42px;direction:rtl}.sidebar #filters{display:flex;background:none;border:0;border-radius:0;margin:0;padding:0 12px;border-bottom:1px solid var(--border)}.sidebar .filter{background:none;border:0;border-radius:0;padding:11px 13px;font-size:13px}.sidebar .filter.active{color:var(--accent);box-shadow:inset 0 -3px var(--accent)}.sidebar .stories-strip{padding:5px 16px 12px;gap:13px}.story-mini .story-ring{width:54px;height:54px}.story-mini .avatar{width:46px;height:46px}.story-mini>span{font-size:10px}.sidebar .chat-row{min-height:82px;padding:11px 14px}.sidebar .chat-row .chat-name{font-size:15px}.sidebar .chat-snippet{font-size:13px}.chat-name .ellipsis{max-width:190px}.chat-list{padding-bottom:90px}.chat-header{height:65px;padding:8px}.chat-header .back{display:flex;width:35px;min-width:35px;color:var(--accent)}.chat-heading .avatar{display:flex;width:39px;height:39px}.chat-heading{gap:9px}.header-actions .divider{display:none}.header-actions .icon-btn{width:31px}.chat-heading h2{font-size:14px}.messages{padding-top:80px;padding-inline:8px;padding-bottom:var(--composer-space)}.conversation:has(.pinned-bar) .messages{padding-top:123px}.message .bubble{max-width:88vw;padding:8px 11px 5px}.message .message-text{font-size:16px}.composer-area{padding:5px 7px calc(8px + env(safe-area-inset-bottom))}.composer{border-radius:24px;padding:4px 6px;min-height:50px}.pinned-bar{padding:6px 13px}.mobile-nav{bottom:calc(10px + env(safe-area-inset-bottom));height:64px;left:16px;right:16px;background:rgba(var(--surface-rgb),.93);box-shadow:0 4px 20px #0003;border-color:var(--border);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.mobile-nav .rail-btn{color:var(--muted)}.mobile-nav .rail-btn.active{background:rgba(var(--accent-rgb),.1);color:var(--accent);box-shadow:none;border:0}.view-page{padding:18px 12px 95px}.profile-page{padding:0 0 90px}.profile-identity{padding-top:5px}.profile-cover{padding-bottom:10px}.profile-actions{margin:18px 12px 8px}.profile-content{padding:15px 12px}.plain-cover .profile-identity .avatar{width:100px;height:100px}.photo-editor{width:100vw;height:var(--app-height);max-height:var(--app-height);border:0;border-radius:0}.editor-head{padding:12px}.editor-head b{font-size:13px}.editor-head .primary{font-size:12px;padding:7px 9px}.editor-tools{padding:10px}.editor-controls{gap:14px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.editor-controls input[type=range]{max-width:125px}.appearance-page{padding:0 0 20px}.appearance-header{border-radius:0}.theme-preview-column{position:static}.auth-form-wrap{padding:22px}.voice-player{min-width:200px;max-width:72vw}.voice-recorder{gap:9px;padding:11px}.voice-recorder small{width:100%;text-align:center}.voice-recorder button{font-size:12px}body[data-preview] .workspace{padding-top:25px}body[data-preview] .main-pane{top:25px}.to-latest{bottom:calc(var(--composer-space) + 4px)}}
@media(prefers-reduced-motion:reduce){.record-dot{animation:none}}
#message-input{flex:1;min-width:0;max-height:140px;overflow:auto;padding:7px 5px;outline:none;border:0;background:none!important;box-shadow:none;font-size:16px;line-height:1.8;color:var(--text);caret-color:var(--accent);white-space:pre-wrap;word-break:break-word;direction:rtl;text-align:start;position:relative}#message-input.is-empty:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none;position:absolute;inset-inline-start:5px}#message-input .asset-emoji{width:25px;height:25px;vertical-align:middle;margin:0 1px}.composer .send-btn{display:none!important}.composer.has-text .send-btn,.composer.has-upload .send-btn{display:flex!important}.composer.has-text #record-button,.composer.has-upload #record-button{display:none!important}.composer #record-button{display:flex;color:var(--accent)}.asset-emoji{display:inline-block;vertical-align:-.28em;width:1.5em;height:1.5em;object-fit:contain;max-width:none}.emoji-panel{width:min(480px,calc(100vw - 20px));padding:18px}.emoji-categories{display:flex;gap:5px;overflow:auto;margin-bottom:12px;padding-bottom:5px;white-space:nowrap}.emoji-categories button{font-size:11px;color:var(--muted);padding:7px 9px;border-radius:9px}.emoji-categories [aria-pressed=true]{background:var(--field-bg);color:var(--accent)}.asset-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;max-height:390px;overflow:auto;align-content:start;padding:3px}.asset-grid button{height:43px;width:100%;padding:4px;display:grid;place-items:center;border-radius:9px}.asset-grid button:hover{background:var(--field-bg)}.asset-grid .asset-emoji{width:34px;height:34px}.asset-grid button:focus-visible{outline:2px solid var(--accent)}
@media(max-width:760px){.emoji-panel{margin:auto auto 12px;max-height:70dvh}.asset-grid{grid-template-columns:repeat(7,minmax(0,1fr));max-height:340px}.asset-grid button{height:39px}.asset-grid .asset-emoji{width:31px;height:31px}}

.avatar.saved{background:linear-gradient(145deg,#62b5f3,#2e7bae)!important}.archived-avatar{background:#405a6e!important}.archived-row b{font-size:14px;font-weight:600}.archived-row .chat-snippet{display:block;font-size:11px}

.avatar-menu-preview{display:flex;justify-content:center;padding:16px 0 24px}.avatar-menu-preview .avatar{width:128px;height:128px;border-radius:50%}.profile-full-photo{display:block;width:100%;max-height:70dvh;object-fit:contain;border-radius:12px}.editor-error{color:var(--danger,#ff7f88);padding:8px 16px;margin:0}.photo-editor:has(.editor-error:not([hidden])) .editor-stage{min-height:120px}html[lang=en] #message-input{direction:ltr}html[lang=en] .main-pane{direction:ltr}