:root{color-scheme:dark;--bg:#1c1c1e;--panel:#252527;--text:#f4f4f6;--muted:#8d8d93;--blue:#419cff;--line:#323235;text-size-adjust:100%;-webkit-text-size-adjust:100%}
.device-match{display:block;color:var(--blue);font-size:64px;font-weight:750;text-align:center;margin:12px}.device-options{display:flex;gap:12px;margin:24px 0}.device-number{flex:1;border-radius:18px;padding:18px 5px;font-size:29px;font-weight:700;background:#314864;color:#e3f2ff}.device-number:hover{background:#419cff;color:white}#device-auth-deny{width:100%}
body{color:var(--text);background:#111;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}input,textarea,select{background:#303034;color:var(--text);border-color:#424247;accent-color:var(--blue)}select{width:100%;padding:12px;border-radius:12px;font:inherit;margin:8px 0 14px}input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #419cff20}.primary{background:var(--blue);box-shadow:none;color:#fff}.secondary{background:#343439;color:#c9e2ff}.text-button{color:var(--blue)}.help,small{color:var(--muted)}.glyph{display:inline-flex;width:24px;height:24px;flex:none;align-items:center;justify-content:center}.glyph svg{width:100%;height:100%}.glass{background:linear-gradient(145deg,#333336a8,#222225dc);backdrop-filter:blur(24px) saturate(150%);border:1px solid #45454980;box-shadow:inset 0 1px 0 #ffffff0b}
.app{background:var(--bg);max-width:1800px;grid-template-columns:390px 1fr}.sidebar{min-width:0;width:100%;background:var(--bg);border-color:var(--line);position:relative;padding-bottom:110px}.side-head{padding:18px 18px 14px;gap:9px;min-height:88px;justify-content:space-between}.edit-button{border-radius:999px;padding:14px 16px;color:#f7f7f9;font-size:18px;min-width:72px}.heading-stories{display:flex;align-items:center;gap:7px;background:none;color:var(--text);padding:0;min-width:0}.heading-stories strong{font-size:22px;letter-spacing:-.5px}.story-stack{display:flex;padding-left:0;max-width:65px}.story-stack .avatar{width:33px;height:33px;font-size:13px;border:2px solid var(--bg);box-shadow:0 0 0 2px #525257;margin-left:-17px}.story-stack .avatar:first-child{margin-left:0}.header-tools{display:flex;border-radius:999px;padding:7px 9px;gap:9px}.icon{color:#ebebed;width:36px;height:36px;font-size:26px}.icon:hover{background:#414146;color:var(--blue)}.header-tools .icon .glyph{width:25px;height:25px}.search{background:#2b2b2f;margin:0 18px 12px;padding:0 10px;height:38px}.search .glyph{width:17px;height:17px}.search input{font-size:14px;color:var(--text)}.search input::placeholder{color:#909096}.tabs{display:flex;align-items:center;flex-shrink:0;padding:4px;margin:0 18px 8px;border-radius:999px;overflow-x:auto;gap:3px;min-height:48px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{padding:9px 16px;color:#f4f4f6;white-space:nowrap;flex-shrink:0;border:0;border-radius:999px;background:none;font-weight:600;font-size:16px}.tabs button.active{background:linear-gradient(140deg,#176ba870,#58616c65);color:#d0e9ff;box-shadow:inset 0 0 0 1px #478ebf45}.tabs button span{background:#6e6e7360;border-radius:99px;padding:1px 6px;font-size:13px;margin-left:3px}.folder-add{color:var(--blue)!important}.chat-list{overflow:auto;min-height:0;flex:1;padding:0 18px}.chat-row{display:flex;width:100%;gap:13px;align-items:center;padding:14px 0;background:none;text-align:left;border:0;border-bottom:1px solid #343437;color:var(--text);min-height:98px;border-radius:0}.chat-row:hover,.chat-row.selected{background:#2e2e3350}.chat-row.edit-selected{background:#194a7a44}.avatar{width:72px;height:72px;border-radius:50%;flex-shrink:0;display:inline-flex;justify-content:center;align-items:center;font-size:27px;font-weight:650;color:white;overflow:hidden;background:linear-gradient(145deg,#71a1ff,#4464b9)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar[data-tint="1"]{background:linear-gradient(150deg,#ff9c68,#ed3b69)}.avatar[data-tint="2"]{background:linear-gradient(145deg,#98c793,#488e75)}.avatar[data-tint="3"]{background:linear-gradient(145deg,#c98dfe,#8458d2)}.avatar[data-tint="4"]{background:linear-gradient(145deg,#50d4e6,#2a8caf)}.avatar[data-tint="5"]{background:linear-gradient(145deg,#dcbb68,#b88c3d)}.avatar[data-tint="6"]{background:linear-gradient(145deg,#9eacc1,#5c708d)}.saved-avatar{background:linear-gradient(145deg,#57d7fa,#1888f8)!important}.saved-avatar .glyph{width:35px;height:35px}.saved-avatar svg{fill:currentColor;stroke:none}.row-body{display:flex;flex-direction:column;min-width:0;flex:1;position:relative;gap:4px;align-self:stretch;justify-content:center}.row-top{display:flex;gap:6px;align-items:center;justify-content:space-between;min-width:0}.row-top strong{display:block;font-size:19px;letter-spacing:-.25px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.row-top strong>.glyph{width:15px;height:15px;margin-left:6px;vertical-align:middle;color:var(--muted)}.emoji-status{font-size:18px}.row-stamp{display:flex;gap:4px;align-items:center;color:var(--muted);font-size:14px;white-space:nowrap;flex-shrink:0}.row-check{color:var(--blue);font-size:18px;letter-spacing:-4px;margin-right:3px}.row-preview{display:block;font-size:17px;color:#95959c;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:22px;max-height:46px}.row-preview>.glyph{width:18px;height:18px;vertical-align:-3px;margin-right:5px}.row-side{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-height:18px}.row-side .glyph{width:17px;height:17px;color:#8c8c92;transform:rotate(35deg)}.unread-badge{border-radius:999px;background:var(--blue);color:white;min-width:23px;height:23px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}.muted-badge{background:#66666b}.selection-check{width:21px;height:21px;border:1px solid #62626a;border-radius:50%;display:grid;place-items:center;color:white;flex:none;font-size:13px}.edit-selected .selection-check{background:var(--blue);border-color:var(--blue)}.edit-tools{display:flex;align-items:center;gap:5px;padding:6px 18px 12px;flex-shrink:0}.edit-tools span:first-child{font-size:11px;color:var(--muted);margin-right:auto}.edit-tools button{color:var(--blue);background:none;padding:4px}.edit-tools .glyph{width:20px;height:20px}.archive-row{display:flex;align-items:center;justify-content:space-between;background:#242428;color:#9fa5b3;border-radius:12px;padding:12px 16px;margin:3px 18px 8px}.archive-row span{font-size:13px}.side-footer{display:none}.bottom-nav{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));left:16px;right:16px;border-radius:999px;display:flex;padding:5px;z-index:4;box-shadow:0 -12px 35px #11111145,inset 0 1px 0 #ffffff0b}.bottom-nav button{display:flex;position:relative;flex:1;min-width:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;color:#f1f1f3;background:none;padding:8px 3px;border-radius:999px;font-weight:600;font-size:11px;letter-spacing:.1px}.bottom-nav button.active{background:#48484c88;color:var(--blue)}.bottom-nav .nav-icon{height:29px;display:flex;align-items:center;justify-content:center}.bottom-nav .glyph{width:29px;height:29px}.nav-icon .avatar{width:31px;height:31px;font-size:13px}.nav-badge{position:absolute;top:0;right:6px;background:var(--blue);border-radius:99px;min-width:17px;padding:1px 4px;font-size:10px;color:white}.side-screen{flex:1;overflow:auto;padding:7px 18px;min-height:0}.side-screen header h2{font-size:17px;margin:0}.contact-row,.call-row{width:100%;background:none;text-align:left;color:var(--text);padding:13px 0;display:flex;gap:13px;align-items:center;border-bottom:1px solid var(--line)}.contact-row .avatar,.call-row .avatar{width:52px;height:52px;font-size:21px}.contact-row strong,.call-row strong{font-size:17px}.call-row>.glyph,.contact-row>.glyph{color:var(--blue);width:23px;height:23px}.call-row.missed strong{color:#ff7171}.call-tabs{display:flex;background:#303034;border-radius:999px;padding:3px;margin-bottom:14px}.call-tabs button{flex:1;background:none;color:#ddd;padding:8px;border-radius:999px}.call-tabs button.active{background:#505056;color:white}.list-empty{color:#929298;text-align:center;padding:35px 10px;white-space:pre-line;font-size:14px}
.conversation{background:#16171c}.empty{color:var(--text);background:radial-gradient(ellipse at 40% 40%,#1c2b4360,transparent 65%),#16171c}.empty p{color:#9297a5}.empty h2{color:var(--text)}.empty-symbol{background:none}.empty-notes span{background:#272a33;color:#9297a5}.chat-head{background:#212126d9;backdrop-filter:blur(15px);border-color:var(--line)}.chat-head .avatar{width:44px;height:44px;font-size:17px}.chat-heading h2{color:white;font-size:18px}.chat-heading p{color:#9899a4}.messages{background-color:#14171d;background-image:radial-gradient(#ffffff04 1px,transparent 1px);background-size:23px 23px}.bubble{background:#2c2e35;color:#f3f3f5;border:0;box-shadow:none}.bubble.mine{background:#19416a;color:#eef6ff}.bubble .meta{color:#99adc4}.bubble .meta.is-read{color:#72baff}.bubble .author{color:#71b1ff}.bubble a{color:#b2d9ff}.day-label{background:#282a32;color:#bec2ce}.composer{background:#282b32;border-color:#3a3e48;box-shadow:none}.composer textarea{background:transparent;color:#f5f6f8}.composer .send{background:var(--blue)}.history-notice{background:#222937;color:#7f9bbe;border:0}.history-notice.ephemeral{background:#312b26;color:#c7a87c}.attachment-preview{background:#273245;color:#b6cff3}.author{color:var(--blue)}.setting-block{border-color:var(--line)}.settings-profile{display:flex;gap:16px;align-items:center;padding-bottom:17px}.settings-profile .avatar{width:78px;height:78px}.settings-profile p{font-size:16px!important;color:var(--text)!important;margin:0}.settings-profile .text-button{padding:7px 0;font-size:13px}.settings-row{display:block;text-align:left;color:var(--text);background:#2c2c31;border-radius:12px;width:100%;padding:13px 15px;margin:8px 0}.menu-actions{display:flex;flex-direction:column;gap:5px}.menu-row{display:flex;gap:14px;align-items:center;background:#2c2c31;color:var(--text);padding:14px;border-radius:10px;text-align:left;font-size:15px}.menu-row .glyph{color:var(--blue);width:20px;height:20px}.folder-row{display:flex;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.folder-row .text-button{margin-left:auto;font-size:12px}.folder-row .glyph{color:var(--blue)}dialog{background:#232327;color:var(--text);border:1px solid #44444a;box-shadow:0 20px 90px #0008}dialog::backdrop{background:#0008;backdrop-filter:blur(7px)}dialog .icon{color:#aaaab4}.auth-screen{background:radial-gradient(ellipse at 10% 80%,#172846,transparent 60%),#18191e}.auth-intro h1{color:white}.auth-intro p{color:#8f96a7}.auth-intro .intro-pills span{background:#252c3a;color:#b3c4dc}.auth-card{background:#25262d;border:1px solid #34363f;box-shadow:0 25px 90px #0002}.auth-card p{color:#9398a9}.auth-card input{background:#303139;border-color:#41434f}.auth-card .badge{color:#9ec9ff}.auth-card small{color:#8c91a0}.text-button.danger{color:#ff797e}.call-dialog,.story-viewer{background:#1d202a}.stories{padding:7px 20px 21px;border-bottom:1px solid var(--line);min-height:86px}.story-circle{background:#293040;border-color:#5d8dcc;color:#a4ceff}.story-circle.has-story{border:2px solid #409cff;overflow:visible}.story-circle .avatar{width:46px;height:46px;font-size:17px}#toast{background:#42444e;color:#fafbff}#sync-code{color:var(--blue)}.error{color:#ff7d86}.auth-card .error{color:#ff7d86}
@media(max-width:700px){.app{grid-template-columns:minmax(0,1fr)}.sidebar{padding-bottom:110px}.side-head{padding-top:14px;padding-bottom:12px}.chat-list{padding:0 18px}.chat-row{min-height:95px;padding:11px 0}.avatar{width:69px;height:69px}.row-top strong{font-size:19px}.row-preview{font-size:17px}.chat-head{padding:10px 12px}.chat-head .icon{width:31px}.chat-heading h2{font-size:16px}.chat-heading p{font-size:11px}.messages{padding:13px 11px}.bubble{max-width:88%;font-size:16px}.auth-intro h1{color:white}.auth-card{padding:26px}.bottom-nav{bottom:max(12px,env(safe-area-inset-bottom))}.side-screen .help{font-size:12px}.call-actions{gap:6px}.row-side{height:17px;min-height:17px}.row-body{gap:3px}.history-notice{font-size:10px}.tabs{margin-bottom:5px}}
@media(min-width:701px){.app{grid-template-columns:390px 1fr}.chat-row{min-height:99px}.conversation .chat-head{min-height:78px}.side-head{padding-top:20px}.chat-head .icon{margin-left:3px}.chat-list{padding-bottom:12px}}@media(max-width:360px){.side-head{padding-left:12px;padding-right:12px;gap:5px}.header-tools{gap:3px;padding:6px}.heading-stories strong{font-size:20px}.edit-button{min-width:60px;padding:12px}.avatar{width:59px;height:59px}.row-top strong{font-size:17px}.row-preview{font-size:15px}.bottom-nav{left:10px;right:10px}.bottom-nav button{font-size:10px}}

.row-stamp time{font-size:14px;color:var(--muted)}.chat-row .avatar{color:white;background:linear-gradient(145deg,#71a1ff,#4464b9)}.chat-row .avatar[data-tint="1"]{background:linear-gradient(150deg,#ff9c68,#ed3b69)}.chat-row .avatar[data-tint="2"]{background:linear-gradient(145deg,#98c793,#488e75)}.chat-row .avatar[data-tint="3"]{background:linear-gradient(145deg,#c98dfe,#8458d2)}.chat-row .avatar[data-tint="4"]{background:linear-gradient(145deg,#50d4e6,#2a8caf)}.chat-row .avatar[data-tint="5"]{background:linear-gradient(145deg,#dcbb68,#b88c3d)}.chat-row .avatar[data-tint="6"]{background:linear-gradient(145deg,#9eacc1,#5c708d)}

/* Compact chat proportions: the reference uses a 393-point phone screen. */
.sidebar{padding-bottom:0}
.side-head{min-height:68px;padding:11px 17px 8px;gap:8px;flex-shrink:0}
.edit-button{min-width:67px;width:67px;height:46px;padding:0;font-size:17px;line-height:1.2;flex-shrink:0}
.heading-stories{flex:1;justify-content:center;gap:7px;padding-left:12px}
.heading-stories strong{font-size:18px;font-weight:650;letter-spacing:-.25px}
.heading-label,.story-heading-button{background:none;color:var(--text);padding:0;display:flex;align-items:center;min-width:0}
.heading-label:disabled{opacity:1}
.story-stack{max-width:64px}
.story-stack .avatar{width:30px;height:30px;font-size:12px;margin-left:-13px}
.header-tools{height:46px;padding:5px 8px;gap:8px;flex-shrink:0}
.header-tools .icon{width:31px;height:34px}
.header-tools .icon .glyph{width:24px;height:24px}
.search{margin:0 17px 8px;height:34px;flex-shrink:0}
.tabs{height:44px;min-height:44px;padding:3px;margin:0 17px 4px;gap:3px}
.tabs button{padding:7px 14px;line-height:1.25;font-size:17px;font-weight:500}
.tabs button:first-child{min-width:64px}
.tabs button span{font-size:13px;padding:1px 5px}
.chat-list{padding:0 17px 102px;scrollbar-width:none;--chat-avatar:63px;--chat-gap:11px}
.chat-row{position:relative;min-height:80px;margin:0;padding:7px 0;gap:var(--chat-gap);border-bottom:0}
.chat-row::after{content:'';position:absolute;height:1px;background:var(--line);left:calc(var(--chat-avatar) + var(--chat-gap));right:0;bottom:0}
.chat-row .avatar{width:var(--chat-avatar);height:var(--chat-avatar);font-size:24px}
.saved-avatar .glyph{width:31px;height:31px}
.row-body{justify-content:flex-start;gap:2px;padding-top:0}
.row-top{line-height:1.25;min-height:22px}
.row-top strong{font-size:17px;font-weight:600;letter-spacing:-.2px}
.emoji-status{font-size:16px}
.row-stamp{font-size:14px;gap:4px}
.row-stamp time{font-size:14px}
.row-check{font-size:17px}
.row-preview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;font-size:16px;line-height:1.25;margin-top:0;max-height:40px;padding-right:22px;overflow:hidden}
.row-preview>.glyph{width:16px;height:16px;vertical-align:-2px;margin-right:4px}
.edit-row-wrap .row-body{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;column-gap:6px}
.edit-row-wrap .row-top{grid-column:1/-1}
.edit-row-wrap .row-preview{padding-right:0;overflow-wrap:anywhere}
.edit-row-wrap .row-side{position:static;align-self:end}
.row-side{position:absolute;right:0;bottom:0;height:18px;min-height:18px}
.row-side .glyph{width:16px;height:16px}
.unread-badge{min-width:21px;height:21px;font-size:12px}
.bottom-nav{left:20px;right:20px;bottom:max(18px,env(safe-area-inset-bottom));height:66px;padding:4px}
.bottom-nav button{padding:5px 2px;gap:3px;font-size:11px;line-height:1.2}
.bottom-nav .nav-icon{height:28px}
.bottom-nav .glyph{width:28px;height:28px}
.nav-icon .avatar{width:28px;height:28px;font-size:12px}
.nav-badge{top:0;right:7px;min-width:17px}
@media(max-width:700px){
  .chat-list{--chat-avatar:clamp(56px,16vw,66px)}
  .chat-row{min-height:80px}
}
@media(min-width:701px){
  .chat-list{--chat-avatar:56px;padding-bottom:98px}
  .chat-row{min-height:74px;padding:7px 0}
  .row-top{min-height:20px}
  .row-top strong{font-size:16px}
  .row-preview{font-size:15px;max-height:38px}
}
@media(max-width:360px){
  .side-head{padding-left:14px;padding-right:14px;gap:6px}
  .edit-button{min-width:59px;width:59px;font-size:16px}
  .header-tools{padding:5px 6px;gap:4px}
  .heading-stories strong{font-size:17px}
  .chat-list{padding-left:14px;padding-right:14px}
  .chat-row{min-height:74px}
  .tabs{margin-left:14px;margin-right:14px}
  .tabs button{font-size:16px;padding-left:12px;padding-right:12px}
  .row-top{min-height:20px}
  .row-top strong{font-size:16px}
  .row-preview{font-size:15px;max-height:38px}
  .bottom-nav{left:16px;right:16px}
}

.chat-list::-webkit-scrollbar{display:none}
@media(max-width:700px){.sidebar{border-right:0}}

/* Conversation controls retain the compact density of the reference. */
.message-pin,.reply-preview{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:6px 12px;background:#252b36;border-bottom:1px solid #383f4b}
.message-pin>button:first-child,.reply-preview>button:first-child{background:none;text-align:left;color:#83bdff;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;line-height:1.3;font-size:13px;flex:1;max-height:36px;padding:0 0 0 9px;border-left:2px solid var(--blue)}
.message-pin .icon,.reply-preview .icon{height:30px;width:30px;font-size:20px}
.reply-preview{margin:6px 10px 0;border-radius:12px;border:0}
.reply-quote{display:block;text-align:left;max-width:100%;width:100%;padding:5px 8px;margin:0 0 6px;background:#ffffff0b;color:#8cc7ff;white-space:pre-line;font-size:13px;line-height:1.3;max-height:45px;overflow:hidden;border-radius:5px;border-left:3px solid #66b4ff}
.reply-quote:hover{background:#ffffff16}.message-highlight{outline:2px solid #79baff;outline-offset:3px}
.reaction-picker{display:flex;justify-content:space-between;background:#33333a;border-radius:20px;padding:5px 2px}.reaction-picker button{padding:6px 3px;background:none;font-size:23px;min-width:0}
.message-reactions{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.message-reactions button{background:#ffffff15;color:#e3e9f4;border-radius:14px;font-size:13px;padding:4px 8px}.message-reactions button.mine-reaction{background:#4989c748;box-shadow:inset 0 0 0 1px #6daaf588}
.emoji-picker{flex-shrink:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;padding:9px;background:#262830;max-height:180px;overflow:auto}.emoji-picker button{background:none;color:inherit;font-size:25px;padding:4px}
.composer{gap:3px}.composer .icon{width:30px;height:34px;flex-shrink:0}.composer textarea{min-width:0;font-size:16px}.composer .send{width:34px;height:34px;flex-shrink:0}.composer .glyph{width:22px;height:22px}
.recording-panel{display:flex;align-items:center;flex-shrink:0;gap:7px;padding:12px 10px;background:#30292e;font-size:12px;color:#f1b4bc}.recording-panel time{font-variant-numeric:tabular-nums;font-size:15px}.recording-panel>span:not(.record-dot){flex:1}.recording-panel button{background:none;color:#81baff;padding:4px;font-size:12px}.record-dot{width:8px;height:8px;border-radius:50%;background:#ff607c}
.bubble audio{width:255px;max-width:100%;height:38px}
.voice-player{display:flex;align-items:center;gap:8px;width:255px;max-width:100%;padding:3px 0}.voice-play{border-radius:50%;width:34px;height:34px;flex-shrink:0;background:#67b3fb;color:#17385b;font-size:17px;padding:0}.voice-track{flex:1;position:relative;height:30px;min-width:50px}.voice-track svg{width:100%;height:30px;fill:#80accc}.voice-track rect.played{fill:#e3f3ff}.voice-seek{position:absolute;inset:0;opacity:0;width:100%;height:30px;margin:0;padding:0;cursor:pointer}.voice-track:focus-within{outline:1px solid #80c4ff;border-radius:4px}.voice-time{font-size:12px;color:#b9d8ee;min-width:29px;white-space:nowrap}

.full-page-dialog{padding:0;width:520px;max-height:95dvh;background:var(--bg);color:var(--text)}.full-page-dialog .page-head,.account-settings>header{position:sticky;top:0;background:var(--bg);z-index:3;padding:10px 13px;min-height:58px;margin:0;border-bottom:1px solid var(--line)}.page-head strong{flex:1;text-align:center;font-size:17px}.page-head .icon{width:34px}.page-head .text-button{padding:6px;white-space:nowrap}.peer-cover{text-align:center;background:#25272d;padding:18px 0 10px}.peer-cover .avatar{width:116px;height:116px;font-size:43px}.peer-cover:has(img){padding-top:0}.peer-cover:has(img) .avatar{width:100%;height:240px;border-radius:0}.peer-cover h2{font-size:24px;margin:12px 8px 4px}.peer-cover p{font-size:13px;color:var(--muted);margin:0}.profile-actions{display:flex;gap:7px;padding:12px;justify-content:center}.profile-actions button{display:flex;flex-direction:column;align-items:center;gap:7px;flex:1;padding:11px 3px;border-radius:12px;background:#2c2f37;color:var(--blue);font-size:12px}.profile-actions .glyph{width:25px;height:25px}.profile-details{margin:0 12px;background:#27292f;border-radius:12px;padding:0 12px}.profile-detail{padding:10px 0;border-bottom:1px solid var(--line)}.profile-detail:last-child{border:0}.profile-detail p{white-space:pre-wrap;overflow-wrap:anywhere;margin:3px 0 0;font-size:15px}.profile-tabs{display:flex;overflow:auto;gap:16px;padding:12px 14px 0;scrollbar-width:none;border-bottom:1px solid var(--line);position:sticky;top:58px;background:var(--bg);z-index:2}.profile-tabs button{padding:8px 0;background:none;color:var(--muted);white-space:nowrap;font-size:14px;flex-shrink:0}.profile-tabs .active{color:var(--blue);border-bottom:3px solid var(--blue)}.profile-content{padding:7px 13px 20px;min-height:160px}.profile-content.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:3px}.profile-content.media-grid .list-empty{grid-column:1/-1}.media-tile{position:relative;aspect-ratio:1;background:#282c35;padding:0;overflow:hidden}.media-tile img,.media-tile video{width:100%;height:100%;object-fit:cover}.video-tile-icon{position:absolute;right:6px;bottom:5px;color:white;text-shadow:0 1px 5px #000}.profile-file{display:flex;align-items:center;gap:9px;width:100%;padding:12px 0;border-bottom:1px solid var(--line);background:none;color:var(--text);text-align:left}.profile-file span:not(.glyph){min-width:0;overflow-wrap:anywhere;flex:1;font-size:14px}.profile-file .glyph{color:var(--blue)}.profile-file small{white-space:nowrap}.profile-search{padding:10px 13px}.profile-message-result{display:flex;flex-direction:column;width:100%;text-align:left;background:none;color:var(--text);padding:12px 0;border-bottom:1px solid var(--line);gap:5px}.profile-message-result strong{font-weight:500;white-space:pre-wrap}.profile-link{border-bottom:1px solid var(--line);padding:10px 0}.profile-link a{color:var(--blue)}.profile-link p{margin:4px 0;overflow-wrap:anywhere}#attachment-viewer-stage{display:grid;place-items:center;min-height:260px;padding:12px}#attachment-viewer-stage img,#attachment-viewer-stage video{max-width:100%;max-height:72dvh}#attachment-viewer-stage audio{max-width:100%}#attachment-viewer-message{width:100%}.chat-heading{cursor:pointer}.chat-heading:focus-visible{outline:2px solid var(--blue);border-radius:5px}
.account-settings>header h2{font-size:20px}.settings-home{padding:8px 15px 28px}.settings-home .settings-profile{flex-direction:column;align-items:center;text-align:center;gap:8px;padding-top:15px}.settings-home .settings-profile .avatar{width:96px;height:96px;font-size:34px}.settings-home .settings-profile #profile{font-size:19px!important;max-width:100%;overflow-wrap:anywhere}.settings-menu{background:#282a30;border-radius:13px;overflow:hidden;margin:10px 0 16px}.settings-menu .settings-row{display:flex;align-items:center;gap:12px;margin:0;border-radius:0;padding:13px 12px;background:none;border-bottom:1px solid var(--line);font-size:15px}.settings-menu .settings-row:last-child{border:0}.settings-row>.glyph{color:var(--blue);width:23px;height:23px}.settings-chevron{margin-left:auto;color:var(--muted);font-size:22px}.settings-page{padding:16px}.settings-page .secondary{display:block;width:100%;margin:0 0 8px}.settings-page>label{margin:12px 0}.settings-page h3{margin-top:20px}.settings-page p{font-size:14px;color:var(--muted)}.settings-page .setting-block{border:0;margin:0;padding:0}.session-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:12px 0}.session-row>div{flex:1;min-width:0}.session-row strong{font-size:15px}.session-row p{font-size:12px;margin:5px 0 0}.session-row .text-button{font-size:12px;padding:7px 0}.row-top strong{font-size:var(--row-font,17px)}.row-preview{font-size:calc(var(--row-font,17px) - 1px)}.bubble{font-size:var(--message-font,17px)}.less-motion *, .less-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.theme-light{color-scheme:light;--bg:#f2f2f7;--panel:#fff;--text:#202127;--muted:#83868e;--line:#dfe0e7;--blue:#2085ec}.theme-light body,.theme-light .sidebar{background:var(--bg)}.theme-light .glass{background:#ffffffbd;border-color:#d3d6df;box-shadow:inset 0 1px 0 #fff}.theme-light .edit-button,.theme-light .tabs button,.theme-light .heading-label,.theme-light .header-tools .icon,.theme-light .bottom-nav button{color:var(--text)}.theme-light .tabs button.active{color:#126ec5}.theme-light .icon{color:#5f6775}.theme-light .chat-row{color:var(--text)}.theme-light .chat-row:hover,.theme-light .chat-row.selected{background:#e1e9f5}.theme-light .chat-head{background:#ffffffd9}.theme-light .chat-heading h2{color:var(--text)}.theme-light .messages{background-color:#e5eaf2}.theme-light .bubble{background:#fff;color:#232734}.theme-light .bubble.mine{background:#d1e8ff;color:#173353}.theme-light .bubble .meta{color:#7b94a5}.theme-light .voice-time{color:#527595}.theme-light .composer,.theme-light .attachment-preview,.theme-light .message-pin,.theme-light .reply-preview{background:#fff}.theme-light .composer textarea{color:var(--text)}.theme-light .search,.theme-light .settings-menu,.theme-light .profile-details,.theme-light .profile-actions button,.theme-light .peer-cover,.theme-light .reaction-picker,.theme-light .menu-row,.theme-light dialog{background:#fff;color:var(--text)}.theme-light input,.theme-light textarea,.theme-light select{background:#f0f1f5;color:var(--text);border-color:#d4d7e2}.theme-light .secondary,.theme-light .settings-row{background:#e8edf7;color:#2769ae}.theme-light .history-notice{background:#dbe6f5;color:#577897}.theme-light .full-page-dialog,.theme-light .profile-tabs{background:var(--bg)}.theme-light .reply-quote{background:#419cff12;color:#2676bd}.theme-light .emoji-picker{background:#fff}.theme-light .message-reactions button{color:#356381;background:#91bbdf3d}.theme-light .bottom-nav button.active{color:var(--blue)}.theme-light .empty{background:#e9eef7}.theme-light .empty h2{color:var(--text)}
@media(max-width:700px){.full-page-dialog{width:100%;height:100dvh;max-width:none;max-height:100dvh;margin:0;border-radius:0;border:0}.account-settings>header{padding-top:max(10px,env(safe-area-inset-top))}.full-page-dialog .page-head{padding-top:max(10px,env(safe-area-inset-top))}.settings-home{padding-bottom:max(28px,env(safe-area-inset-bottom))}.profile-content{padding-bottom:max(20px,env(safe-area-inset-bottom))}}
.full-page-dialog{scrollbar-width:none}.full-page-dialog::-webkit-scrollbar{display:none}.settings-profile #account-home-phone{font-size:14px!important;color:var(--muted)!important;margin-top:4px}.settings-home>p.help{font-size:12px;margin-top:8px}
.theme-light .settings-menu .settings-row{background:none;color:var(--text)}
.attachment-preview{display:flex;gap:6px;overflow:auto;max-height:112px;padding:7px;flex-shrink:0}.draft-attachment{display:flex;align-items:center;gap:7px;min-width:170px;max-width:240px;flex-shrink:0}.draft-attachment>img,.draft-attachment>video{width:56px;height:56px;border-radius:8px;object-fit:cover}.draft-attachment>span:not(.glyph){font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}.draft-attachment .icon{width:28px;font-size:20px}.gallery-sources{display:flex;gap:8px;padding:14px}.gallery-sources button{flex:1;font-size:14px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:0 8px 110px}.gallery-tile{position:relative;padding:0;aspect-ratio:1;overflow:hidden;background:#333840;border-radius:6px;color:var(--text)}.gallery-tile>img,.gallery-tile>video{width:100%;height:100%;object-fit:cover;pointer-events:none}.gallery-tile>.glyph{width:40px;height:40px}.gallery-number{position:absolute;right:6px;top:6px;border:2px solid white;border-radius:50%;width:24px;height:24px;background:#0005;color:white;font-size:13px;display:grid;place-items:center}.gallery-tile.chosen .gallery-number{background:var(--blue)}.gallery-tile.chosen{box-shadow:inset 0 0 0 3px var(--blue)}.gallery-filename{position:absolute;bottom:0;left:0;right:0;padding:6px;background:#0008;color:white;font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#gallery-help{margin:0 14px 14px}.gallery-footer{position:sticky;bottom:0;background:var(--bg);padding:12px 14px max(12px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);font-size:13px}.gallery-footer .primary{width:auto;margin:0;padding:10px 15px;font-size:14px}.video-record-dialog{width:370px;text-align:center;padding:18px}.video-record-dialog header{margin-bottom:16px}.video-record-dialog header .text-button{padding:5px}.video-record-dialog video{display:block;width:260px;height:260px;max-width:100%;border-radius:50%;object-fit:cover;margin:auto;transform:scaleX(-1);background:#111}.video-record-dialog p{margin:15px 0;font-size:17px;font-variant-numeric:tabular-nums}.video-record-dialog .record-dot{display:inline-block}.bubble.video-note{background:transparent;padding:0;box-shadow:none}.bubble.video-note>video{display:block;border-radius:50%;object-fit:cover;width:230px;height:230px;max-width:100%;margin:0}.bubble.video-note .meta{padding:2px 12px}.bubble.video-note .reply-quote{border-radius:8px}.composer #recording-mode{width:25px}.composer #recording-mode .glyph{width:18px;height:18px}.theme-light .gallery-tile{background:#dbe2ed}
@media(max-width:360px),(min-width:701px){.row-top strong{font-size:calc(var(--row-font,17px) - 1px)}.row-preview{font-size:calc(var(--row-font,17px) - 2px)}}
.settings-bottom-nav{display:none}.profile-editor form{padding:16px}.profile-editor header h2{font-size:20px}.profile-editor .primary{margin-bottom:16px}
@media(max-width:700px){.settings-bottom-nav{display:flex;position:fixed;z-index:5}.settings-home{padding-bottom:110px}.profile-editor form{padding:16px 16px max(20px,env(safe-area-inset-bottom))}.profile-editor header{position:sticky;top:0;z-index:2;background:var(--bg);padding:8px 0;min-height:52px}}
.video-note-player{position:relative;width:230px;height:230px;max-width:100%;border-radius:50%;overflow:hidden;background:#111}.video-note-player video{display:block;width:100%;height:100%;max-height:none;object-fit:cover;border-radius:50%;margin:0}.video-note-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;color:white;background:#0006;font-size:23px;display:grid;place-items:center}.video-note-player.playing .video-note-play{opacity:0}.video-note-player.playing:hover .video-note-play,.video-note-play:focus-visible{opacity:1}/* The seek target follows the circle; its centre stays available for play. */
.video-note-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;fill:none;outline:none;filter:drop-shadow(0 1px 2px #0009)}
.video-note-ring-track{stroke:#0005;stroke-width:1.7;pointer-events:none}
.video-note-ring-fragment{stroke:#fff;stroke-width:1.3;stroke-linecap:round;pointer-events:none;transition:opacity .16s linear,transform .16s linear}
.video-note-ring-hit{stroke:transparent;stroke-width:10;pointer-events:stroke;cursor:pointer;touch-action:none}
.video-note-ring:focus-visible .video-note-ring-track{stroke:#87bfff;stroke-width:2.5}
@media(prefers-reduced-motion:reduce){.video-note-ring-fragment{transform:none!important;transition:none}}.video-note-duration{position:absolute;bottom:18px;left:0;right:0;font-size:12px;color:white;text-align:center;text-shadow:0 1px 4px #000;pointer-events:none}
.settings-menu .settings-row{min-height:48px;padding:11px 12px}.settings-chevron{font-size:20px;line-height:1}
.app{grid-template-rows:minmax(0,1fr)}.conversation,.chat{min-height:0}.chat-head,.history-notice,.composer{flex-shrink:0}.messages>.bubble,.messages>.message-album,.messages>.day-label{flex-shrink:0}
.profile-picture-open{display:block;width:100%;padding:0;background:none;color:inherit}.profile-picture-open .avatar{display:block}#profile-picture-viewer{background:#08090b;color:white;width:100%;max-width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0}#profile-picture-viewer .page-head{background:#08090b}#profile-picture-image{display:block;width:100%;height:calc(100dvh - 70px);object-fit:contain}
.message-album{align-self:flex-start;max-width:87%;width:320px;overflow:hidden;border-radius:15px;background:var(--bubble,#30323a);padding:3px}.message-album.mine{align-self:flex-end;background:#274b70}.album-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.album-grid .bubble.album-cell{position:relative;max-width:100%;width:100%;min-width:0;margin:0;padding:0;border-radius:3px;aspect-ratio:1;overflow:hidden}.album-cell>img,.album-cell>video{display:block;width:100%;height:100%;max-height:none;object-fit:cover;margin:0}.album-cell:last-child:nth-child(odd){grid-column:1/-1;aspect-ratio:2}.album-cell>.message-text,.album-cell>.meta,.album-cell>.author{display:none}.album-cell>.reply-quote{position:absolute;top:0;left:0;right:0;z-index:1;background:#142c42db}.album-cell>.message-reactions{position:absolute;bottom:4px;left:4px}.album-caption{padding:7px 9px 2px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px}.message-album>.meta{display:block;padding:2px 9px 4px;text-align:right;font-size:11px;color:#a3bdd2}.theme-light .message-album{background:#e9edf4}.theme-light .message-album.mine{background:#d7eaff}
.contacts-mode .heading-stories{padding-left:0}.contacts-mode .side-head{gap:12px}#contacts-add{width:46px;height:46px;border-radius:50%;font-size:26px}.contacts-mode .side-screen{padding-top:0;padding-bottom:102px}.contacts-mode .contact-row{padding:8px 0;gap:12px;min-height:60px}.contacts-mode .contact-row .avatar{width:44px;height:44px;font-size:19px}.contacts-mode .contact-row strong{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contacts-mode .contact-row .row-body{justify-content:center;padding:0;align-self:auto}.contacts-mode .contact-row .help{font-size:12px;margin:0}.online{color:var(--blue)!important}#contact-filter{height:36px;padding:7px 10px;font-size:14px;margin:0 0 7px}.contact-invite{display:flex;align-items:center;gap:13px;width:100%;padding:12px 0;color:var(--blue);background:none;border-bottom:1px solid var(--line);text-align:left;font-size:15px}.contact-invite .glyph{margin-left:10px;width:23px;height:23px}.contact-editor form{padding:16px}.contact-editor header{position:sticky;top:0;background:var(--bg);padding:6px 0;margin-bottom:22px;gap:8px;z-index:2}.contact-editor header h2{font-size:18px;text-align:center;flex:1}.contact-editor header .text-button{font-size:14px;padding:4px 0}.contact-editor label{margin:14px 0;font-weight:500}.contact-editor .switch-row{margin-top:18px}.contact-editor input{font-size:16px}.contact-editor .help{font-size:12px}.contact-editor .secondary{width:100%;margin-top:12px}.edit-row-wrap{position:relative}.edit-row-wrap .chat-row{padding-right:44px}.pin-drag-handle{position:absolute;right:0;top:18px;width:44px;height:44px;padding:0;background:none;color:var(--muted);font-size:20px;cursor:grab;touch-action:none}.edit-row-wrap.dragging{background:#2d496270;box-shadow:0 4px 18px #0004;z-index:3}.pin-drag-handle:focus-visible{outline:2px solid var(--blue)}.danger-action{background:#d95763!important;color:white!important;width:100%}.edit-tools{gap:4px;flex-wrap:wrap}.edit-tools button{width:30px}.edit-tools .glyph{width:19px;height:19px}.peer-cover h2,.profile-link{overflow-wrap:anywhere}.page-head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-light .edit-row-wrap.dragging{background:#d1e4ff}
.expression-panel{flex-shrink:0;max-height:42dvh;background:#25272d;border-top:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.expression-tabs{display:flex;align-items:center;gap:5px;flex-shrink:0;padding:4px 9px}.expression-tabs button{background:none;color:var(--muted);padding:9px 12px;font-size:14px;border-radius:14px}.expression-tabs button.active{background:#6aafff24;color:var(--blue)}.expression-tabs .expression-close{margin-left:auto;font-size:22px;padding:2px 9px}.expression-search{width:calc(100% - 24px);margin:2px 12px 6px;padding:6px 10px;height:34px;font-size:14px;flex-shrink:0}.expression-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:4px;padding:3px 12px;overflow:auto;min-height:95px}.expression-tile{position:relative;min-width:0}.expression-choice{padding:3px;background:none;width:100%;aspect-ratio:1;border-radius:10px}.expression-choice:hover{background:#ffffff12}.expression-choice img{width:100%;height:100%;object-fit:contain;display:block}.expression-remove{position:absolute;top:0;right:0;border-radius:50%;width:26px;height:26px;background:#df5f73;color:white;font-size:20px;padding:0}.expression-footer{display:flex;align-items:center;padding:3px 7px max(3px,env(safe-area-inset-bottom));gap:6px;flex-shrink:0}.expression-footer .text-button{font-size:12px;padding:7px 4px;white-space:nowrap}.expression-footer .help{font-size:10px;line-height:1.2;flex:1}.expression-empty{grid-column:1/-1;text-align:center;padding:16px 5px}.expression-panel .emoji-picker{min-height:0;flex-shrink:1;max-height:220px}.bubble.sticker-message{background:none;box-shadow:none;padding:2px 4px;max-width:65%}.bubble.sticker-message>img{width:190px;max-width:100%;max-height:210px;object-fit:contain;border-radius:0;margin:0}.bubble.sticker-message>.message-text{font-size:14px}.theme-light .expression-panel{background:#f2f4f8}.theme-light .expression-choice:hover{background:#0000000b}

@font-face{font-family:'E Emoji';src:url('/static/vendor/emoji/Noto-COLRv1.ttf') format('truetype');font-display:swap}
.message-text,#message-text,.row-preview,.message-reactions button{font-family:system-ui,-apple-system,BlinkMacSystemFont,'E Emoji','Segoe UI',sans-serif}
.expression-panel.showing-emoji{height:min(340px,42dvh)}
#attachment-viewer{width:min(100vw,1000px);height:min(100dvh,900px);max-width:100vw;max-height:100dvh;padding:0;border:0;background:#101114;color:#f2f3f5;overflow:hidden}
#attachment-viewer[open]{display:flex;flex-direction:column}#attachment-viewer .page-head{position:static;flex-shrink:0;min-height:56px;background:#1c1d20;color:#fff;gap:8px}#attachment-viewer .page-head .icon{color:#fff}.media-viewer-heading{min-width:0;flex:1;display:flex;flex-direction:column;text-align:center;line-height:1.3}.media-viewer-heading strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-viewer-heading span{font-size:11px;color:#aeb2bc}
#attachment-viewer-stage{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:0;padding:0;overflow:hidden;background:#08090b}#attachment-viewer-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0}#attachment-viewer-content img,#attachment-viewer-content video{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}#attachment-viewer-content img{user-select:none;-webkit-user-select:none;transform-origin:center;will-change:transform}#attachment-viewer-stage.is-image{touch-action:none}#attachment-viewer-stage.media-zoomed{cursor:grab}#attachment-viewer-stage.media-zoomed:active{cursor:grabbing}#attachment-viewer-content audio{width:90%;max-width:500px}#attachment-viewer-content>.help{padding:20px;color:#b7bdc9}
#attachment-viewer-previous,#attachment-viewer-next{position:absolute;top:50%;transform:translateY(-50%);z-index:2;border-radius:50%;width:32px;height:44px;background:#17191ba8;color:#fff;font-size:30px}#attachment-viewer-previous{left:7px}#attachment-viewer-next{right:7px}#attachment-viewer-stage .icon:disabled{opacity:.25}#attachment-viewer-zoom{display:flex;align-items:center;justify-content:center;gap:16px;flex-shrink:0;height:40px;background:#141518}#attachment-viewer-zoom button{color:#d9e7fa}#attachment-viewer-reset{font-size:12px;min-width:54px;padding:4px}#attachment-viewer-status{padding:7px 12px;margin:0;background:#3c2930;color:#ffc3ca;flex-shrink:0}.media-viewer-footer{padding:6px 12px max(6px,env(safe-area-inset-bottom));background:#1c1d20;flex-shrink:0}.media-viewer-footer p{margin:0;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:76px;overflow:auto}.media-viewer-footer p:empty{display:none}#attachment-viewer-message{font-size:13px;padding:6px;color:#84bbff}.media-expand{display:block;background:#ffffff14;color:inherit;font-size:12px;border-radius:9px;padding:5px 8px;margin:3px 0}.bubble img[role=button]{cursor:zoom-in}
@media(max-width:700px){#attachment-viewer{height:100dvh;width:100vw;border-radius:0;margin:0;inset:0}#attachment-viewer .page-head{padding-top:max(8px,env(safe-area-inset-top))}}
.expression-panel .emoji-picker.emoji-catalogue{display:flex;flex-direction:column;padding:0;overflow:hidden;background:none;max-height:none;min-height:0;flex:1}
.emoji-categories{display:flex;gap:2px;overflow-x:auto;flex-shrink:0;padding:0 9px 3px;scrollbar-width:none}
.emoji-catalogue .emoji-category{font-size:22px;flex:0 0 35px;height:34px;padding:2px;border-radius:9px;background:none;line-height:1}
.emoji-category[aria-pressed=true]{background:#6aafff24;color:var(--blue)}
.emoji-tools{position:absolute;right:49px;top:6px}.emoji-tools .emoji-tone{font-size:20px;padding:1px 2px;width:34px;height:30px;border:0;background:transparent;color:var(--text);appearance:none;cursor:pointer}.expression-panel.showing-emoji .expression-tabs{padding-right:84px}.expression-panel{position:relative}.showing-emoji .expression-close{position:absolute;right:9px;top:6px}
.emoji-cells{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:1px;padding:1px 9px 5px;overflow:auto;min-height:0;align-content:start;overscroll-behavior:contain}
.emoji-catalogue .emoji-choice{font-family:'E Emoji','Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;background:none;border-radius:8px;color:inherit;font-size:27px;min-width:0;height:38px;line-height:1;padding:2px;touch-action:manipulation}
.emoji-catalogue .emoji-category,.emoji-tools .emoji-tone{font-family:'E Emoji','Apple Color Emoji','Segoe UI Emoji',sans-serif}
.emoji-choice:hover,.emoji-choice:focus-visible{background:#6aafff24}.emoji-catalogue .emoji-more{font-size:12px;flex-shrink:0;padding:4px}.emoji-status{font-size:13px;text-align:center;margin:5px 12px}.emoji-catalogue .emoji-retry{font-size:13px;padding:5px;flex-shrink:0}
@media(min-width:701px){.emoji-cells{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}}
@media(max-height:500px){.expression-panel.showing-emoji{height:55dvh;max-height:55dvh}}
@media(max-width:700px){.messages,.expression-grid,.emoji-cells{scrollbar-width:none}.messages::-webkit-scrollbar,.expression-grid::-webkit-scrollbar{display:none}}

.saved-accounts{margin:8px 0 16px;background:#282a30;border-radius:13px;padding:4px 10px}.saved-accounts h3{font-size:13px;color:var(--muted);font-weight:500;margin:8px 0}.saved-account-row{display:flex;align-items:center;border-bottom:1px solid var(--line);gap:5px}.saved-account-select{display:flex;align-items:center;gap:10px;padding:9px 0;background:none;color:var(--text);flex:1;min-width:0;text-align:left}.saved-account-select .avatar{width:40px;height:40px;font-size:17px;border-radius:50%}.saved-account-info{display:flex;flex-direction:column;min-width:0;flex:1;gap:2px}.saved-account-info strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-account-info small{font-size:11px;color:var(--muted)}.account-current{color:var(--blue);font-size:20px}.account-remove{background:none;color:var(--muted);font-size:22px;padding:8px}.account-add{padding:12px 0;color:var(--blue);background:none;text-align:left;font-size:14px}.auth-saved-accounts{padding:0 0 9px;border-bottom:1px solid var(--line)}.auth-saved-accounts .saved-account-select{color:inherit}.auth-saved-accounts>p{margin:0 0 6px!important}.auth-saved-accounts .saved-account-row:last-child{border:0}.theme-light .saved-accounts{background:#e9edf4}

/* Energy settings preserve communication and change only presentation work. */
.settings-value{color:var(--muted);font-size:13px;margin-left:auto;white-space:nowrap}.settings-value+.settings-chevron{margin-left:0}.power-status{padding:14px;border-radius:12px;background:#303139;color:var(--muted)!important}.power-status.active{background:#164835;color:#9cebc4!important}.energy-motion *,.energy-motion *::before,.energy-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.energy-effects .glass,.energy-effects .chat-head,.energy-effects dialog::backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.energy-effects .glass{background:#27272a}.energy-effects .chat-head{background:#212126}.theme-light.energy-effects .glass,.theme-light.energy-effects .chat-head{background:#f1f1f4}.energy-gif-toggle{display:inline-block;border-radius:20px;padding:5px 10px;background:#172433e8;color:#e0f0ff;font-size:12px;line-height:20px;min-height:30px;z-index:2}.expression-tile .energy-gif-toggle{position:absolute;bottom:2px;right:2px;padding:2px 7px}.energy-gif-paused{min-height:28px}.theme-light .power-status{background:#e5e8ef}.theme-light .power-status.active{background:#c7efda;color:#20573b!important}

.switch-row input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;width:46px;min-width:46px;max-width:46px;height:28px;padding:0;margin:0;border:0;border-radius:18px;background:#4b4b50;cursor:pointer;box-shadow:none;flex:none}.switch-row input[type=checkbox]::before{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .15s}.switch-row input[type=checkbox]:checked{background:var(--blue)}.switch-row input[type=checkbox]:checked::before{transform:translateX(18px)}.switch-row input[type=checkbox]:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.switch-row input[type=checkbox]:disabled{opacity:.5}.settings-page>.switch-row{font-size:15px;font-weight:400;min-height:50px;gap:14px}.settings-page>.switch-row>span{flex:1;min-width:0}

.language-options{padding:0;border:0;margin:20px 0;border-radius:13px;background:#292b30;overflow:hidden}.language-options legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.language-options label{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:66px;padding:12px 15px;margin:0;border-bottom:1px solid var(--line);cursor:pointer}.language-options label:last-child{border:0}.language-options strong{font-size:16px;font-weight:500}.language-options small{display:block;font-size:12px;font-weight:400;margin-top:3px}.language-options input{width:22px;height:22px;margin:0;accent-color:var(--blue);flex:none}.settings-page #language-apply{width:100%}.theme-light .language-options{background:#edf0f6}

.power-media-tile{position:relative;min-width:0;aspect-ratio:1}.power-media-tile>.media-tile,.power-media-tile>.gallery-tile{width:100%;height:100%}.power-media-tile>.energy-gif-toggle{position:absolute;bottom:4px;right:4px}

/* Photo-led profiles follow the proportions of the supplied mobile reference. */
#peer-profile .peer-cover{position:relative}.peer-summary{position:relative;z-index:1}.peer-cover .profile-actions{position:relative;z-index:1;margin-top:8px}.peer-cover.has-photo{min-height:390px;height:min(62dvh,520px);display:flex;flex-direction:column;justify-content:flex-end;padding:72px 0 0;margin-top:-58px;isolation:isolate;overflow:hidden}.peer-cover.has-photo #peer-picture{position:absolute;inset:0;z-index:-2}.peer-cover.has-photo #peer-picture>.profile-picture-open,.peer-cover.has-photo #peer-picture .avatar{display:block;width:100%;height:100%;border-radius:0;margin:0}.peer-cover.has-photo #peer-picture img{width:100%;height:100%;object-fit:cover}.peer-cover.has-photo::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0003,transparent 36%,#0006 67%,#111d)}.peer-cover.has-photo .peer-summary{text-align:left;margin:0 18px}.peer-cover.has-photo h2{margin:0 0 4px;color:white;font-size:24px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.peer-cover.has-photo #peer-status{color:#f2f2f5;font-size:13px}.peer-cover.has-photo .profile-actions{padding:12px 17px 17px;gap:7px}.peer-cover.has-photo .profile-actions button{color:white;background:#ffffff19;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);min-width:0;font-size:11px;border-radius:15px;min-height:62px;gap:5px}.peer-cover.has-photo .profile-actions .glyph{width:24px;height:24px}#peer-profile.has-cover-photo>.page-head{background:transparent;border-color:transparent;transition:background .15s}#peer-profile.has-cover-photo>.page-head>strong{opacity:0}#peer-profile.has-cover-photo>.page-head button{background:#1119;border-radius:24px;color:white;backdrop-filter:blur(14px)}#peer-profile.has-cover-photo>.page-head .text-button{padding:7px 12px;margin-right:6px;font-size:14px}#peer-profile.has-cover-photo.cover-scrolled>.page-head{background:var(--bg);border-color:var(--line)}#peer-profile.has-cover-photo.cover-scrolled>.page-head>strong{opacity:1}#peer-profile .profile-details{margin-top:14px}#peer-profile .profile-tabs{margin-top:14px;gap:19px}.profile-picture-open{padding:0;background:none;color:inherit}
.settings-photo-open{padding:0;margin:0;border:0;border-radius:50%;background:none;color:inherit;display:block}.settings-photo-open .avatar{display:grid}.settings-photo-edit{display:flex;align-items:center;gap:10px;background:#282a30;color:var(--blue);width:100%;border-radius:28px;padding:14px 16px;font-size:16px;margin:4px 0 18px;text-align:left}.settings-photo-edit .glyph{width:25px;height:25px}.settings-home .settings-profile{position:relative}.settings-home .settings-profile.photo-expanded{min-height:340px;height:min(58dvh,470px);margin:-66px -15px 15px;padding:72px 18px 18px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;text-align:left;isolation:isolate;overflow:hidden}.settings-profile.photo-expanded>.settings-photo-open{position:absolute;inset:0;width:100%;height:100%;border-radius:0;z-index:-2}.settings-profile.photo-expanded .settings-photo-open .avatar{width:100%;height:100%;border-radius:0}.settings-profile.photo-expanded .settings-photo-open img{width:100%;height:100%;object-fit:cover}.settings-profile.photo-expanded::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#0002,transparent 45%,#0009)}.settings-profile.photo-expanded>div{position:relative;color:white;pointer-events:none;width:100%}.settings-home .settings-profile.photo-expanded #profile{font-size:24px!important;color:white!important}.settings-profile.photo-expanded #account-home-phone{color:#f5f5f5}.account-settings.photo-expanded>header{background:transparent;border-color:transparent}.account-settings.photo-expanded>header h2{opacity:0}.account-settings.photo-expanded>header button{color:white;background:#1119;border-radius:24px}.theme-light .settings-photo-edit{background:#e9edf4}
#profile-picture-viewer{height:100dvh;max-height:100dvh;max-width:min(100vw,900px);width:100vw;background:#000;color:white;border:0;overflow:hidden;position:fixed;padding:0;box-sizing:border-box}#profile-picture-viewer>header{position:absolute;left:0;right:0;top:0;background:linear-gradient(#000b,transparent);border:0;color:white;z-index:3;min-height:58px}#profile-picture-viewer>header button{color:white}#profile-picture-image{width:100%;height:100%;max-height:100%;object-fit:contain;margin:0;touch-action:pan-y pinch-zoom}.profile-photo-progress{display:flex;position:absolute;top:61px;left:14px;right:14px;gap:4px;z-index:3}.profile-photo-progress button{background:#ffffff4d;height:4px;min-width:0;flex:1;padding:0;border-radius:4px}.profile-photo-progress .active{background:white}.profile-photo-counter{position:absolute;left:0;right:0;bottom:max(74px,calc(60px + env(safe-area-inset-bottom)));text-align:center;color:white;font-size:13px;text-shadow:0 1px 4px #000}.profile-photo-actions{position:absolute;left:14px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));display:flex;justify-content:center;gap:12px;z-index:3}.profile-photo-actions button{background:#242428e6;border-radius:24px;padding:11px 15px;font-size:14px;max-width:70%}#profile-picture-viewer>.photo-previous,#profile-picture-viewer>.photo-next{position:absolute;top:45%;background:#15151990;color:white;border-radius:50%;width:40px;height:44px;z-index:2}#profile-picture-viewer>.photo-previous{left:8px}#profile-picture-viewer>.photo-next{right:8px}#delete-profile-photo{padding:18px;border-radius:20px;max-width:min(90vw,400px)}#delete-profile-photo h2{font-size:20px}#delete-profile-photo p{font-size:15px;padding:15px 0}
.energy-effects .peer-cover.has-photo .profile-actions button,.energy-effects #peer-profile.has-cover-photo>.page-head button{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#242428e8}@media(min-width:701px){#peer-profile .peer-cover.has-photo{height:430px;min-height:350px}.settings-home .settings-profile.photo-expanded{height:400px;min-height:300px}}@media(max-width:360px){.peer-cover.has-photo .profile-actions{padding-left:12px;padding-right:12px;gap:5px}.peer-cover.has-photo h2{font-size:22px}.profile-photo-actions button{font-size:12px}}

#peer-profile.has-cover-photo>.page-head #peer-more{display:none}

.cover-photo-progress{position:absolute;top:62px;left:17px;right:17px;display:flex;gap:4px;z-index:2}.cover-photo-progress button{height:12px;flex:1;min-width:0;padding:0;border:0;background:linear-gradient(transparent 4px,#ffffff50 4px,#ffffff50 7px,transparent 7px);border-radius:4px}.cover-photo-progress button.active{background:linear-gradient(transparent 4px,white 4px,white 7px,transparent 7px)}.peer-cover:not(.has-photo)>.cover-photo-progress,.settings-profile:not(.photo-expanded)>.cover-photo-progress{display:none}

.account-settings:not(:has(.settings-home[hidden]))>header{background:transparent;border-color:transparent;pointer-events:none}.account-settings>header button{pointer-events:auto}.settings-home .settings-profile:not(.photo-expanded){margin-top:-42px;padding-top:6px}.settings-home .settings-profile:not(.photo-expanded) .settings-photo-open .avatar{width:80px;height:80px;font-size:28px}

:root:not(.theme-light) #peer-profile,:root:not(.theme-light) .account-settings{--bg:#000;--line:#2b2b2e;background:#000}:root:not(.theme-light) #peer-profile .profile-details,:root:not(.theme-light) .account-settings .saved-accounts,:root:not(.theme-light) .account-settings .settings-menu,:root:not(.theme-light) .account-settings .settings-photo-edit{background:#1c1c1e}.account-settings .saved-accounts,.account-settings .settings-menu,#peer-profile .profile-details{border-radius:20px}.profile-detail{padding:13px 0}.profile-detail p,.profile-copy-value{font-size:16px}.profile-copy-value{display:block;background:none;color:var(--blue);padding:2px 0 0;text-align:left;max-width:100%;overflow-wrap:anywhere}.profile-details{display:flex;flex-direction:column}

.peer-cover.has-photo h2{font-weight:600}

.account-settings.photo-expanded.cover-scrolled>header{background:var(--bg);border-color:var(--line)}.account-settings.photo-expanded.cover-scrolled>header h2{opacity:1}

/* Conversation density and separate input controls follow the video reference. */
:root{--chat-paper:#090b0a;--chat-incoming:#252722;--chat-outgoing:linear-gradient(155deg,#7938e0,#5054ed);--chat-pattern:url('brand/chat-pattern.svg');--chat-meta:#d8cbff;--chat-link:#e8dcff}
:root[data-chat-accent=blue]{--chat-outgoing:linear-gradient(155deg,#226ac0,#2953b0);--chat-meta:#c2d9ff;--chat-link:#d9ecff}
:root[data-chat-accent=green]{--chat-outgoing:linear-gradient(155deg,#216342,#25583c);--chat-meta:#b9dcc5;--chat-link:#d2efdd}
:root[data-chat-wallpaper=plain]{--chat-pattern:none}
.chat{background-color:var(--chat-paper);background-image:var(--chat-pattern);background-size:360px 400px}
.messages{background:none;gap:5px;padding-top:9px;padding-bottom:8px;overscroll-behavior-y:contain}
.chat-head{min-height:62px;background:#1c1c20ed;border-color:#ffffff0b;padding:8px 14px;gap:9px}
.chat-head .avatar{border-radius:50%;width:38px;height:38px;font-size:15px;cursor:pointer}
.chat-heading h2{font-size:17px;font-weight:600;line-height:1.25}
.chat-heading p{margin:2px 0 0;font-size:11px;line-height:1.25}
.chat-head .icon{width:32px;height:36px;border-radius:50%;color:#d4d4d9}
.history-notice{padding:3px 10px;font-size:10px;line-height:1.4;background:#1b2022e8;color:#a0ada3}
.history-notice.ephemeral{padding:6px 10px;background:#34291fed;color:#e6bf91}
.bubble:not(.sticker-message):not(.video-note):not(.album-cell){display:flow-root;background:var(--chat-incoming);border-radius:15px 15px 15px 5px;padding:7px 10px;line-height:1.35;white-space:normal}
.bubble.mine:not(.sticker-message):not(.video-note):not(.album-cell):not(.checklist-service){background:var(--chat-outgoing);border-radius:15px 15px 5px 15px;color:#fff}
.bubble:not(.album-cell)>.message-text{display:inline;white-space:pre-wrap;overflow-wrap:anywhere}
.bubble:not(.album-cell)>.meta{display:inline-flex;float:right;clear:none;align-items:center;font-size:10px;line-height:15px;margin:5px 0 -2px 9px;color:#b7bbb2}
.bubble.mine:not(.album-cell)>.meta,.message-album.mine>.meta{color:var(--chat-meta)}
.bubble.mine a{color:var(--chat-link)}
.bubble:not(.mine) a{color:#9bceff}
.bubble .message-text>a{font-size:inherit}
.bubble.sticker-message>.meta,.bubble.video-note>.meta{float:none;display:flex;margin:2px 0 0;color:#d1d6cf;text-shadow:0 1px 3px #000}
.message-album{background:var(--chat-incoming)}.message-album.mine{background:var(--chat-outgoing)}
.album-caption{font-size:var(--message-font,17px);line-height:1.35}
.day-label{margin:7px 0;padding:3px 10px;background:#30342cbb;color:#d3d7cc;font-size:11px}
.message-pin{background:#242426f0;padding:6px 12px;border-bottom-color:#ffffff0c}
.message-pin>button:first-child{color:#dedee5;border-color:#a8a8b4}
.reply-preview{background:#25252aef;margin:4px 8px 0}
.composer{display:grid;grid-template-columns:42px minmax(0,1fr) 26px 42px;align-items:end;gap:4px;margin:5px 8px max(8px,env(safe-area-inset-bottom));padding:0;background:none;border:0;border-radius:0;box-shadow:none;min-height:42px}
.composer textarea{grid-column:2;grid-row:1;min-height:42px;max-height:140px;line-height:22px;padding:10px 36px 10px 13px;border-radius:23px;background:#232326;color:#f1f1f4;font-size:var(--message-font,17px);align-self:stretch}
.composer textarea::placeholder{color:#929296}
.composer .icon{height:42px;width:42px;border-radius:50%;color:#d2d2d7;background:#232326}
.composer #attach{grid-column:1;grid-row:1}.composer #emoji-open{grid-column:2;grid-row:1;justify-self:end;align-self:end;z-index:1;width:34px;background:none;font-size:23px;color:#a9a9b0}
.composer #recording-mode{grid-column:3;grid-row:1;width:26px;background:none}.composer #recording-mode .glyph{width:18px;height:18px}
.composer #voice-record,.composer .send{grid-column:4;grid-row:1;width:42px;height:42px;border-radius:50%}
.composer .send{display:none;background:var(--chat-outgoing);font-size:25px;color:#fff}
.composer.has-draft{grid-template-columns:42px minmax(0,1fr) 42px}
.composer.has-draft .send{display:block;grid-column:3}.composer.has-draft #recording-mode,.composer.has-draft #voice-record{display:none}
.theme-light{--chat-paper:#e9e9df;--chat-incoming:#fff;--chat-outgoing:linear-gradient(155deg,#ded4ff,#cecfff);--chat-meta:#685292;--chat-link:#4c3384}
.theme-light[data-chat-accent=blue]{--chat-outgoing:linear-gradient(155deg,#d2e9fc,#bddbf6);--chat-meta:#456680;--chat-link:#20578b}
.theme-light[data-chat-accent=green]{--chat-outgoing:linear-gradient(155deg,#d5efcf,#c3e3bd);--chat-meta:#486b40;--chat-link:#315d2b}
.theme-light .bubble.mine:not(.sticker-message):not(.video-note):not(.album-cell):not(.checklist-service){color:#22252d}
.theme-light .messages{background:transparent}
.theme-light .bubble.sticker-message,.theme-light .bubble.video-note{background:none;box-shadow:none}
.theme-light .message-album{background:var(--chat-incoming)}.theme-light .message-album.mine{background:var(--chat-outgoing)}
.theme-light .bubble a{color:#2265a5}.theme-light .bubble.mine a{color:var(--chat-link)}
.theme-light .bubble:not(.mine)>.meta{color:#7d8478}.theme-light .bubble.mine>.meta{color:var(--chat-meta)}
.theme-light .chat-head{background:#fafaf9ed}.theme-light .chat-head .icon{color:#5f6775}
.theme-light .history-notice{background:#f4f5eae8;color:#6c7864}.theme-light .history-notice.ephemeral{background:#fff0d5;color:#806032}
.theme-light .composer{background:none}.theme-light .composer textarea,.theme-light .composer .icon{background:#ffffffed;color:#5a6070}.theme-light .composer #emoji-open,.theme-light .composer #recording-mode{background:none}
.theme-light .message-pin,.theme-light .reply-preview{background:#fafafaed}.theme-light .message-pin>button:first-child{color:#545866}
.theme-light .day-label{background:#d3d7c8d9;color:#5a6355}.theme-light .bubble.sticker-message>.meta,.theme-light .bubble.video-note>.meta{color:#5b6557;text-shadow:none}
@media(max-width:700px){.chat-head{min-height:62px;padding:7px 8px;gap:7px}.chat-head .avatar{width:36px;height:36px}.chat-head .icon{width:30px}.chat-heading h2{font-size:16px}.messages{padding-left:8px;padding-right:8px}.bubble{max-width:85%}.chat-head #back{font-size:31px;width:27px}}
@media(min-width:701px){.conversation .chat-head{min-height:66px}.composer{margin-left:max(16px,calc((100% - 760px)/2));margin-right:max(16px,calc((100% - 760px)/2))}}

/* Call journal: compact rows, separate callback and information controls. */
.calls-toolbar{display:none;width:100%;align-items:center;justify-content:space-between;gap:9px}
.calls-mode .side-head>:not(.calls-toolbar){display:none}.calls-mode .calls-toolbar{display:flex}
.calls-mode .side-head{min-height:68px;padding:10px 14px;gap:0}.calls-mode .sidebar{background:#000}
.calls-toolbar>.text-button{padding:11px 9px;border:1px solid #ffffff14;border-radius:25px;color:var(--text);background:#1e1e20;font-size:15px;min-width:65px}
.calls-toolbar>.icon{width:42px;height:42px;border-radius:50%;background:#1e1e20;color:var(--blue)}
.calls-toolbar .call-tabs{margin:0;padding:3px;background:#1c1c1e;border:1px solid #ffffff14;min-width:0;flex:1;max-width:210px;height:42px}
.calls-toolbar .call-tabs button{font-size:13px;padding:6px 9px;white-space:nowrap;min-width:0}
.calls-toolbar .call-tabs button.active{background:#3b3b3e}
#calls-screen{padding:0 14px;scroll-padding-bottom:85px}.journal-new-call{display:flex;align-items:center;gap:12px;padding:13px 4px;background:none;color:var(--blue);font-size:17px;width:100%;text-align:left;border-bottom:1px solid var(--line)}
.journal-new-call>.glyph{width:25px;height:25px}.journal-heading{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.2px;color:var(--muted);margin:10px 0 3px}
.journal-row{display:flex;gap:6px;min-height:59px;padding:0;border:0;position:relative}
.journal-row::after{content:"";position:absolute;bottom:0;left:53px;right:0;height:1px;background:#ffffff0b}
.journal-call-open{display:flex;align-items:center;gap:11px;flex:1;min-width:0;align-self:stretch;text-align:left;background:none;color:var(--text);padding:7px 0}
.journal-call-open .avatar{width:42px;height:42px;font-size:18px;border-radius:50%}.journal-call-open .row-body{gap:0;align-self:auto}
.journal-call-open strong{font-size:16px;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.journal-call-open .help{display:flex;align-items:center;gap:4px;min-width:0;font-size:13px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
.journal-call-open .help .glyph{width:12px;height:12px;opacity:.8}
.journal-stamp{font-size:12px;color:var(--muted);white-space:nowrap;flex:none}.journal-info{width:28px;height:38px;padding:0;flex:none;background:none;color:var(--blue);font-size:24px;line-height:1}
.journal-row>input{width:20px;height:20px;margin:0 4px 0 0;flex:none;accent-color:var(--blue)}
.journal-edit-bar{position:sticky;bottom:0;z-index:2;background:var(--bg);display:flex;justify-content:space-between;align-items:center;gap:3px;padding:8px 0;flex-wrap:wrap}
.journal-edit-bar button{padding:8px 3px;font-size:12px}.journal-person{text-align:center;padding:20px 12px 10px}.journal-person .avatar{width:86px;height:86px;font-size:32px}.journal-person h2{font-size:22px;margin:12px 0 0}
#call-info-dialog .profile-actions button{font-size:11px}#call-info-delete{display:block;margin:12px auto 18px}
#call-person-search{display:flex;padding:12px;gap:4px;align-items:center}#call-person-search input{margin:0;height:40px;font-size:14px}#call-person-search button{padding:8px}
#new-call-dialog>.help{margin:0 14px 12px}#call-person-list{padding:0 14px 20px}.call-person-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:9px 0}
.call-person-row .avatar{width:44px;height:44px;font-size:18px}.call-person-row strong{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-person-row .icon{width:30px;color:var(--blue)}
.theme-light.calls-mode .sidebar,.theme-light .calls-mode .sidebar{background:var(--bg)}.theme-light .calls-toolbar>.text-button,.theme-light .calls-toolbar>.icon,.theme-light .calls-toolbar .call-tabs{background:#fff;border-color:var(--line)}
.theme-light .calls-toolbar .call-tabs button{color:var(--text)}.theme-light .calls-toolbar .call-tabs button.active{background:#dce6f3}.theme-light .journal-row::after{background:var(--line)}
@media(max-width:360px){.calls-mode .side-head{padding-left:10px;padding-right:10px}.calls-toolbar{gap:5px}.calls-toolbar .call-tabs button{padding:6px}.calls-toolbar>.text-button{min-width:57px;font-size:14px}#calls-screen{padding-left:10px;padding-right:10px}.journal-call-open{gap:9px}.journal-call-open strong{font-size:15px}}
.call-audio-face{display:none}.audio-only .call-audio-face{display:flex;justify-content:center;margin:28px 0 35px}.call-audio-face .avatar{width:148px;height:148px;font-size:52px;border-radius:50%}
.audio-only .video-stage{position:absolute;width:1px;height:1px;min-height:0;overflow:hidden;opacity:0;pointer-events:none;margin:0}
#call-play{display:block;margin:12px auto;font-size:15px}
.theme-light .journal-row.missed strong{color:#bd3645}

/* Hold-to-record keeps the captured pointer on the original record button. */
.chat{position:relative}.hold-recording-bar{position:absolute;bottom:max(8px,env(safe-area-inset-bottom));left:10px;right:73px;min-height:42px;border-radius:24px;background:#242427;display:flex;align-items:center;gap:8px;padding:8px 12px;color:#eeeef2;z-index:17;font-size:13px}
.hold-recording-bar time{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:15px}.hold-recording-hint{flex:1;min-width:0;color:#a6a6ae;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hold-recording-bar .text-button{font-size:13px;padding:4px 2px}.hold-recording-lock{position:absolute;right:4px;bottom:74px;padding:12px 11px 17px;border-radius:20px;color:#c1dfff;background:#252c3eda;font-size:25px;line-height:1}
.recording-held #composer{position:absolute;bottom:max(8px,env(safe-area-inset-bottom));right:8px;width:42px;min-height:42px;display:block;margin:0;z-index:18}
.recording-held #composer>:not(#voice-record):not(.hold-recording-lock){display:none}
.recording-held #voice-record{background:var(--blue);color:white;transform:scale(1.8);box-shadow:0 0 0 8px #419cff35;touch-action:none;user-select:none;-webkit-user-select:none}
.recording-held #recording-panel{display:none}.recording-held #voice-record .glyph{width:25px;height:25px}.recording-locked #voice-record{transform:none;box-shadow:none}
.recording-video-overlay body::after{content:"";position:fixed;inset:0;background:#0008;backdrop-filter:blur(4px);pointer-events:none;z-index:12}
#video-record-dialog.held-recording{position:fixed;top:14dvh;left:50%;transform:translateX(-50%);width:min(95vw,400px);max-width:95vw;max-height:none;padding:0;margin:0;border:0;box-shadow:none;background:transparent;z-index:16;pointer-events:none;overflow:visible}
#video-record-dialog.held-recording>header,#video-record-dialog.held-recording>p,#video-record-dialog.held-recording>.primary{display:none}
#video-record-dialog.held-recording video{width:100%;height:auto;aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 1px #ffffff30}
#video-record-preview.rear-camera{transform:none}
.video-record-tools{display:flex;justify-content:center;gap:14px;margin-top:16px}
.video-record-tools .icon{width:44px;height:44px;border-radius:50%;font-size:29px;color:#fff;background:#222b;box-shadow:0 0 0 1px #ffffff30;touch-action:manipulation}
.video-record-tools .icon[aria-pressed=true]{background:#f5d24a;color:#202020}
#video-record-dialog.held-recording .video-record-tools{justify-content:flex-start;padding-left:14px;pointer-events:auto}
#video-record-dialog.held-recording .video-record-tools button:disabled{opacity:.45}
.compose-dialog.full-page-dialog{width:440px;height:min(92dvh,850px);min-height:0;max-height:92dvh;background:#000;overflow:hidden;border-radius:24px}
.compose-dialog form{margin:0;padding:0;display:flex;flex-direction:column;height:100%;position:relative}
.compose-dialog .page-head{display:grid;grid-template-columns:68px minmax(0,1fr) 68px;min-height:72px;padding:12px 16px;gap:0;align-items:center;border-bottom:0;flex-shrink:0;background:inherit}
.compose-dialog .page-head strong{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.compose-dialog .page-head .icon{width:44px;height:44px;border-radius:50%;background:#1b1b1d;font-size:32px;justify-self:start}
.compose-dialog .page-head .text-button{font-size:15px;justify-self:end;color:var(--blue)}
#compose-contacts-step,#compose-info-step{flex:1;min-height:0;overflow-y:auto;padding-bottom:max(24px,env(safe-area-inset-bottom));scrollbar-width:none}
.compose-search{position:sticky;top:0;z-index:2;display:flex;align-items:center;margin:0 16px 10px;padding:0 12px;background:#191919;border-radius:24px;height:44px;gap:6px}
.compose-search:has(input:placeholder-shown:not(:focus)){justify-content:center}
.compose-search .glyph{width:17px;height:17px;color:var(--muted)}
.compose-search input{flex:1;margin:0;padding:9px 0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:16px;min-width:0}
.compose-search input:placeholder-shown:not(:focus){flex:none;width:72px}
.compose-action{display:flex;align-items:center;gap:16px;padding:14px 22px;width:100%;text-align:left;color:var(--blue);background:transparent;font-size:16px;min-height:57px;position:relative}
.compose-action::after{content:'';position:absolute;left:68px;right:0;bottom:0;border-bottom:1px solid #ffffff0a}
.compose-action:last-child::after{display:none}
.compose-searching #compose-actions{display:none}
.compose-action .glyph{width:23px;height:23px;flex-shrink:0}
.compose-caption{margin:12px 16px 5px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.compose-letter{background:transparent;padding:11px 16px 6px;font-size:12px;font-weight:500;color:var(--muted)}
.compose-person{display:flex;width:100%;align-items:center;gap:10px;min-height:54px;padding:6px 30px 6px 16px;text-align:left;background:transparent;color:var(--text)}
.compose-person .avatar,.compose-summary-person .avatar{width:42px;height:42px;font-size:18px;flex-shrink:0}
.compose-person .row-body{display:flex;flex:1;min-width:0;flex-direction:column;justify-content:center;gap:3px;line-height:1.15;align-self:stretch;border-bottom:1px solid #ffffff0a;padding-bottom:4px}
.compose-person strong{font-size:16px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.compose-person small{font-size:12px;color:var(--muted)}
.compose-person small.online{color:var(--blue)}
.compose-person:hover{background:#ffffff08}
.compose-check{width:23px;height:23px;border-radius:50%;border:1.5px solid var(--muted);flex-shrink:0;text-align:center;font-size:16px}
.compose-person[aria-pressed=true] .compose-check{background:var(--blue);border-color:var(--blue);color:white}
.compose-selected{display:flex;gap:8px;overflow-x:auto;padding:4px 14px 8px;scrollbar-width:none}
.compose-chip{display:flex;align-items:center;gap:5px;flex-shrink:0;padding:3px 8px 3px 3px;background:#248eff24;color:var(--blue);border-radius:22px;font-size:12px;max-width:170px}
.compose-chip .avatar{width:26px;height:26px;font-size:11px}
.compose-chip>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.compose-dialog .help{margin:8px 16px;font-size:12px}
.compose-dialog #contacts-status:empty,.compose-dialog #compose-error:empty{display:none}
.compose-dialog #compose-error{margin:10px 16px}
.compose-dialog #phone-contacts{margin:0 10px}
.compose-title-field{display:block;margin:20px 16px 14px;font-size:13px;color:var(--muted)}
.compose-title-field input{margin-top:8px;font-size:17px;padding:13px 12px;background:#2a2a2d;border:0;border-radius:12px;color:var(--text)}
.compose-summary{margin-top:24px}
.compose-summary-person{display:flex;align-items:center;gap:12px;min-height:58px;padding:7px 16px;font-size:16px}
.compose-index{position:absolute;top:310px;bottom:max(24px,env(safe-area-inset-bottom));right:1px;width:24px;display:flex;align-items:center;justify-content:center;z-index:4;touch-action:none;user-select:none;color:var(--blue);outline-offset:-2px}
.compose-selecting .compose-index{top:150px}
.profile-detail[data-detail=username]{position:relative;padding-right:48px}
.profile-detail .profile-qr-open{position:absolute;right:0;top:17px;width:40px;height:40px;color:var(--blue)}
.qr-contact-card{margin:24px auto 16px;width:min(86%,350px);padding:18px 14px;border-radius:24px;background:#fff;color:#1b1b1d;text-align:center}
.qr-contact-card #qr-avatar>.avatar{width:58px;height:58px;font-size:24px;display:flex;margin:0 auto}
.qr-contact-card h2{font-size:19px;margin:10px 0 12px;overflow-wrap:anywhere}
.qr-contact-card canvas{display:block;width:min(100%,290px);height:auto;aspect-ratio:1;margin:auto;image-rendering:pixelated;background:white}
.qr-contact-card p{margin:10px 0 0;font-size:16px;color:#236eb8;overflow-wrap:anywhere}
#qr-display>.help,#qr-scanner>.help{margin:12px 20px;text-align:center;font-size:13px}
.qr-actions{display:grid;gap:9px;margin:16px 20px}
.qr-actions button{margin:0;font-size:15px;padding:12px}
#qr-dialog{background:linear-gradient(160deg,#182749,#16131f 75%)}
#qr-dialog .page-head{background:#1c1c1e}
#qr-status{margin:14px 20px 24px;white-space:pre-wrap;font-size:14px}
.qr-camera-stage{position:relative;width:min(90%,400px);aspect-ratio:1;margin:20px auto;background:#111;border-radius:20px;overflow:hidden}
.qr-camera-stage video{width:100%;height:100%;object-fit:cover}
.qr-reticle{position:absolute;inset:17%;border:2px solid #58b9ff;border-radius:18px;box-shadow:0 0 0 100px #0005;pointer-events:none}
#qr-camera,#qr-image{display:block;width:calc(100% - 40px);margin:10px 20px;font-size:15px}
.theme-light #qr-dialog{background:linear-gradient(160deg,#d6e7fb,#eee3ff 75%)}
.theme-light #qr-dialog .page-head{background:var(--bg)}
.theme-light #qr-dialog .page-head .icon{background:#e8edf7;color:#176bbd}
.location-card{display:flex;flex-direction:column;gap:7px;min-width:220px;max-width:300px;padding:8px 4px;overflow-wrap:anywhere}
.location-pin{width:48px;height:48px;display:grid;place-items:center;background:#419cff22;color:var(--blue);border-radius:50%}
.location-pin .glyph{width:28px;height:28px}
.location-card strong{font-size:16px;font-weight:600}
.location-coordinates{font-size:13px;font-variant-numeric:tabular-nums;opacity:.8}
.location-map-link{font-size:14px;color:var(--blue);text-decoration:underline;padding:6px 0}
.bubble.mine .location-pin{background:#ffffff24;color:white}
.bubble.mine .location-map-link{color:white}
.location-message .message-text{display:none}
.location-chat{font-size:13px;color:var(--muted);margin:12px 18px;text-align:center}
.location-preview{margin:16px;min-height:150px;display:grid;place-items:center;text-align:center;padding:14px;border-radius:20px;background:#248eff10}
.location-preview .location-card{align-items:center;min-width:0;max-width:100%}
.location-label,.location-manual{display:block;margin:16px 20px;font-size:14px}
.location-label input,.location-manual input{margin-top:7px}
.location-manual summary{padding:10px 0;color:var(--blue);cursor:pointer}
.location-manual label{display:block;margin:12px 0}
.location-privacy,#location-status{margin:14px 20px;font-size:13px}
#location-current{display:block;width:calc(100% - 40px);margin:16px 20px;font-size:15px}
#location-dialog .page-head .text-button{font-size:14px}
#gallery-location{display:flex;align-items:center;justify-content:center;gap:5px}
#gallery-location .glyph{width:20px;height:20px;flex-shrink:0}
.compose-index-letters{display:flex;flex-direction:column;align-items:center;width:24px;pointer-events:none}
.compose-index-label{display:block;font-size:10px;font-weight:600;line-height:14px;height:14px}
.compose-index-label.active{color:#fff;text-shadow:0 0 5px var(--blue)}
.compose-index-bubble{position:absolute;right:34px;top:50%;width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#2b2b2ded;color:white;font-size:32px;box-shadow:0 0 0 1px #ffffff20;pointer-events:none;z-index:5}
.theme-light .compose-dialog.full-page-dialog{background:var(--bg)}
.theme-light .compose-search,.theme-light .compose-title-field input{background:#e8e8ed}
.theme-light .compose-dialog .page-head .icon{background:#e8e8ed}
.theme-light .compose-action::after,.theme-light .compose-person .row-body{border-bottom-color:var(--line)}
.theme-light .compose-index-label.active{color:#145eae;text-shadow:none}
.theme-light .compose-index-bubble{background:#dce9fb;color:#145eae}
.theme-light .compose-person:hover{background:#e6ebf4}
@media(max-width:700px){.compose-dialog.full-page-dialog{width:100%;max-width:none;height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);margin:12px 0 0;border-radius:24px 24px 0 0}}
.recording-locked .hold-recording-hint{display:none}.recording-locked .hold-recording-bar{gap:6px}
.theme-light .hold-recording-bar{background:#fff;color:#202127}.theme-light .hold-recording-hint{color:#777d89}
.theme-light .hold-recording-bar .text-button{color:#176bbd}.theme-light .hold-recording-bar .text-button.danger{color:#bd3645}
.energy-effects.recording-video-overlay body::after{backdrop-filter:none;-webkit-backdrop-filter:none}
@media(max-width:360px){.hold-recording-bar{gap:5px;padding-left:9px;padding-right:9px;font-size:12px}.hold-recording-bar .text-button{font-size:12px}.hold-recording-bar time{font-size:14px}}
.attachment-sheet.full-page-dialog{width:min(520px,calc(100% - 12px));height:min(66dvh,720px);max-height:calc(100dvh - 48px);min-height:270px;margin:auto auto 6px;border-radius:28px;overflow:hidden;padding:0;background:var(--bg);box-shadow:0 12px 50px #0006}
.attachment-sheet[open]{display:flex;flex-direction:column}
.attachment-sheet.expanded{height:calc(100dvh - 48px);max-height:calc(100dvh - 48px)}
.attachment-sheet::backdrop{background:#0004;backdrop-filter:none;-webkit-backdrop-filter:none}
.gallery-grip{display:flex;justify-content:center;align-items:center;height:15px;min-height:15px;touch-action:none;background:transparent;padding:0;color:var(--muted);width:100%;cursor:ns-resize}
.gallery-grip span{width:34px;height:4px;border-radius:4px;background:#65656988}
.gallery-head{margin:0;height:52px;min-height:52px;display:grid;grid-template-columns:50px minmax(0,1fr) 50px;align-items:center;padding:0 10px 7px;gap:5px}
.gallery-head .icon{width:40px;height:40px;border-radius:50%;background:#36363977;font-size:30px;line-height:1;color:var(--text)}
#gallery-title{display:flex;justify-content:center;align-items:center;gap:7px;min-width:0;background:none;color:var(--text);font-size:17px;font-weight:600;padding:8px 3px}
#gallery-title span{color:var(--muted);font-size:21px}
.gallery-menu{position:absolute;z-index:8;top:62px;left:50%;transform:translateX(-50%);padding:5px;min-width:235px;max-width:calc(100% - 20px);border-radius:16px;background:var(--panel);box-shadow:0 8px 30px #0008;border:1px solid var(--line)}
.gallery-menu button{display:block;width:100%;padding:13px;text-align:left;background:transparent;font-size:14px;color:var(--text);border-radius:10px}
.gallery-menu button:hover{background:#6d6d771f}
.gallery-body{overflow:auto;overscroll-behavior:contain;flex:1;min-height:0;padding-bottom:100px;scrollbar-width:none}
.attachment-sheet .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:0}
.attachment-sheet .gallery-tile{border-radius:0;background:#343438;aspect-ratio:1;display:grid;place-items:center;min-width:0}
.attachment-sheet .gallery-tile>img,.attachment-sheet .gallery-tile>video{position:absolute;inset:0;transition:transform .12s}
.attachment-sheet .gallery-tile.chosen>img,.attachment-sheet .gallery-tile.chosen>video{transform:scale(.93)}
.attachment-sheet .gallery-tile.chosen::after{content:"";position:absolute;inset:0;border:3px solid var(--blue);pointer-events:none}
.attachment-sheet .gallery-number{z-index:1;right:7px;top:7px;width:25px;height:25px;border-width:2px;background:#1114;font-size:13px}
.attachment-sheet .gallery-tile.chosen .gallery-number{background:var(--blue);border-color:var(--blue)}
.gallery-duration{position:absolute;right:7px;bottom:7px;font-size:12px;color:#fff;text-shadow:0 1px 3px #000;background:#0003;border-radius:4px;padding:1px 3px;pointer-events:none}
.gallery-duration:empty{display:none}
.attachment-sheet #gallery-help{margin:8px 18px 12px;font-size:13px;line-height:1.5}
.attachment-sheet #gallery-status{margin:8px 18px;font-size:13px;overflow-wrap:anywhere}
#gallery-permission{display:block;margin:10px auto 18px;font-size:14px;padding:11px 16px;max-width:calc(100% - 28px)}
#gallery-more{display:block;margin:12px auto;font-size:14px;padding:10px 18px}
.attachment-sheet .gallery-sources{position:absolute;bottom:max(10px,env(safe-area-inset-bottom));left:12px;right:12px;display:flex;justify-content:space-around;align-items:stretch;gap:2px;margin:0;padding:6px 9px;background:#29292bdf;border:1px solid #ffffff18;border-radius:34px;backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%);box-shadow:0 4px 15px #0004}
.attachment-sheet .gallery-source,.attachment-sheet #gallery-location{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1;min-width:0;max-width:110px;height:58px;padding:4px 2px;border-radius:27px;background:none;font-size:11px;font-weight:500;color:var(--text);white-space:nowrap}
.attachment-sheet .gallery-source.active{background:#74747633;color:var(--blue)}
.attachment-sheet .gallery-source-icon{display:flex}.attachment-sheet .gallery-source .glyph,.attachment-sheet #gallery-location .glyph{width:26px;height:26px}
.attachment-sheet .gallery-footer{position:absolute;bottom:94px;right:12px;left:12px;z-index:3;padding:7px 9px 7px 15px;background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:0 4px 15px #0003;font-size:12px}
.attachment-sheet .gallery-footer .primary{border-radius:22px;padding:10px 14px;font-size:13px}
.attachment-sheet.has-selection .gallery-body{padding-bottom:155px}
.theme-light .attachment-sheet .gallery-tile{background:#dbe2ed}
.theme-light .attachment-sheet .gallery-sources{background:#fafafae0;border-color:#a6adb747}
.theme-light .gallery-head .icon{background:#dddddf77}
.energy-effects .attachment-sheet .gallery-sources{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--panel)}
.energy-effects .attachment-sheet .gallery-tile>img,.energy-effects .attachment-sheet .gallery-tile>video{transition:none}

.gallery-body::-webkit-scrollbar{display:none}
.checklist-card{min-width:230px;max-width:360px;padding:4px 0 7px;overflow-wrap:anywhere}
.checklist-heading{display:flex;align-items:flex-start;gap:8px;margin-bottom:6px}
.checklist-heading>.glyph{width:21px;height:21px;opacity:.85}
.checklist-heading strong{font-size:17px;font-weight:650;line-height:1.3;white-space:pre-wrap}
.checklist-progress{display:block;font-size:12px;opacity:.7;margin:0 0 9px 29px}
.checklist-meter{height:3px;margin:0 0 7px;border-radius:3px;overflow:hidden;background:#ffffff18}
.checklist-meter>span{display:block;height:100%;background:var(--blue)}
.checklist-task{display:flex;align-items:flex-start;gap:10px;width:100%;padding:9px 0;text-align:left;background:none;color:inherit;font-size:15px;line-height:1.4;border-radius:0}
.checklist-task:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:5px}
.checklist-check{display:grid;place-items:center;flex-shrink:0;width:22px;height:22px;border:2px solid #99a2ad;border-radius:7px;font-size:15px;line-height:1;font-weight:650}
.checklist-task.completed .checklist-check{color:#fff;background:var(--blue);border-color:var(--blue)}
.checklist-task.completed .checklist-task-text{opacity:.62;text-decoration:line-through}
.checklist-task[aria-busy="true"] .checklist-check{border-style:dotted;opacity:.65}
.checklist-task[aria-disabled="true"]{cursor:default}
.checklist-task-text{white-space:pre-wrap;min-width:0;overflow-wrap:anywhere}
.checklist-add{display:block;background:none;color:var(--blue);font-size:14px;padding:10px 0 2px;text-align:left}
.checklist-card>.help{display:block;font-size:11px;margin-top:7px;line-height:1.4}
.checklist-sync{font-size:12px;line-height:1.4;margin:8px 0 0;opacity:.85}
.bubble.mine .checklist-meter{background:#ffffff25}.bubble.mine .checklist-meter>span{background:#fff}
.bubble.mine .checklist-check{border-color:#ffffffb0}.bubble.mine .checklist-task.completed .checklist-check{background:#fff;color:var(--blue);border-color:#fff}
.bubble.mine .checklist-add,.bubble.mine .checklist-card>.help{color:#fff}
.bubble.checklist-service{align-self:center;max-width:min(88%,430px);background:#292b32cc;padding:7px 11px;text-align:center;border-radius:14px;box-shadow:none;color:var(--muted)}
.checklist-change{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 8px;font-size:12px;line-height:1.45}
.checklist-change>.text-button{padding:0;font-size:12px}
.checklist-change>.error{width:100%;font-size:11px}
.checklist-service>.meta{display:block;text-align:center;font-size:10px;margin-top:3px;opacity:.6}
.checklist-service .message-reactions{justify-content:center}
.theme-light .checklist-meter{background:#3f7caa1f}
.theme-light .bubble.checklist-service{background:#e9edf4e6;color:#68717d}
.checklist-title-label{display:block;margin:18px 20px;font-size:14px;font-weight:600}
.checklist-title-label input{display:block;margin-top:9px;width:100%;font-size:17px;padding:13px}
#checklist-editor-help{margin:10px 20px 14px;font-size:13px;line-height:1.5}
#checklist-rows{margin:0 16px}
.checklist-edit-row{display:flex;gap:9px;align-items:center;margin-bottom:7px;min-width:0}
.checklist-edit-row input[type="checkbox"]{flex:none;width:21px;height:21px;margin:0}
.checklist-edit-row input[type="text"]{min-width:0;flex:1;padding:12px 10px;font-size:15px}
.checklist-edit-row .icon{flex:none;width:30px;height:32px;font-size:24px}
#checklist-add-row{margin:2px 0 10px 18px;font-size:15px;padding:9px 0}
#checklist-row-count{float:right;margin:14px 22px;font-size:12px}
#checklist-permissions{margin:15px 20px;border:0;padding:0}
#checklist-permissions legend{font-size:13px;color:var(--muted);margin-bottom:5px}
#checklist-permissions .switch-row{padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}
#checklist-error{margin:12px 20px;font-size:13px;line-height:1.5}
#checklist-dialog .page-head .text-button{font-size:14px}
@media(max-width:360px){.checklist-card{min-width:205px}.checklist-task{font-size:14px}.checklist-heading strong{font-size:16px}}

.theme-light .bubble.mine .checklist-add,.theme-light .bubble.mine .checklist-card>.help{color:var(--chat-link)}
.theme-light .bubble.mine .checklist-meter{background:#3f7caa1f}.theme-light .bubble.mine .checklist-meter>span{background:var(--blue)}

.gallery-menu{max-height:calc(100% - 160px);overflow-y:auto;overscroll-behavior:contain}
#gallery-albums:not(:empty){border-top:1px solid var(--line);margin-top:3px;padding-top:3px}
.gallery-menu .gallery-album{display:flex;align-items:center;gap:14px;justify-content:space-between}
.gallery-album>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gallery-album-count{color:var(--muted);font-size:12px;flex:none}
.gallery-album[aria-pressed=true]{background:#409cff1a;color:var(--blue)}
#gallery-album-status{font-size:12px;line-height:1.4;margin:7px 12px;max-width:270px}
#gallery-album-status:empty{display:none}

/* Embedded maps: no tile requests until the map is explicitly opened. */
.embedded-map{--map-height:156px;position:relative;width:260px;max-width:100%;overflow:hidden;border-radius:13px;background:#ffffff0a;text-align:left}
.map-canvas{width:100%;height:var(--map-height);min-width:0;background:#dfe6e9;color:#283443;z-index:0;font-family:inherit}
.map-load{position:absolute;inset:0 0 auto;width:100%;height:var(--map-height);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:#2887c614;color:var(--blue);font-size:15px;border-radius:0}
.map-load .glyph{width:30px;height:30px}.map-load:disabled{opacity:.6}
.map-notice{display:block;margin:6px 8px;font-size:10px;line-height:1.4;color:var(--muted);white-space:normal}
.map-notice a{color:inherit!important;text-decoration:underline}
.map-status{margin:6px 8px;font-size:12px;line-height:1.4;color:var(--muted)}.map-status:empty{display:none}
.map-retry{margin:2px 8px 7px;font-size:12px;padding:4px 0}
.map-expand{position:absolute;right:8px;top:8px;border:1px solid #ffffff88;border-radius:14px;background:#fffef1;color:#245c8c;padding:6px 9px;font-size:11px;z-index:900;box-shadow:0 1px 4px #0003}
.map-point-pin>span{display:grid;place-items:center;width:30px;height:38px;filter:drop-shadow(0 2px 2px #0005);color:#e74c4c}
.map-point-pin .glyph{width:29px;height:35px;fill:#fff;stroke-width:2.5}
.embedded-map .leaflet-control-attribution{font-size:10px;line-height:1.35;max-width:100%;color:#33444b;background:#ffffffed}
.embedded-map .leaflet-control-attribution a{color:#1c5e91!important;text-decoration:underline}
.embedded-map .leaflet-control-zoom a{color:#25323a!important;background:#fff;font-weight:500;font-size:22px;text-decoration:none}
.location-card{min-width:0;width:268px;max-width:100%;padding:4px 0}
.bubble.mine .location-card>.embedded-map{background:#ffffff18}.bubble.mine .map-notice,.bubble.mine .map-status{color:var(--chat-meta)}
.location-preview{display:block;padding:0;min-height:0;text-align:left;background:none;margin:12px 16px}
.location-preview .embedded-map{--map-height:clamp(210px,35dvh,300px);width:100%;border:1px solid var(--line);border-radius:18px}
.map-pick-hint{font-size:12px;margin:9px 2px 6px;color:var(--muted)}
.location-preview>.location-coordinates{font-size:13px;margin:6px 2px}
#map-viewer-body{margin:12px 12px 0}#map-viewer-body .embedded-map{--map-height:clamp(230px,58dvh,620px);width:100%;border-radius:18px}
#map-viewer-caption{margin:16px 20px;overflow-wrap:anywhere}#map-viewer-caption .location-coordinates{margin:9px 0}
#map-viewer .page-head .text-button{font-size:14px}
.theme-light .embedded-map{background:#edf1f7}.theme-light .bubble.mine .map-notice,.theme-light .bubble.mine .map-status{color:var(--chat-meta)}
.theme-light .bubble.mine .location-map-link{color:var(--chat-link)}
@media(max-width:360px){.location-card{width:246px}.embedded-map{width:238px}.map-expand{font-size:10px}}

.map-polar{font-size:11px;line-height:1.4;margin:6px 8px;color:var(--muted)}

/* Voice speed remains compact beside the waveform. */
.voice-speed{flex:none;min-width:34px;height:28px;padding:0 4px;border:1px solid #a6cbed80;border-radius:10px;background:#ffffff12;color:inherit;font-size:11px;font-weight:650;white-space:nowrap}
.voice-speed:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

.voice-player.voice-native-fallback{display:grid;grid-template-columns:minmax(0,1fr) auto}.voice-native-fallback audio{width:100%;min-width:0}

/* Recording is a floating circle in both themes, including locked recording. */
#video-record-dialog.video-record-dialog{background:transparent;border:0;box-shadow:none;overflow:visible;color:#fff}
#video-record-dialog:not(.held-recording)>header,#video-record-dialog:not(.held-recording)>p{text-shadow:0 1px 5px #000;background:#0007;border-radius:24px;padding:8px 12px}
#video-record-dialog>header .text-button{color:#fff}
#video-record-dialog video{box-shadow:0 0 0 1px #ffffff30,0 12px 48px #0005}
#video-record-dialog .primary{border-radius:24px}
.gif-sources{display:flex;gap:6px;padding:0 8px 6px}.gif-sources[hidden]{display:none}.gif-sources button{padding:5px 12px;border-radius:16px;font-size:12px;background:transparent;color:var(--muted);border:0}.gif-sources button.active{background:var(--blue);color:white}
.klipy-brand,.gif-more{grid-column:1/-1;text-align:center;font-size:11px;padding:5px;color:var(--muted)}.klipy-brand{order:-2}.expression-grid>[role=status]{grid-column:1/-1;order:-1;margin:0}.expression-grid>[role=status]:empty{display:none}
.gif-card{position:relative;max-width:260px;min-width:90px;overflow:hidden;border-radius:12px}.gif-card img{display:block;width:100%;height:auto;max-height:320px;object-fit:contain}.gif-attribution{display:block;font-size:10px;line-height:1.3;padding:4px 6px;overflow-wrap:anywhere;color:var(--muted)}.gif-open{display:block;border:0;padding:0;width:100%;background:transparent;color:inherit}.gif-open:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.gif-unavailable{min-height:54px;background:#ffffff0c}
#gif-dialog{width:min(420px,calc(100vw - 24px));height:auto;max-height:90dvh;padding:12px;margin:0 auto;inset:50% 0 auto;transform:translateY(-50%);border-radius:24px;background:var(--bg);color:var(--text)}#gif-preview .gif-card{max-width:100%;margin:auto}#gif-preview img{max-height:60dvh;width:auto;max-width:100%;margin:auto}#gif-dialog .page-head{margin-bottom:12px;display:flex;align-items:center;gap:8px}#gif-error:empty{display:none}.mine .gif-attribution{color:#ffffffc4}