:root{--background:#0c0c0e;--sidebar:#111114;--surface:#1b1b20;--chat:#0e0e11;--bubble:#24212e;--accent:#c8b3ff;--text:#f1eff5;--muted:#92909c;--border:#27262e;--radius:14px;--fontSize:14px;--spacing:12px;--font:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--text);font:var(--fontSize)/1.5 var(--font);overflow:hidden}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:9px 15px;border-radius:calc(var(--radius)*.65);cursor:pointer;transition:background .15s,transform .15s}button:hover{filter:brightness(1.15)}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button.primary{background:var(--accent);color:#111;border-color:transparent;font-weight:650}button.quiet{background:transparent;border-color:transparent}button.danger{background:#381d25;color:#ffc0ca;border-color:#57303b}button.small{padding:5px 9px;font-size:12px}.iconbutton{width:37px;height:37px;display:inline-flex;align-items:center;justify-content:center;padding:8px}.icon{width:19px;height:19px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}input,textarea,select{width:100%;background:var(--background);border:1px solid var(--border);border-radius:9px;padding:11px 12px;color:var(--text)}textarea{resize:vertical;min-height:85px}input[type=color]{padding:3px;width:52px;height:36px}input[type=checkbox]{width:auto;accent-color:var(--accent)}label{display:block;color:var(--muted);font-size:12px;margin:14px 0 6px}label.check{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text)}h1,h2,h3,p{margin-top:0}h1{font-size:34px;letter-spacing:-1.4px;font-weight:650;line-height:1.2}h2{font-size:23px;letter-spacing:-.65px;font-weight:620}h3{font-size:16px;font-weight:600}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.brand{font-size:35px;letter-spacing:-3px;font-weight:700}.brand span{color:var(--accent);font-weight:350;margin-left:2px}.row{display:flex;align-items:center;gap:12px}.spread{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:12px}.grow{flex:1;min-width:0}.wrap{flex-wrap:wrap}.divider{height:1px;background:var(--border);margin:22px 0}.error{font-size:13px;color:#ffadb8;min-height:20px;margin-top:12px}.hint{font-size:12px;color:var(--muted);margin:10px 0}.pill{border:1px solid var(--border);border-radius:30px;padding:3px 9px;font-size:11px;color:var(--muted)}.loading{height:100vh;display:grid;align-content:center;justify-items:center;color:var(--muted);gap:20px}.auth{min-height:100vh;display:grid;grid-template-columns:minmax(300px,1fr) minmax(400px,1fr)}.auth-art{border-right:1px solid var(--border);padding:64px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(ellipse at 25% 60%,#1a1721 0,transparent 65%)}.auth-art .brand{font-size:32px}.auth-art h1{font-size:clamp(38px,5vw,70px);max-width:500px;font-weight:500}.auth-art h1 span{color:var(--muted)}.auth-form{display:flex;align-items:center;justify-content:center;padding:44px;overflow-y:auto;max-height:100vh}.auth-card{width:100%;max-width:340px}.auth-card>.primary{width:100%;margin-top:24px}.auth-tabs{display:flex;gap:4px;margin-bottom:32px}.auth-tabs button{flex:1}.auth-tabs .selected{background:var(--surface)}.auth-foot{font-size:11px;color:var(--muted);margin-top:28px;text-align:center}.layout{display:grid;grid-template-columns:68px 264px minmax(0,1fr);height:100vh}.rail{background:var(--background);border-right:1px solid var(--border);padding:28px 12px 16px;display:flex;align-items:center;flex-direction:column;gap:14px}.rail .brand{font-size:25px;letter-spacing:-2px;margin-bottom:22px}.rail button.active{background:var(--surface);color:var(--accent)}.rail .bottom{margin-top:auto;display:flex;align-items:center;flex-direction:column;gap:16px}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.sidebar-head{padding:32px 22px 20px}.sidebar-head h3{font-size:19px;margin-bottom:0;letter-spacing:-.4px}.connection{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:6px;margin-top:8px}.dot{width:6px;height:6px;background:#777;border-radius:50%;display:inline-block}.dot.online{background:#82ba9b}.sidebar-list{padding:4px 10px;overflow:auto;flex:1}.conversation{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border:0;background:transparent;padding:12px 10px;margin:2px 0}.conversation.selected{background:var(--surface)}.conversation .title{font-size:13px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation .subtitle{font-size:11px;color:var(--muted)}.unread{min-width:17px;height:17px;font-size:10px;border-radius:10px;background:var(--accent);color:#111;text-align:center;padding:0 4px}.sidebar-footer{border-top:1px solid var(--border);padding:16px;display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:12px;background:var(--surface);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;overflow:hidden;border:1px solid var(--border)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.large{width:86px;height:86px;border-radius:25px;font-size:30px}.avatar.ring{outline:2px solid var(--accent);outline-offset:3px}.avatar.double{border:3px double var(--accent)}.avatar.rounded{border-radius:50%}.main{background:var(--chat);display:flex;flex-direction:column;min-width:0;min-height:0}.topbar{min-height:88px;padding:24px 30px 18px;border-bottom:1px solid var(--border)}.topbar h2{font-size:18px;margin:0}.topbar .subtitle{font-size:11px;color:var(--muted)}.content{padding:32px;overflow:auto;flex:1}.empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:30px}.empty .empty-mark{font-size:46px;opacity:.18;letter-spacing:-5px;margin-bottom:8px}.empty h2{margin:0;font-weight:500}.empty p{color:var(--muted);font-size:13px;max-width:340px}.tabs{display:flex;gap:7px;margin:22px 0}.tabs .selected{background:var(--surface);color:var(--accent)}.friend-row{display:flex;align-items:center;gap:13px;padding:17px 4px;border-bottom:1px solid var(--border)}.friend-row .name{font-weight:550}.friend-row .username{font-size:12px;color:var(--muted)}.friend-row .actions{margin-left:auto;display:flex;gap:6px}.search-row{display:flex;gap:10px}.search-row input{flex:1}.section-label{font-size:10px;letter-spacing:1.8px;color:var(--muted);margin:24px 0 6px}.messages{padding:26px 30px;flex:1;overflow:auto;display:flex;flex-direction:column;gap:var(--spacing)}.message{display:flex;align-items:flex-start;gap:11px;max-width:85%;position:relative}.message.self{align-self:flex-end;flex-direction:row-reverse}.message .avatar{width:29px;height:29px;border-radius:10px;font-size:11px}.message .bubble{padding:10px 14px;background:var(--surface);border-radius:2px var(--radius) var(--radius) var(--radius);overflow-wrap:anywhere;min-width:85px}.message.self .bubble{background:var(--bubble);border-radius:var(--radius) 2px var(--radius) var(--radius)}.message .name{font-size:11px;color:var(--muted);margin:0 0 4px}.message .text{white-space:pre-wrap}.message .meta{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:8px;margin-top:5px}.message.self .meta{justify-content:flex-end}.msg-actions{display:flex;gap:2px;opacity:0;transition:opacity .1s;margin-top:4px}.message:hover .msg-actions,.message:focus-within .msg-actions{opacity:1}.msg-actions button{padding:2px 7px;border:0;background:transparent;color:var(--muted);font-size:11px}.reactions{display:flex;gap:4px;margin-top:7px}.reactions button{font-size:11px;padding:2px 7px}.attachment-img{display:block;max-width:100%;max-height:300px;border-radius:9px;margin-top:7px;cursor:pointer}.attachment-file{display:flex;gap:10px;align-items:center;margin:7px 0;max-width:100%;overflow-wrap:anywhere}.reply{font-size:11px;color:var(--muted);border-left:2px solid var(--accent);padding-left:9px;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}.composer-zone{padding:0 30px 24px}.composer{display:flex;align-items:flex-end;border:1px solid var(--border);background:var(--sidebar);border-radius:var(--radius);padding:8px;gap:8px}.composer textarea{background:transparent;border:0;resize:none;min-height:38px;max-height:130px;height:38px;padding:8px;outline:none;line-height:22px}.composer button{flex-shrink:0}.compose-context{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px;padding:8px 4px}.typing{font-size:11px;height:23px;color:var(--muted)}.settings{max-width:850px;margin:0 auto}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{border:1px solid var(--border);border-radius:var(--radius);padding:22px;background:var(--sidebar)}.panel h3{margin-bottom:6px}.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.theme-card{padding:0;text-align:left;overflow:hidden}.theme-swatch{height:60px;display:flex;gap:6px;padding:11px}.theme-swatch i{display:block;border-radius:4px}.theme-card span{display:block;padding:8px 10px;font-size:11px}.theme-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px 24px}.theme-field{display:flex;align-items:center;justify-content:space-between}.theme-field label{margin:0}.profile-banner{height:124px;background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;overflow:hidden;margin:-22px -22px 0}.profile-banner img{width:100%;height:100%;object-fit:cover}.profile-preview .avatar.large{margin-top:-35px;position:relative;border:5px solid var(--sidebar)}.profile-preview h2{margin:14px 0 0}.profile-preview .bio{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.profile-preview.glow{box-shadow:0 0 30px -18px var(--accent)}.profile-preview.pulse .avatar{animation:pulse 4s ease-in-out infinite}.profile-preview.compact .profile-banner{height:70px}.profile-preview.compact .avatar.large{width:60px;height:60px}.warning{background:#261f16;border:1px solid #493b24;color:#d9c39d;border-radius:10px;padding:12px 15px;font-size:12px}.session{padding:14px 0;border-bottom:1px solid var(--border)}dialog{background:var(--sidebar);color:var(--text);border:1px solid var(--border);border-radius:20px;padding:28px;width:440px;max-width:90vw;max-height:85vh;box-shadow:0 30px 100px #0008}dialog.wide{width:740px}dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}dialog .modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}dialog .modal-head h2{margin:0;font-size:20px}dialog .modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px;z-index:100;padding:11px 18px;font-size:13px;display:none;max-width:85vw;box-shadow:0 10px 30px #0005}#toast.visible{display:block}#callbar:empty{display:none}#callbar{position:fixed;bottom:18px;left:350px;right:18px;background:var(--sidebar);border:1px solid var(--border);border-radius:18px;box-shadow:0 15px 70px #0008;padding:15px;z-index:20}.in-call .composer-zone{padding-bottom:115px}.call-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;font-size:12px}.call-controls{display:flex;gap:8px;justify-content:center;margin-top:12px;align-items:center}.call-controls button{font-size:12px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;max-height:42vh;overflow:auto}.tile{background:#08080a;border:1px solid #24242a;border-radius:11px;position:relative;min-height:115px;overflow:hidden}.tile video{display:block;width:100%;height:180px;object-fit:contain}.tile.screen{grid-column:1/-1;min-height:200px}.tile.screen video{height:32vh}.tile video.controlled{outline:2px solid #db8c8c;outline-offset:-3px;cursor:crosshair}.tile .tile-label{position:absolute;bottom:7px;left:8px;background:#0009;color:#fff;font-size:10px;padding:3px 7px;border-radius:5px;pointer-events:none}.tile .tile-action{position:absolute;right:8px;top:8px}.tile.active-speaker{border-color:#7eab90}.control-banner{background:#39232a;color:#ffc1cb;padding:10px;border-radius:8px;font-size:12px;margin-bottom:8px}.call-minimized .tiles{display:none}.fullscreen-call{inset:0!important;border-radius:0!important;display:flex;flex-direction:column}.fullscreen-call .tiles{max-height:none;flex:1}.fullscreen-call .tile video{height:100%}.recovery-code{font-family:monospace;background:var(--background);padding:16px;border-radius:10px;word-break:break-all;font-size:14px;user-select:all}.progress{color:var(--muted);font-size:12px}.hidden{display:none!important}@keyframes pulse{50%{box-shadow:0 0 16px var(--accent)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:900px){.layout{grid-template-columns:60px 218px 1fr}.settings-grid{grid-template-columns:1fr}#callbar{left:290px}.content{padding:22px}.theme-grid{grid-template-columns:repeat(2,1fr)}.auth-art{padding:35px}.auth-art h1{font-size:42px}}
/* TMSG glass: quiet translucency, thin highlights, no constant animation. */
body{background:transparent}
.layout{background:color-mix(in srgb,var(--background) 65%,transparent)}
.rail{background:color-mix(in srgb,var(--background) 40%,transparent);border-right-color:#ffffff09;backdrop-filter:blur(40px) saturate(1.25);-webkit-backdrop-filter:blur(40px) saturate(1.25)}
.sidebar{background:color-mix(in srgb,var(--sidebar) 62%,transparent);border-right-color:#ffffff0b;backdrop-filter:blur(40px) saturate(1.3);-webkit-backdrop-filter:blur(40px) saturate(1.3)}
.main{background:color-mix(in srgb,var(--chat) 92%,transparent)}
.topbar{background:color-mix(in srgb,var(--sidebar) 56%,transparent);backdrop-filter:blur(28px) saturate(1.4);-webkit-backdrop-filter:blur(28px) saturate(1.4);border-bottom-color:#ffffff09}
button{box-shadow:inset 0 1px 0 #ffffff0b;background:color-mix(in srgb,var(--surface) 72%,transparent)}
button.quiet{box-shadow:none;background:transparent}
button.primary{box-shadow:inset 0 1px 0 #ffffff30,0 3px 12px #00000016}
.conversation{box-shadow:none;background:transparent}
.conversation.selected{background:linear-gradient(145deg,#ffffff0b,#ffffff04);box-shadow:inset 0 1px 0 #ffffff13,0 3px 12px #00000012;border:1px solid #ffffff09}
.rail .iconbutton:hover{background:#ffffff0b;box-shadow:inset 0 1px 0 #ffffff15}
.composer{background:color-mix(in srgb,var(--sidebar) 70%,transparent);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid color-mix(in srgb,var(--border) 70%,#ffffff20);box-shadow:inset 0 1px 0 #ffffff0a,0 4px 20px #00000016}
.panel,dialog{background:color-mix(in srgb,var(--sidebar) 76%,transparent);backdrop-filter:blur(40px) saturate(1.3);-webkit-backdrop-filter:blur(40px) saturate(1.3);box-shadow:inset 0 1px 0 #ffffff0d,0 8px 35px #00000012;border-color:color-mix(in srgb,var(--border) 80%,#ffffff18)}
#callbar{background:color-mix(in srgb,var(--sidebar) 74%,transparent);backdrop-filter:blur(45px) saturate(1.4);-webkit-backdrop-filter:blur(45px) saturate(1.4);box-shadow:inset 0 1px 0 #ffffff1a,0 18px 65px #00000045;border-color:#ffffff16;border-radius:22px}
#toast{background:color-mix(in srgb,var(--surface) 80%,transparent);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-color:#ffffff15}
.auth{background:color-mix(in srgb,var(--background) 79%,transparent)}
.auth-art{background:radial-gradient(ellipse at 18% 65%,#8772ae0c,transparent 70%);border-right:1px solid #ffffff09;padding:64px;justify-content:flex-start;gap:clamp(100px,22vh,240px)}
.auth-art h1{font-weight:450;letter-spacing:-2.5px;line-height:1.14;font-size:clamp(38px,4.7vw,65px)}
.auth-form{background:color-mix(in srgb,var(--sidebar) 28%,transparent);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}
.auth-card h2{font-size:24px;font-weight:500;letter-spacing:-.6px}
.auth-tabs{border:1px solid #ffffff0b;border-radius:12px;padding:4px;background:#ffffff03}
.auth-tabs button.selected{background:#ffffff0a;box-shadow:inset 0 1px 0 #ffffff12,0 3px 10px #00000015;border-radius:8px}
input,textarea,select{background:color-mix(in srgb,var(--background) 48%,transparent);border-color:color-mix(in srgb,var(--border) 85%,#ffffff0e)}
.warning{background:#c5b17b0a;border-color:#c5b17b20;color:#b8ad93;border-radius:12px;padding:13px 16px;font-size:13px}
@media(prefers-reduced-transparency:reduce){.layout,.main,.rail,.sidebar,.topbar,.panel,dialog,.composer,#callbar,.auth,.auth-form{background:var(--sidebar);backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Focused screen-share theater: fill the app/monitor, not a tiny call tile. */
#callbar.screen-theater{position:fixed;inset:0!important;left:0!important;right:0!important;bottom:0!important;z-index:100;border:0!important;border-radius:0!important;background:#060608!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;display:flex;flex-direction:column;padding:16px;gap:8px}
#callbar.screen-theater .call-header{flex:0 0 auto;margin-bottom:0;min-height:35px}
#callbar.screen-theater .tiles{display:flex;flex:1 1 auto;min-height:0;max-height:none;overflow:hidden;position:relative;padding:0}
#callbar.screen-theater .tile:not(.theater-target){position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;min-height:0!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}
#callbar.screen-theater .tile.theater-target{position:relative;width:100%;height:100%;min-height:0;max-height:none;flex:1 1 100%;display:flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:#000}
#callbar.screen-theater .tile.theater-target video{display:block;width:100%;height:100%;max-height:100%;object-fit:contain}
#callbar.screen-theater .call-controls{flex:0 0 auto;margin:4px 0 0;padding:5px 0 0}
#callbar.screen-theater .tile-label{bottom:12px;left:14px;font-size:11px;padding:5px 10px}
#callbar .tile-action[data-watch]{top:8px;right:8px;background:#17171bdc;color:#fff;border-color:#ffffff36;z-index:2}
#callbar .tile-action[data-request]{top:46px;right:8px;background:#17171bdc;color:#fff;z-index:2}
#callbar.screen-theater .tile-action[data-watch]{top:14px;right:14px}
#callbar.screen-theater .tile-action[data-request]{top:52px;right:14px}
/* T+ workspace: compact navigation, quiet glass, clear conversation hierarchy. */
:root{--panel-opacity:100%}
.layout{grid-template-columns:72px 278px minmax(0,1fr);padding:8px;gap:8px;background:var(--background)}
.rail{border:0;border-radius:18px;padding-top:30px;gap:12px;background:color-mix(in srgb,var(--sidebar) var(--panel-opacity),transparent)}
.rail .brand{color:var(--text);margin-bottom:16px}.rail .iconbutton{border-radius:13px;width:42px;height:42px}.rail .iconbutton:hover{background:var(--surface);color:var(--accent)}
.sidebar,.main{border:1px solid var(--border);border-radius:18px;overflow:hidden}.sidebar{background:color-mix(in srgb,var(--sidebar) var(--panel-opacity),transparent);backdrop-filter:blur(16px)}
.sidebar-head{padding:25px 18px 15px}.conversation-filter{width:calc(100% - 28px);margin:0 14px 12px;font-size:12px;padding:10px 12px;background:var(--background)}
.sidebar-list .section-label{margin:14px 10px 6px;letter-spacing:1px;font-size:10px}.conversation{padding:10px;border-radius:11px;position:relative}.conversation.selected{background:color-mix(in srgb,var(--accent) 10%,var(--surface));box-shadow:inset 3px 0 var(--accent)}
.sidebar-footer{margin:6px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--background)}
.topbar{min-height:75px;padding:18px 24px;background:color-mix(in srgb,var(--sidebar) var(--panel-opacity),transparent);backdrop-filter:blur(12px)}
.messages{padding:25px 28px}.message{max-width:min(85%,720px)}.message .bubble{border:1px solid color-mix(in srgb,var(--border) 60%,transparent);padding:11px 15px}.message .name{font-weight:650;color:var(--text)}.message .meta{font-size:10px;opacity:.75}.message .avatar{cursor:pointer}.message .text{line-height:1.6}
.composer-zone{padding:0 24px 22px}.composer{box-shadow:0 8px 30px #00000014;border-radius:16px}.composer:focus-within{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}
.content{padding:28px}.friend-row{border-radius:12px;padding:15px 12px;margin:4px 0;border-color:color-mix(in srgb,var(--border) 55%,transparent)}.friend-row:hover{background:var(--surface)}
.panel{background:color-mix(in srgb,var(--sidebar) var(--panel-opacity),transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--text) 4%,transparent)}
.profile-preview{padding:24px;overflow:hidden}.profile-preview .profile-banner{height:150px;margin:-24px -24px 0;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 26%,var(--surface)),var(--sidebar))}.profile-preview>.avatar{margin-top:-35px;border:5px solid var(--sidebar);position:relative}.profile-preview h2{margin:14px 0 2px}.profile-preview .bio{white-space:pre-wrap;overflow-wrap:anywhere}.profile-link{font-size:12px;overflow-wrap:anywhere;color:var(--accent)}
.avatar{position:relative;border-radius:14px}.avatar[data-online=true]::after{content:'';position:absolute;right:1px;bottom:1px;width:9px;height:9px;border:2px solid var(--sidebar);border-radius:50%;background:#80bb9a}.image-fallback::before{content:'T+';font-size:12px;color:var(--muted)}
.permission-row{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--border)}.permission-row .hint{margin:3px 0 0}.permission-state{font-size:11px;color:var(--muted)}.permission-row button{min-width:75px}.crop-preview{width:100%;max-height:340px;object-fit:contain;background:#000;border-radius:14px}.gif-preview{display:block;max-height:320px;max-width:100%;margin:auto;border-radius:16px}input[type=range]{padding:0;accent-color:var(--accent)}
.drag-target{outline:2px dashed var(--accent);outline-offset:-8px}.group-banner{height:82px;flex-shrink:0;overflow:hidden;background:var(--surface)}.group-banner img{width:100%;height:100%;object-fit:cover}
#callbar.screen-theater.viewer-idle:not(:focus-within){cursor:none}#callbar.screen-theater.viewer-idle:not(:focus-within) .call-header,#callbar.screen-theater.viewer-idle:not(:focus-within) .call-controls,#callbar.screen-theater.viewer-idle:not(:focus-within) .tile-action,#callbar.screen-theater.viewer-idle:not(:focus-within) .tile-label{opacity:0;pointer-events:none}
#callbar.screen-theater .call-header,#callbar.screen-theater .call-controls{transition:opacity .2s;position:absolute;left:20px;right:20px;z-index:4;background:#111b;border-radius:12px;padding:10px}#callbar.screen-theater .call-header{top:10px}#callbar.screen-theater .call-controls{bottom:10px}#callbar.screen-theater .control-banner{z-index:5;position:relative}#callbar.screen-theater .tile-action[data-watch]{top:80px}
@media(prefers-reduced-transparency:reduce){.sidebar,.panel,.topbar,.rail{background:var(--sidebar);backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
@media(max-width:980px){.layout{grid-template-columns:60px 230px minmax(0,1fr);gap:5px;padding:5px}.content{padding:20px}.settings-grid{grid-template-columns:1fr}.message{max-width:95%}}
.message-avatar{padding:0!important;border:0;align-self:flex-start}.conversation[hidden]{display:none}
.layout{background-image:var(--backgroundImage,none);background-position:center;background-size:cover}.messages{background-image:linear-gradient(color-mix(in srgb,var(--chat) 82%,transparent),color-mix(in srgb,var(--chat) 82%,transparent)),var(--wallpaper,none);background-position:center;background-size:cover}.reduce-motion *,.reduce-motion *::before,.reduce-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reduce-motion .layout,.reduce-motion .messages{background-image:none!important}
@media(prefers-reduced-motion:reduce){.layout,.messages{background-image:none!important}}

.modal-actions{flex-wrap:wrap}.profile-preview .profile-banner img{width:100%;height:100%;object-fit:cover}