@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-Bold.woff2) format("woff2");font-weight:700;font-display:swap}:root{--brand-charcoal: #231f20;--brand-gold: #c89d5e;--paper: #eceae6;--surface: #ffffff;--surface-2: #f6f4f1;--ink: #231f20;--ink-2: #605a58;--ink-3: #948d89;--line: #ddd8d2;--line-strong: #bdb5ad;--accent: #8a6027;--accent-ink: #ffffff;--accent-soft: #f2ebe0;--seal: #9a2e22;--danger: #9a2e22;--online: #3f7d55;--bubble-in: #ffffff;--bubble-out: #f2e6d0;--bubble-out-grad: linear-gradient(150deg, #f8efdd 0%, #f1e4cb 48%, #e9d6b2 100%);--bubble-shadow: 0 1px 2px rgba(35, 31, 32, .07);--glass: rgba(255, 255, 255, .62);--glass-line: rgba(35, 31, 32, .1);--shamse: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22480%22%20height%3D%22480%22%20viewBox%3D%220%200%20480%20480%22%3E%3Cpath%20d%3D%22M240.0%2010.0%20L278.2%2047.8%20L328.0%2027.5%20L348.9%2077.0%20L402.6%2077.4%20L403.0%20131.1%20L452.5%20152.0%20L432.2%20201.8%20L470.0%20240.0%20L432.2%20278.2%20L452.5%20328.0%20L403.0%20348.9%20L402.6%20402.6%20L348.9%20403.0%20L328.0%20452.5%20L278.2%20432.2%20L240.0%20470.0%20L201.8%20432.2%20L152.0%20452.5%20L131.1%20403.0%20L77.4%20402.6%20L77.0%20348.9%20L27.5%20328.0%20L47.8%20278.2%20L10.0%20240.0%20L47.8%20201.8%20L27.5%20152.0%20L77.0%20131.1%20L77.4%2077.4%20L131.1%2077.0%20L152.0%2027.5%20L201.8%2047.8%20Z%22%20fill%3D%22none%22%20stroke%3D%22%238a6027%22%20stroke-opacity%3D%220.05%22%20stroke-width%3D%221%22/%3E%3Cpath%20d%3D%22M278.2%2047.8%20L300.5%2094.0%20L348.9%2077.0%20L351.7%20128.3%20L403.0%20131.1%20L386.0%20179.5%20L432.2%20201.8%20L398.0%20240.0%20L432.2%20278.2%20L386.0%20300.5%20L403.0%20348.9%20L351.7%20351.7%20L348.9%20403.0%20L300.5%20386.0%20L278.2%20432.2%20L240.0%20398.0%20L201.8%20432.2%20L179.5%20386.0%20L131.1%20403.0%20L128.3%20351.7%20L77.0%20348.9%20L94.0%20300.5%20L47.8%20278.2%20L82.0%20240.0%20L47.8%20201.8%20L94.0%20179.5%20L77.0%20131.1%20L128.3%20128.3%20L131.1%2077.0%20L179.5%2094.0%20L201.8%2047.8%20L240.0%2082.0%20Z%22%20fill%3D%22none%22%20stroke%3D%22%238a6027%22%20stroke-opacity%3D%220.07%22%20stroke-width%3D%221%22/%3E%3Cpath%20d%3D%22M240.0%2082.0%20L271.6%20122.2%20L319.0%20103.2%20L326.3%20153.7%20L376.8%20161.0%20L357.8%20208.4%20L398.0%20240.0%20L357.8%20271.6%20L376.8%20319.0%20L326.3%20326.3%20L319.0%20376.8%20L271.6%20357.8%20L240.0%20398.0%20L208.4%20357.8%20L161.0%20376.8%20L153.7%20326.3%20L103.2%20319.0%20L122.2%20271.6%20L82.0%20240.0%20L122.2%20208.4%20L103.2%20161.0%20L153.7%20153.7%20L161.0%20103.2%20L208.4%20122.2%20Z%22%20fill%3D%22none%22%20stroke%3D%22%238a6027%22%20stroke-opacity%3D%220.09%22%20stroke-width%3D%221%22/%3E%3Cpath%20d%3D%22M271.6%20122.2%20L286.0%20160.3%20L326.3%20153.7%20L319.7%20194.0%20L357.8%20208.4%20L332.0%20240.0%20L357.8%20271.6%20L319.7%20286.0%20L326.3%20326.3%20L286.0%20319.7%20L271.6%20357.8%20L240.0%20332.0%20L208.4%20357.8%20L194.0%20319.7%20L153.7%20326.3%20L160.3%20286.0%20L122.2%20271.6%20L148.0%20240.0%20L122.2%20208.4%20L160.3%20194.0%20L153.7%20153.7%20L194.0%20160.3%20L208.4%20122.2%20L240.0%20148.0%20Z%22%20fill%3D%22none%22%20stroke%3D%22%238a6027%22%20stroke-opacity%3D%220.11%22%20stroke-width%3D%221%22/%3E%3Cpath%20d%3D%22M240.0%20148.0%20L264.5%20180.9%20L305.1%20174.9%20L299.1%20215.5%20L332.0%20240.0%20L299.1%20264.5%20L305.1%20305.1%20L264.5%20299.1%20L240.0%20332.0%20L215.5%20299.1%20L174.9%20305.1%20L180.9%20264.5%20L148.0%20240.0%20L180.9%20215.5%20L174.9%20174.9%20L215.5%20180.9%20Z%22%20fill%3D%22none%22%20stroke%3D%22%238a6027%22%20stroke-opacity%3D%220.13%22%20stroke-width%3D%221%22/%3E%3Cpath%20d%3D%22M264.5%20180.9%20L268.3%20211.7%20L299.1%20215.5%20L280.0%20240.0%20L299.1%20264.5%20L268.3%20268.3%20L264.5%20299.1%20L240.0%20280.0%20L215.5%20299.1%20L211.7%20268.3%20L180.9%20264.5%20L200.0%20240.0%20L180.9%20215.5%20L211.7%20211.7%20L215.5%20180.9%20L240.0%20200.0%20Z%22%20fill%3D%22none%22%20stroke%3D%22%238a6027%22%20stroke-opacity%3D%220.16%22%20stroke-width%3D%221%22/%3E%3Ccircle%20cx%3D%22240%22%20cy%3D%22240%22%20r%3D%2222%22%20fill%3D%22none%22%20stroke%3D%22%238a6027%22%20stroke-opacity%3D%220.2%22%20stroke-width%3D%221%22/%3E%3Ccircle%20cx%3D%22240%22%20cy%3D%22240%22%20r%3D%223%22%20fill%3D%22%238a6027%22%20fill-opacity%3D%220.25%22/%3E%3C/svg%3E);--r-sm: 3px;--r-md: 6px;--r-lg: 9px;--r-bubble: 15px;--r-bubble-tight: 5px;--sidebar-w: 340px;--band-h: 52px;font-family:Vazirmatn,Segoe UI,Tahoma,system-ui,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased}:root[data-theme=dark]{--brand-charcoal: #231f20;--brand-gold: #c89d5e;--paper: #151213;--surface: #1f1b1c;--surface-2: #292425;--ink: #ece8e4;--ink-2: #a8a09b;--ink-3: #7a736f;--line: #322d2c;--line-strong: #46403e;--accent: #c89d5e;--accent-ink: #231f20;--accent-soft: #322a20;--seal: #c55f4a;--danger: #c55f4a;--online: #57b878;--bubble-in: #2b2626;--bubble-out: #453520;--bubble-out-grad: linear-gradient(150deg, #5a4623 0%, #453520 52%, #382c1c 100%);--bubble-shadow: 0 1px 2px rgba(0, 0, 0, .28);--glass: rgba(41, 36, 37, .66);--glass-line: rgba(200, 157, 94, .14);--shamse: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22480%22%20height%3D%22480%22%20viewBox%3D%220%200%20480%20480%22%3E%3Cpath%20d%3D%22M240.0%2010.0%20L278.2%2047.8%20L328.0%2027.5%20L348.9%2077.0%20L402.6%2077.4%20L403.0%20131.1%20L452.5%20152.0%20L432.2%20201.8%20L470.0%20240.0%20L432.2%20278.2%20L452.5%20328.0%20L403.0%20348.9%20L402.6%20402.6%20L348.9%20403.0%20L328.0%20452.5%20L278.2%20432.2%20L240.0%20470.0%20L201.8%20432.2%20L152.0%20452.5%20L131.1%20403.0%20L77.4%20402.6%20L77.0%20348.9%20L27.5%20328.0%20L47.8%20278.2%20L10.0%20240.0%20L47.8%20201.8%20L27.5%20152.0%20L77.0%20131.1%20L77.4%2077.4%20L131.1%2077.0%20L152.0%2027.5%20L201.8%2047.8%20Z%22%20fill%3D%22none%22%20stroke%3D%22%23c89d5e%22%20stroke-opacity%3D%220.05%22%20stroke-width%3D%221%22/%3E%3Cpath%20d%3D%22M278.2%2047.8%20L300.5%2094.0%20L348.9%2077.0%20L351.7%20128.3%20L403.0%20131.1%20L386.0%20179.5%20L432.2%20201.8%20L398.0%20240.0%20L432.2%20278.2%20L386.0%20300.5%20L403.0%20348.9%20L351.7%20351.7%20L348.9%20403.0%20L300.5%20386.0%20L278.2%20432.2%20L240.0%20398.0%20L201.8%20432.2%20L179.5%20386.0%20L131.1%20403.0%20L128.3%20351.7%20L77.0%20348.9%20L94.0%20300.5%20L47.8%20278.2%20L82.0%20240.0%20L47.8%20201.8%20L94.0%20179.5%20L77.0%20131.1%20L128.3%20128.3%20L131.1%2077.0%20L179.5%2094.0%20L201.8%2047.8%20L240.0%2082.0%20Z%22%20fill%3D%22none%22%20stroke%3D%22%23c89d5e%22%20stroke-opacity%3D%220.07%22%20stroke-width%3D%221%22/%3E%3Cpath%20d%3D%22M240.0%2082.0%20L271.6%20122.2%20L319.0%20103.2%20L326.3%20153.7%20L376.8%20161.0%20L357.8%20208.4%20L398.0%20240.0%20L357.8%20271.6%20L376.8%20319.0%20L326.3%20326.3%20L319.0%20376.8%20L271.6%20357.8%20L240.0%20398.0%20L208.4%20357.8%20L161.0%20376.8%20L153.7%20326.3%20L103.2%20319.0%20L122.2%20271.6%20L82.0%20240.0%20L122.2%20208.4%20L103.2%20161.0%20L153.7%20153.7%20L161.0%20103.2%20L208.4%20122.2%20Z%22%20fill%3D%22none%22%20stroke%3D%22%23c89d5e%22%20stroke-opacity%3D%220.09%22%20stroke-width%3D%221%22/%3E%3Cpath%20d%3D%22M271.6%20122.2%20L286.0%20160.3%20L326.3%20153.7%20L319.7%20194.0%20L357.8%20208.4%20L332.0%20240.0%20L357.8%20271.6%20L319.7%20286.0%20L326.3%20326.3%20L286.0%20319.7%20L271.6%20357.8%20L240.0%20332.0%20L208.4%20357.8%20L194.0%20319.7%20L153.7%20326.3%20L160.3%20286.0%20L122.2%20271.6%20L148.0%20240.0%20L122.2%20208.4%20L160.3%20194.0%20L153.7%20153.7%20L194.0%20160.3%20L208.4%20122.2%20L240.0%20148.0%20Z%22%20fill%3D%22none%22%20stroke%3D%22%23c89d5e%22%20stroke-opacity%3D%220.11%22%20stroke-width%3D%221%22/%3E%3Cpath%20d%3D%22M240.0%20148.0%20L264.5%20180.9%20L305.1%20174.9%20L299.1%20215.5%20L332.0%20240.0%20L299.1%20264.5%20L305.1%20305.1%20L264.5%20299.1%20L240.0%20332.0%20L215.5%20299.1%20L174.9%20305.1%20L180.9%20264.5%20L148.0%20240.0%20L180.9%20215.5%20L174.9%20174.9%20L215.5%20180.9%20Z%22%20fill%3D%22none%22%20stroke%3D%22%23c89d5e%22%20stroke-opacity%3D%220.13%22%20stroke-width%3D%221%22/%3E%3Cpath%20d%3D%22M264.5%20180.9%20L268.3%20211.7%20L299.1%20215.5%20L280.0%20240.0%20L299.1%20264.5%20L268.3%20268.3%20L264.5%20299.1%20L240.0%20280.0%20L215.5%20299.1%20L211.7%20268.3%20L180.9%20264.5%20L200.0%20240.0%20L180.9%20215.5%20L211.7%20211.7%20L215.5%20180.9%20L240.0%20200.0%20Z%22%20fill%3D%22none%22%20stroke%3D%22%23c89d5e%22%20stroke-opacity%3D%220.16%22%20stroke-width%3D%221%22/%3E%3Ccircle%20cx%3D%22240%22%20cy%3D%22240%22%20r%3D%2222%22%20fill%3D%22none%22%20stroke%3D%22%23c89d5e%22%20stroke-opacity%3D%220.2%22%20stroke-width%3D%221%22/%3E%3Ccircle%20cx%3D%22240%22%20cy%3D%22240%22%20r%3D%223%22%20fill%3D%22%23c89d5e%22%20fill-opacity%3D%220.25%22/%3E%3C/svg%3E)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-size:14px;line-height:1.55}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.tnum{font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:var(--line-strong);border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--brand-gold) 55%,var(--ink-3))}.shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);grid-template-rows:100%;height:100%;overflow:hidden}.sidebar{grid-column:1;grid-row:1;display:flex;flex-direction:column;background:var(--surface);border-inline-end:1px solid var(--line-strong);min-height:0}.sidebar-head{background:var(--surface);border-bottom:1px solid var(--line);position:relative}.sidebar-head:after,.chat-head:after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--brand-gold) 28% 72%,transparent);opacity:.6;pointer-events:none}.brand{height:var(--band-h);display:flex;align-items:center;gap:10px;padding:0 14px}.brand-mark{width:30px;height:30px;border-radius:var(--r-sm);background:var(--ink);color:var(--surface);display:grid;place-items:center;font-weight:700;font-size:15px;flex-shrink:0}.brand-name{font-weight:700;font-size:15px;flex:1;min-width:0}.gold-foil{background:linear-gradient(100deg,var(--accent) 0%,var(--brand-gold) 30%,#edd9ab 46%,var(--brand-gold) 62%,var(--accent) 100%);background-size:220% 100%;background-position:0% 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:foil-sheen 2.2s ease .35s 1 both}@keyframes foil-sheen{0%{background-position:200% 0}to{background-position:0% 0}}.icon-btn{width:30px;height:30px;border-radius:var(--r-sm);display:grid;place-items:center;color:var(--ink-2);flex-shrink:0}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.search-wrap{padding:10px 14px 8px}.search{width:100%;padding:7px 11px;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--surface-2);font-size:13.5px}.search::placeholder{color:var(--ink-3)}.search:focus{outline:none;border-color:var(--accent);background:var(--surface)}.conv-list{flex:1;overflow-y:auto;min-height:0}.section-label{padding:14px 14px 5px;font-size:11.5px;font-weight:700;color:var(--ink-3)}.conv{width:100%;display:flex;gap:10px;align-items:center;padding:9px 14px;text-align:start;position:relative;border-inline-start:3px solid transparent}.conv:after{content:"";position:absolute;inset-inline:60px 14px;bottom:0;height:1px;background:var(--line)}.conv:last-child:after{display:none}.conv:hover{background:var(--surface-2)}.conv.active{background:linear-gradient(to left,var(--accent-soft),transparent 88%);border-inline-start-color:var(--accent)}.conv.unread{border-inline-start-color:var(--brand-gold)}.conv-body{flex:1;min-width:0}.conv-top{display:flex;align-items:baseline;gap:8px}.conv-name{font-weight:500;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.conv.unread .conv-name{font-weight:700}.conv-time{font-size:11px;color:var(--ink-3);flex-shrink:0}.conv-preview{font-size:12.5px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{min-width:19px;height:19px;padding:0 6px;border-radius:10px;background:linear-gradient(155deg,#d8b176,var(--brand-gold) 60%,#b3894e);color:var(--brand-charcoal);box-shadow:0 1px 5px color-mix(in srgb,var(--brand-gold) 40%,transparent);font-size:11px;font-weight:700;display:grid;place-items:center;flex-shrink:0}.badge.muted{background:var(--ink-3);color:var(--surface)}.avatar{width:36px;height:36px;--cusp: 5px;display:grid;place-items:center;font-weight:700;font-size:13px;color:#fff;flex-shrink:0;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden;-webkit-mask:radial-gradient(circle var(--cusp) at 0 0,#0000 97%,#000) 0 0 / 51% 51% no-repeat,radial-gradient(circle var(--cusp) at 100% 0,#0000 97%,#000) 100% 0 / 51% 51% no-repeat,radial-gradient(circle var(--cusp) at 0 100%,#0000 97%,#000) 0 100% / 51% 51% no-repeat,radial-gradient(circle var(--cusp) at 100% 100%,#0000 97%,#000) 100% 100% / 51% 51% no-repeat;mask:radial-gradient(circle var(--cusp) at 0 0,#0000 97%,#000) 0 0 / 51% 51% no-repeat,radial-gradient(circle var(--cusp) at 100% 0,#0000 97%,#000) 100% 0 / 51% 51% no-repeat,radial-gradient(circle var(--cusp) at 0 100%,#0000 97%,#000) 0 100% / 51% 51% no-repeat,radial-gradient(circle var(--cusp) at 100% 100%,#0000 97%,#000) 100% 100% / 51% 51% no-repeat}.avatar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-gold) 30%,transparent);pointer-events:none}.avatar.sm{width:26px;height:26px;font-size:10.5px;--cusp: 3.5px}.avatar.lg{width:60px;height:60px;font-size:22px;--cusp: 8px}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-wrap{position:relative;display:inline-flex;flex-shrink:0}.presence{position:absolute;inset-block-end:-2px;inset-inline-end:-2px;width:10px;height:10px;border-radius:50%;background:var(--online);box-shadow:0 0 0 2px var(--surface);z-index:1}.me-row{display:flex;align-items:center;gap:10px;padding:9px 14px;border-top:1px solid var(--line-strong);background:var(--surface)}.me-name{font-size:13px;font-weight:500;flex:1;min-width:0}.me-role{font-size:11px;color:var(--ink-3)}.chat{grid-column:2;grid-row:1;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--paper)}.chat-head{height:var(--band-h);display:flex;align-items:center;gap:10px;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--line);position:relative;flex-shrink:0}.chat-title{font-weight:700;font-size:14.5px}.chat-sub{font-size:11.5px;color:var(--ink-2)}.msg-scroll{flex:1;overflow-y:auto;min-height:0;padding:16px 18px 10px;display:flex;flex-direction:column;gap:2px}.day-sep{align-self:stretch;display:flex;align-items:center;gap:12px;margin:16px 0 10px;font-size:11px;color:var(--ink-2)}.day-sep:before,.day-sep:after{content:"";flex:1;height:1px}.day-sep:before{background:linear-gradient(to right,transparent,var(--line-strong))}.day-sep:after{background:linear-gradient(to left,transparent,var(--line-strong))}.day-sep span{padding:1px 13px;border:1px solid color-mix(in srgb,var(--brand-gold) 40%,transparent);border-radius:999px;background:var(--surface)}.day-sep span:before{content:"✦  "}.day-sep span:after{content:"  ✦"}.day-sep span:before,.day-sep span:after{color:var(--brand-gold);font-size:8px;vertical-align:1px}.unread-line{display:flex;align-items:center;gap:10px;margin:16px 0 8px;color:var(--accent);font-size:11px;font-weight:700}.unread-line:before,.unread-line:after{content:"";height:2px;background:var(--brand-gold)}.unread-line:before{flex:0 0 20px}.unread-line:after{flex:1}.row{display:flex;gap:8px;align-items:flex-end}.row.out{flex-direction:row-reverse}.row.grouped{margin-top:2px}.row.first{margin-top:12px}@keyframes msg-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.msg-scroll>div:last-child .row{animation:msg-in .15s ease-out both}.bubble{max-width:min(640px,72%);padding:8px 13px 6px;border-radius:var(--r-bubble);background:var(--bubble-in);border:1px solid var(--line);box-shadow:var(--bubble-shadow);position:relative;word-break:break-word}@supports (backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px)){.row:not(.out) .bubble:not(.media):not(.sticker){background:var(--glass);border-color:var(--glass-line);-webkit-backdrop-filter:blur(9px) saturate(1.15);backdrop-filter:blur(9px) saturate(1.15)}}.row.out .bubble{background:var(--bubble-out-grad, var(--bubble-out));border-color:color-mix(in srgb,var(--brand-gold) 28%,transparent);box-shadow:var(--bubble-shadow),inset 0 1px #ffffff12}.row.first .bubble{border-start-start-radius:var(--r-bubble-tight)}.row.out.first .bubble{border-start-start-radius:var(--r-bubble);border-start-end-radius:var(--r-bubble-tight)}.sender,button.sender{padding:0;background:none;border:none;font:inherit;font-size:11.5px;font-weight:700;color:var(--accent);margin-bottom:2px;text-align:start;display:block}.bubble-text{white-space:pre-wrap}.meta{display:flex;align-items:center;gap:5px;justify-content:flex-end;font-size:10px;color:var(--ink-3);margin-top:2px}.edited{font-style:italic}.deleted{color:var(--ink-3);font-style:italic}.reply-quote{border-inline-start:2px solid var(--accent);padding:2px 8px;margin-bottom:4px;background:var(--accent-soft);border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:12.5px;color:var(--ink-2)}.reply-quote strong{color:var(--accent);display:block;font-size:11px}.row.out .reply-quote{background:#00000024;border-inline-start-color:color-mix(in srgb,var(--brand-gold) 65%,#fff)}.row.out .reply-quote strong{color:color-mix(in srgb,var(--brand-gold) 65%,#fff)}.reactions{display:flex;gap:4px;margin-top:5px;flex-wrap:wrap}.reactions.picker{animation:picker-in .13s ease-out both;transform-origin:top center}@keyframes picker-in{0%{opacity:0;transform:translateY(-3px) scale(.96)}to{opacity:1;transform:none}}.reaction{padding:1px 7px;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--surface);font-size:12px;line-height:1.5}.reaction.mine{border-color:var(--accent);background:var(--accent-soft)}.msg-actions{display:flex;gap:1px;align-self:center;opacity:0;transition:opacity .1s}.row:hover .msg-actions,.row:focus-within .msg-actions{opacity:1}.msg-actions button{width:25px;height:25px;border-radius:var(--r-sm);display:grid;place-items:center;color:var(--ink-3)}.msg-actions button:hover{background:var(--surface-2);color:var(--ink)}.file-chip{display:flex;align-items:center;gap:9px;padding:6px 2px;min-width:190px}.file-icon{width:32px;height:32px;border-radius:var(--r-sm);background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex-shrink:0}.file-name{font-size:13px;font-weight:500}.file-size{font-size:11px;color:var(--ink-3)}.bubble.media{padding:3px;overflow:hidden;max-width:min(340px,76%)}.bubble.media .msg-image{display:block;width:100%;height:auto;border-radius:var(--r-md)}.row.first .bubble.media{border-start-start-radius:var(--r-bubble-tight)}.row.out.first .bubble.media{border-start-start-radius:var(--r-bubble);border-start-end-radius:var(--r-bubble-tight)}.bubble.media .msg-image{border-radius:calc(var(--r-bubble) - 3px)}.bubble.media .meta{position:absolute;inset-block-end:8px;inset-inline-end:9px;padding:1px 6px;border-radius:var(--r-sm);background:#0c12199e;color:#fff;margin:0}.bubble.media .sender{padding:4px 7px 2px;margin:0}.bubble.media .reply-quote{margin:4px 5px}.msg-image{max-width:320px;border-radius:var(--r-md);display:block}.system-msg{align-self:center;font-size:11.5px;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);padding:2px 12px;border-radius:var(--r-sm);margin:10px 0}.composer-wrap{flex-shrink:0;background:var(--surface);border-top:1px solid var(--line);position:relative;padding:9px 16px;padding-bottom:max(9px,env(safe-area-inset-bottom))}.composer-wrap:before{content:"";position:absolute;inset-inline:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--brand-gold) 28% 72%,transparent);opacity:.6;pointer-events:none}.reply-bar{display:flex;align-items:center;gap:8px;padding:5px 9px;margin-bottom:7px;background:var(--surface-2);border-inline-start:2px solid var(--accent);border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:12.5px;color:var(--ink-2)}.composer{display:flex;align-items:flex-end;gap:8px}.composer textarea{flex:1;resize:none;border:1px solid var(--line-strong);border-radius:20px;background:var(--surface-2);padding:9px 16px;max-height:160px;min-height:40px;font-size:14px;line-height:1.5;transition:border-color .12s,box-shadow .12s}.composer textarea:focus{outline:none;border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-gold) 16%,transparent)}.send-btn{width:40px;height:40px;border-radius:50%;background:linear-gradient(155deg,#d4ac6e,var(--brand-gold) 55%,#b3894e);color:var(--brand-charcoal);display:grid;place-items:center;flex-shrink:0;transition:transform .08s,filter .12s;box-shadow:0 2px 10px color-mix(in srgb,var(--brand-gold) 30%,transparent)}.send-btn:not(:disabled):hover{filter:brightness(1.06)}.send-btn:disabled{opacity:.35;cursor:default}.send-btn:not(:disabled):active{transform:scale(.94)}.typing{font-size:11.5px;color:var(--accent);height:16px;padding-inline-start:2px}.typing:not(:empty):after{content:"…";animation:typing-breathe 1.1s ease-in-out infinite}@keyframes typing-breathe{0%,to{opacity:.25}50%{opacity:1}}.recorder{display:flex;align-items:center;gap:10px;padding:3px 2px}.rec-dot{width:9px;height:9px;border-radius:50%;background:var(--seal);animation:pulse 1.2s ease-in-out infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.voice{display:flex;align-items:center;gap:10px;padding:3px 0 2px;min-width:210px}.voice-play{width:36px;height:36px;border-radius:50%;background:linear-gradient(155deg,#d4ac6e,var(--brand-gold) 55%,#b3894e);color:var(--brand-charcoal);display:grid;place-items:center;flex-shrink:0;transition:transform .08s,filter .12s;box-shadow:0 2px 10px color-mix(in srgb,var(--brand-gold) 30%,transparent)}.voice-play:not(:disabled):hover{filter:brightness(1.06)}.voice-play:active{transform:scale(.94)}.voice-play:disabled{opacity:.5;cursor:default}.voice-wave{flex:1;display:flex;align-items:center;gap:2px;height:30px;cursor:pointer;direction:ltr}.voice-wave i{flex:1;min-width:2px;border-radius:2px;background:var(--line-strong);transition:background .12s}.voice-wave i.played{background:var(--brand-gold)}.voice-time{font-size:11px;color:var(--ink-2);flex-shrink:0}.auth{height:100%;display:grid;place-items:center;padding:24px;background-color:var(--paper);background-image:var(--shamse);background-repeat:no-repeat;background-position:center;background-size:640px 640px}.auth-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--line-strong);border-top:3px solid var(--brand-gold);border-radius:var(--r-md);padding:26px 26px 24px;box-shadow:0 14px 44px color-mix(in srgb,var(--brand-charcoal) 22%,transparent)}.auth-title{font-size:19px;font-weight:700;margin:0 0 3px}.auth-hint{color:var(--ink-2);font-size:13px;margin:0 0 20px}.field{margin-bottom:13px}.field label{display:block;font-size:12.5px;font-weight:500;color:var(--ink-2);margin-bottom:4px}.field input{width:100%;padding:9px 12px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface-2);font-size:14.5px}.field input:focus{outline:none;border-color:var(--accent);background:var(--surface)}.btn{width:100%;padding:10px;border-radius:var(--r-md);background:linear-gradient(155deg,#d4ac6e,var(--brand-gold) 55%,#b3894e);color:var(--brand-charcoal);font-weight:700;font-size:14px;transition:filter .12s}.btn:not(:disabled):not(.ghost):hover{filter:brightness(1.05)}.btn:disabled{opacity:.45;cursor:default}.btn.ghost{background:transparent;color:var(--ink-2);border:1px solid var(--line-strong);font-weight:500}.btn.ghost:hover{background:var(--surface-2);color:var(--ink)}.btn.sm{width:auto;padding:6px 13px;font-size:13px}.error{background:var(--surface-2);color:var(--danger);border:1px solid var(--danger);border-inline-start-width:3px;padding:8px 11px;border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:13px;margin-bottom:13px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f1680;display:grid;place-items:center;padding:20px;z-index:50}.modal{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-sm);width:100%;max-width:480px;max-height:84vh;display:flex;flex-direction:column;overflow:hidden}.modal.wide{max-width:780px}.modal-head{padding:13px 18px;border-bottom:2px solid var(--ink);display:flex;align-items:center;gap:10px}.modal-title{font-weight:700;font-size:15px;flex:1}.modal-body{padding:16px 18px;overflow-y:auto}.modal-foot{padding:11px 18px;border-top:1px solid var(--line);display:flex;gap:8px;justify-content:flex-start}.pick{display:flex;align-items:center;gap:10px;padding:7px 9px;width:100%;text-align:start;border-bottom:1px solid var(--line)}.pick:hover{background:var(--surface-2)}.pick.on{background:var(--accent-soft)}.pick-name{flex:1;font-size:13.5px}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:start;font-size:11.5px;font-weight:700;color:var(--ink-3);padding:0 9px 7px;border-bottom:2px solid var(--ink)}.table td{padding:8px 9px;border-bottom:1px solid var(--line)}.tag{display:inline-block;padding:1px 7px;border-radius:var(--r-sm);font-size:11px;font-weight:500;background:var(--surface-2);border:1px solid var(--line-strong);color:var(--ink-2)}.tag.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.tag.off{color:var(--danger);border-color:var(--danger)}.secret{background:var(--surface-2);border:1px solid var(--ink);border-inline-start-width:3px;border-radius:0 var(--r-sm) var(--r-sm) 0;padding:12px;margin-bottom:13px}.secret code{font-size:19px;font-weight:700;color:var(--ink);display:block;margin-top:5px;direction:ltr;font-variant-numeric:tabular-nums}.info-row{display:flex;align-items:center;gap:12px;padding:10px 2px;border-top:1px solid var(--line);color:var(--ink-3)}.info-row>div{flex:1;min-width:0;color:var(--ink);font-size:13.5px}.info-label{font-size:11px;font-weight:700;color:var(--ink-3);margin-bottom:1px}.empty{height:100%;display:grid;place-items:center;text-align:center;color:var(--ink-2);padding:40px;background-image:var(--shamse);background-repeat:no-repeat;background-position:center}.empty-mark{width:64px;height:64px;background:var(--brand-charcoal);color:var(--brand-gold);display:grid;place-items:center;margin:0 auto 14px;--cusp: 8px;-webkit-mask:radial-gradient(circle var(--cusp) at 0 0,#0000 97%,#000) 0 0 / 51% 51% no-repeat,radial-gradient(circle var(--cusp) at 100% 0,#0000 97%,#000) 100% 0 / 51% 51% no-repeat,radial-gradient(circle var(--cusp) at 0 100%,#0000 97%,#000) 0 100% / 51% 51% no-repeat,radial-gradient(circle var(--cusp) at 100% 100%,#0000 97%,#000) 100% 100% / 51% 51% no-repeat;mask:radial-gradient(circle var(--cusp) at 0 0,#0000 97%,#000) 0 0 / 51% 51% no-repeat,radial-gradient(circle var(--cusp) at 100% 0,#0000 97%,#000) 100% 0 / 51% 51% no-repeat,radial-gradient(circle var(--cusp) at 0 100%,#0000 97%,#000) 0 100% / 51% 51% no-repeat,radial-gradient(circle var(--cusp) at 100% 100%,#0000 97%,#000) 100% 100% / 51% 51% no-repeat}.back-btn{display:none}@media(max-width:820px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar,.chat{grid-column:1;grid-row:1}.sidebar{border:none}.shell[data-pane=chat] .sidebar,.shell[data-pane=list] .chat{display:none}.back-btn{display:grid}.bubble{max-width:84%}.msg-scroll{padding:12px 12px 6px}.composer-wrap{padding-inline:12px}}.brand-mark{width:30px;height:30px;border-radius:var(--r-sm);background:var(--brand-charcoal);object-fit:contain;padding:5px;flex-shrink:0}.auth-brand{text-align:center;margin-bottom:22px}.auth-logo{width:76px;height:76px;border-radius:var(--r-sm);background:var(--brand-charcoal);padding:6px;object-fit:contain;display:block;margin:0 auto 12px}.auth-brand .auth-hint{margin:0}.mode-row{display:flex;gap:8px}.mode-opt{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px;border:1px solid var(--line-strong);border-radius:var(--r-sm);color:var(--ink-2);font-size:13px}.mode-opt:hover{background:var(--surface-2)}.mode-opt.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:700}.wp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:9px}.wp{display:block;text-align:center;padding:0}.wp-swatch{display:block;height:62px;border:1px solid var(--line-strong);border-radius:var(--r-sm);margin-bottom:5px}.wp.on .wp-swatch{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.wp-label{font-size:11.5px;color:var(--ink-2)}.wp.on .wp-label{color:var(--accent);font-weight:700}.offline-bar{position:fixed;inset-block-start:0;inset-inline:0;z-index:100;background:var(--seal);color:#fff;text-align:center;font-size:12px;font-weight:500;padding:4px}.invite-code{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--ink);border-inline-start-width:3px;border-radius:0 var(--r-sm) var(--r-sm) 0;padding:10px 12px}.invite-code code{flex:1;font-size:24px;font-weight:700;direction:ltr;text-align:center;font-variant-numeric:tabular-nums;color:var(--ink)}.bubble.sticker,.row.out .bubble.sticker{background:none;border:none;box-shadow:none;padding:0 2px}.bubble.sticker .meta{color:var(--ink-3)}.sticker-msg{font-size:54px;line-height:1.15}.sticker-panel{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface-2);overflow:hidden}.sticker-tabs{display:flex;align-items:center;gap:2px;padding:5px 6px;border-bottom:1px solid var(--line);background:var(--surface)}.sticker-tab{padding:4px 11px;border-radius:var(--r-sm);font-size:12.5px;color:var(--ink-2)}.sticker-tab:hover{background:var(--surface-2)}.sticker-tab.on{background:var(--accent-soft);color:var(--accent);font-weight:700}.sticker-tabs .icon-btn{margin-inline-start:auto}.sticker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:2px;padding:6px;max-height:190px;overflow-y:auto}.sticker-opt{font-size:30px;line-height:1;padding:8px 0;border-radius:var(--r-sm)}.sticker-opt:hover{background:var(--accent-soft)}.chip-row{display:flex;gap:6px;padding:0 14px 9px;flex-wrap:wrap}.chip{font-size:11.5px;padding:3px 12px;border-radius:999px;border:1px solid var(--line-strong);color:var(--ink-2);background:var(--surface-2);transition:border-color .1s,color .1s}.chip:hover{color:var(--ink)}.chip.on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}mark.hl{background:color-mix(in srgb,var(--brand-gold) 28%,transparent);color:inherit;border-radius:3px;padding:0 1px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.search-note{padding:16px 14px;text-align:center;color:var(--ink-3);font-size:12.5px}.chat{position:relative}.jump-fab{position:absolute;inset-inline-end:16px;bottom:86px;width:40px;height:40px;border-radius:50%;background:var(--surface);border:1px solid color-mix(in srgb,var(--brand-gold) 45%,transparent);color:var(--accent);display:grid;place-items:center;box-shadow:0 3px 12px #00000038;z-index:4;animation:picker-in .13s ease-out both}.jump-fab:hover{background:var(--accent-soft)}.bubble.found{animation:anchor-flash 1.7s ease-out .25s both}@keyframes anchor-flash{0%{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-gold) 75%,transparent),0 0 22px color-mix(in srgb,var(--brand-gold) 45%,transparent)}to{box-shadow:var(--bubble-shadow)}}