@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font:"Bricolage Grotesque Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--text:15px;--leading:1.5;--sun:#ffc933;--sun-ink:#8a5f00;--sun-tint:#fff0bf;--sun-tint-2:#ffe7a0;--on-sun:#17202b;--bg:#eef1f5;--surface:#fff;--surface-2:#f5f7f9;--surface-sunk:#e4e8ee;--fg:#17202b;--fg-2:#46505d;--fg-3:#5e6773;--border:#dde2e9;--border-strong:#c5ccd6;--ring:#a87700;--link:#1d5fd1;--danger:#c43d2e;--danger-soft:#fdeceb;--on-danger:#fff;--success:#2e7d32;--alert-bg:#fff6dd;--alert-border:#f0d68a;--mine-bg:var(--sun-tint);--mine-fg:#17202b;--mine-muted:#5b5340;--theirs-bg:#fff;--code-bg:#17202b0f;--r-s:6px;--r-m:10px;--r-l:16px;--r-bubble:18px;--bubble-max:640px;--measure:68ch;--shadow-1:0 1px 2px #141c280f, 0 1px 1px #141c280a;--shadow-2:0 8px 28px #141c2824, 0 2px 6px #141c2814;--shadow-3:0 18px 48px #141c2838;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--dur-1:.12s;--dur-2:.18s;--dur-3:.24s;--av-0:#2e7d32;--av-1:#6f52b5;--av-2:#b8502f;--av-3:#2e62c9;--av-4:#8a6b12;--av-5:#b23a6e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sun-ink:#ffc933;--sun-tint:#3a3118;--sun-tint-2:#4a3e1c;--bg:#0f1318;--surface:#171c23;--surface-2:#1e242c;--surface-sunk:#0b0e12;--fg:#e8ecf1;--fg-2:#b8c0ca;--fg-3:#8f98a4;--border:#2a313b;--border-strong:#3a424e;--ring:#ffc933;--link:#8fb4ff;--danger:#ff8a7a;--danger-soft:#3a1d1a;--on-danger:#17202b;--alert-bg:#2f2814;--alert-border:#5c4a1a;--mine-fg:#f3ead2;--mine-muted:#c7bb98;--theirs-bg:#1e252e;--code-bg:#ffffff14;--shadow-1:0 1px 2px #0006;--shadow-2:0 10px 30px #00000080, 0 2px 6px #00000059;--shadow-3:0 18px 48px #0009}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sun-ink:#ffc933;--sun-tint:#3a3118;--sun-tint-2:#4a3e1c;--bg:#0f1318;--surface:#171c23;--surface-2:#1e242c;--surface-sunk:#0b0e12;--fg:#e8ecf1;--fg-2:#b8c0ca;--fg-3:#8f98a4;--border:#2a313b;--border-strong:#3a424e;--ring:#ffc933;--link:#8fb4ff;--danger:#ff8a7a;--danger-soft:#3a1d1a;--on-danger:#17202b;--alert-bg:#2f2814;--alert-border:#5c4a1a;--mine-fg:#f3ead2;--mine-muted:#c7bb98;--theirs-bg:#1e252e;--code-bg:#ffffff14;--shadow-1:0 1px 2px #0006;--shadow-2:0 10px 30px #00000080, 0 2px 6px #00000059;--shadow-3:0 18px 48px #0009}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);font-size:var(--text);line-height:var(--leading);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-optical-sizing:auto}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}::selection{background:var(--sun);color:var(--on-sun)}textarea,input{caret-color:var(--fg)}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}a{color:var(--link);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}h1,h2,h3{text-wrap:balance}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.muted{color:var(--fg-3)}.small{font-size:12.5px}.error{color:var(--danger)}.spacer{flex:1}.rel{position:relative}:root[data-resizing],:root[data-resizing] *{-webkit-user-select:none;user-select:none;cursor:col-resize!important}.btn{border-radius:var(--r-m);border:1px solid var(--border-strong);background:var(--surface);height:36px;color:var(--fg);transition:background-color var(--dur-1) ease, transform var(--dur-1) var(--ease-out);justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:650;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn.primary{background:var(--sun);border-color:var(--sun);color:var(--on-sun)}.btn.primary:hover{background:#ffd24d}.btn:active,.icon-btn:active,.send-btn:active,.chan:active{transform:scale(.97)}.btn:disabled,.btn:disabled:hover{opacity:.45;cursor:default;transform:none}.link{color:var(--link);background:0 0;border:0;align-items:center;gap:3px;padding:0;font-weight:650;display:inline-flex}.icon-btn{border-radius:var(--r-s);width:32px;height:32px;color:var(--fg-3);transition:background-color var(--dur-1) ease, color var(--dur-1) ease, transform var(--dur-1) var(--ease-out);background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.icon-btn:hover{background:var(--surface-2);color:var(--fg)}.icon-btn.danger:hover{color:var(--danger);background:var(--danger-soft)}.loop-mark-bead{fill:var(--sun)}.boot{place-items:center;height:100%;display:grid}.boot .loop-mark{animation:.9s linear infinite loop-spin}@keyframes loop-spin{to{transform:rotate(360deg)}}.login{background:var(--bg);place-items:center;min-height:100%;padding:24px 16px;display:grid}.login-card{background:var(--surface);width:min(380px,100%);box-shadow:var(--shadow-2);text-align:center;border-radius:24px;padding:44px 32px 30px}.login-card .loop-mark{color:var(--fg)}.login-card h1{letter-spacing:-.03em;margin:12px 0 30px;font-size:40px;font-weight:750;line-height:1}.login-card .btn{border-radius:14px;width:100%;height:48px;font-size:15.5px}.login-note{color:var(--fg-3);margin:14px 0 0;font-size:13.5px}.login-error{border-radius:var(--r-m);background:var(--danger-soft);color:var(--danger);text-align:left;margin:18px 0 0;padding:10px 12px;font-size:13.5px}.app{--side-col:var(--sidebar-w);grid-template-columns:var(--side-col) minmax(0, 1fr);height:100dvh;display:grid;position:relative}.app[data-sidebar=collapsed],.app[data-viewport=medium]{--side-col:var(--rail-w)}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.side-head{align-items:center;gap:8px;min-height:60px;padding:12px 10px 8px 18px;display:flex}.side-head .loop-mark{color:var(--fg);flex:none}.brand{letter-spacing:-.02em;font-size:21px;font-weight:750}.dot{background:var(--fg-3);width:8px;height:8px;transition:background-color var(--dur-3) ease;border-radius:50%;flex:none}.dot.live{background:#34b36b}.dot.connecting{background:#e2a400}.dot.offline{background:var(--danger)}.side-toggle{margin-left:auto}.side-nav{flex:1;padding:4px 10px 12px;overflow:hidden auto}.side-nav ul{margin:0 0 14px;padding:0;list-style:none}.section-title{min-height:30px;color:var(--fg-3);justify-content:space-between;align-items:center;padding:4px 4px 2px 10px;font-size:13px;font-weight:650;display:flex}.section-title .icon-btn{width:26px;height:26px}.chan{border-radius:var(--r-m);width:100%;min-height:36px;color:var(--fg-2);text-align:left;transition:background-color var(--dur-1) ease, color var(--dur-1) ease, transform var(--dur-1) var(--ease-out);background:0 0;border:0;align-items:center;gap:8px;margin:1px 0;padding:6px 10px;font-size:15px;display:flex;position:relative}.chan:hover{background:var(--surface-2);color:var(--fg)}.chan-hash{color:var(--fg-3);flex:none}.chan-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.chan.unread{color:var(--fg);font-weight:750}.chan.active{background:var(--sun-tint);color:var(--fg);font-weight:650}.chan.active:hover{background:var(--sun-tint-2)}.chan.active .chan-hash{color:var(--sun-ink)}.chan-initials{display:none}.badge{background:var(--sun);min-width:22px;height:20px;color:var(--on-sun);text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;padding:0 7px;font-size:12px;font-weight:750;line-height:20px}.create{border-radius:var(--r-m);border:1px solid var(--ring);background:var(--surface);height:36px;color:var(--fg-3);align-items:center;gap:6px;margin:2px 0 6px;padding:0 10px;display:flex}.create input{min-width:0;color:var(--fg);background:0 0;border:0;outline:none;flex:1}.create-err{margin:0 8px 8px}.side-foot{border-top:1px solid var(--border);align-items:center;gap:10px;padding:12px 10px 12px 14px;display:flex}.side-foot .me{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:650;overflow:hidden}.side-resize{z-index:5;cursor:col-resize;touch-action:none;width:8px;position:absolute;top:0;bottom:0;right:-4px}.side-resize:after{content:"";background:var(--sun);opacity:0;width:2px;transition:opacity var(--dur-1) ease;position:absolute;top:0;bottom:0;left:3px}.side-resize:hover:after,.side-resize:focus-visible:after,:root[data-resizing] .side-resize:after{opacity:1}.side-resize:focus-visible{outline:none}.sidebar[data-collapsed] .side-head{flex-direction:column;gap:10px;padding:16px 0 6px}.sidebar[data-collapsed] .side-toggle{margin:0}.sidebar[data-collapsed] .brand,.sidebar[data-collapsed] .section-title>span,.sidebar[data-collapsed] .chan-name,.sidebar[data-collapsed] .me{display:none}.sidebar[data-collapsed] .dot{position:absolute;top:18px;right:12px}.sidebar[data-collapsed] .side-nav{padding:4px 8px 12px}.sidebar[data-collapsed] .section-title{justify-content:center;padding:4px 0}.sidebar[data-collapsed] .chan{justify-content:center;width:44px;height:44px;margin:4px auto;padding:0}.sidebar[data-collapsed] .chan-initials{letter-spacing:.02em;font-size:14px;font-weight:750;display:block}.sidebar[data-collapsed] .badge{min-width:18px;height:18px;box-shadow:0 0 0 2px var(--surface);padding:0 5px;font-size:11px;line-height:18px;position:absolute;top:-3px;right:-5px}.sidebar[data-collapsed] .side-foot{flex-direction:column;padding:12px 0}.app[data-viewport=medium][data-sidebar=expanded] .sidebar{z-index:70;width:var(--sidebar-w);box-shadow:var(--shadow-3);animation:drawer-in var(--dur-3) var(--ease-drawer);position:absolute;top:0;bottom:0;left:0}@keyframes drawer-in{0%{opacity:.6;transform:translate(-24px)}}.side-scrim{z-index:65;background:#080c1252;position:absolute;inset:0}.avatar{object-fit:cover;background:var(--av-0);color:#fff;letter-spacing:.01em;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;font-weight:650;display:inline-grid}.avatar-36{width:36px;height:36px;font-size:13.5px}.avatar-28{width:28px;height:28px;font-size:11px}.avatar-20{width:20px;height:20px;font-size:8.5px}.avatar[data-color="1"]{background:var(--av-1)}.avatar[data-color="2"]{background:var(--av-2)}.avatar[data-color="3"]{background:var(--av-3)}.avatar[data-color="4"]{background:var(--av-4)}.avatar[data-color="5"]{background:var(--av-5)}.main{background:var(--bg);flex-direction:column;grid-column:2;min-width:0;min-height:0;display:flex;position:relative}.chan-head{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);z-index:20;align-items:center;gap:8px;min-height:60px;padding:10px 24px;display:flex;position:relative}.chan-head h2{letter-spacing:-.01em;align-items:center;gap:2px;margin:0;font-size:18px;font-weight:750;display:flex}.chan-head h2 .head-icon{margin-right:6px}.chan-head-hash{color:var(--sun-ink)}.back-btn{color:var(--fg);margin-left:-8px;display:none;position:relative}.back-badge{background:var(--sun);min-width:18px;height:18px;color:var(--on-sun);border-radius:999px;padding:0 5px;font-size:11px;font-weight:750;line-height:18px;position:absolute;top:-2px;right:-10px}.messages{overflow-anchor:none;flex:1;padding:8px 24px 16px;overflow-y:auto}.day{justify-content:center;margin:18px 0 8px;display:flex}.day span{background:var(--surface);color:var(--fg-2);box-shadow:var(--shadow-1);border-radius:999px;padding:3px 12px;font-size:12.5px;font-weight:650}.divider{color:var(--sun-ink);align-items:center;gap:10px;margin:14px 0 6px;font-size:12.5px;font-weight:750;display:flex}.divider:before,.divider:after{content:"";opacity:.6;background:currentColor;flex:1;height:1px}.start{flex-direction:column;align-items:flex-start;gap:6px;padding:28px 4px 10px;display:flex}.start h3{letter-spacing:-.01em;margin:4px 0 0;font-size:20px}.start p{max-width:52ch;color:var(--fg-2);margin:0}.start-icon{background:var(--sun-tint);width:44px;height:44px;color:var(--sun-ink);border-radius:14px;place-items:center;display:grid}.start.empty{text-align:center;align-items:center;margin-top:12vh}.start.empty .start-icon{border-radius:18px;width:56px;height:56px}.loading-older{text-align:center;color:var(--fg-3);padding:10px;font-size:13px}.skeleton{padding-top:18px}.skeleton-row{gap:12px;margin:16px 0;display:flex}.skeleton-avatar,.skeleton-lines span{background:var(--surface-sunk);animation:1.2s ease-in-out infinite alternate pulse}.skeleton-avatar{border-radius:50%;width:36px;height:36px}.skeleton-lines{flex-direction:column;flex:1;gap:8px;display:flex}.skeleton-lines span{border-radius:6px;width:30%;height:12px}.skeleton-lines span+span{width:60%}@keyframes pulse{0%{opacity:.55}to{opacity:1}}.join-bar{border-top:1px solid var(--border);background:var(--surface);color:var(--fg-2);justify-content:center;align-items:center;gap:14px;padding:16px;display:flex}.msg{border-radius:var(--r-m);grid-template-columns:36px minmax(0,1fr);column-gap:12px;margin:0 -8px;padding:2px 8px;display:grid;position:relative}.msg:not(.grouped){margin-top:12px}.msg-gutter{justify-content:center;padding-top:20px;display:flex}.msg.grouped .msg-gutter{align-items:center;padding-top:0}.msg-hover-time{visibility:hidden;color:var(--fg-3);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px;line-height:1}.msg:hover .msg-hover-time,.msg:focus-within .msg-hover-time{visibility:visible}.msg-main{width:fit-content;min-width:0;max-width:100%;position:relative}.msg-head{align-items:baseline;gap:8px;margin-bottom:3px;padding-left:4px;line-height:1.3;display:flex}.author{color:var(--fg-2);font-size:13.5px;font-weight:700}.msg-time{color:var(--fg-3);font-variant-numeric:tabular-nums;font-size:12px}.msg-bubble{max-width:min(var(--bubble-max), 100%);border-radius:var(--r-bubble);background:var(--theirs-bg);color:var(--fg);box-shadow:var(--shadow-1);vertical-align:top;padding:8px 12px;display:inline-block}.msg:not(.grouped) .msg-bubble{border-top-left-radius:6px}.msg.mine .msg-bubble{background:var(--mine-bg);color:var(--mine-fg)}.msg.mine .author{color:var(--fg-2)}.msg-bubble:has(pre,table,.att-images:not(.single)){max-width:100%}.msg-bubble:has(>.attachments:only-child){padding:4px}.msg-bubble:has(>.attachments:only-child) .att-file:only-child{background:0 0;border-color:#0000}.msg-bubble:has(>.attachments:only-child) .att-file:only-child:hover{background:color-mix(in srgb, var(--fg) 6%, transparent)}.msg.grouped{margin-top:3px}.msg.editing .msg-bubble{width:min(var(--bubble-max), 100%);max-width:none;display:block}.msg.deleted .msg-bubble{box-shadow:inset 0 0 0 1px var(--border-strong);background:0 0}.body{overflow-wrap:anywhere}.body>:first-child{margin-top:0}.body>:last-child{margin-bottom:0}.body p,.body li,.body blockquote{max-width:var(--measure)}.body p{margin:0 0 6px}.body ul,.body ol{margin:4px 0 6px;padding-left:22px}.body li+li{margin-top:2px}.body blockquote{color:var(--fg-2);box-shadow:inset 2px 0 0 var(--border-strong);margin:6px 0;padding:2px 0 2px 12px}.body code{background:var(--code-bg);font-family:var(--font-mono);border-radius:5px;padding:.12em .36em;font-size:.86em}.body pre{border-radius:var(--r-m);background:var(--code-bg);max-width:100%;margin:6px 0;padding:10px 12px;line-height:1.45;overflow-x:auto}.body pre code{background:0 0;padding:0;font-size:13px}.body table{border-collapse:collapse;font-variant-numeric:tabular-nums;max-width:100%;margin:6px 0;font-size:14px;display:block;overflow-x:auto}.body th,.body td{border:1px solid var(--border-strong);text-align:left;padding:4px 10px}.body th{background:var(--code-bg)}.body h1,.body h2,.body h3,.body h4{margin:8px 0 4px;font-size:1.05em}.msg.mine .body a{color:var(--mine-fg);-webkit-text-decoration-color:var(--sun-ink);text-decoration-color:var(--sun-ink)}.edited{color:var(--fg-3);margin-left:4px;font-size:12px}.msg.mine .edited{color:var(--mine-muted)}.tombstone{color:var(--fg-3);font-style:italic}.send-state{color:var(--fg-3);align-items:center;gap:8px;margin:2px 0 0 4px;font-size:12.5px;display:inline-flex}.send-state.failed{color:var(--danger)}.msg.sending .msg-bubble{opacity:.65}.msg.enter{animation:msg-in var(--dur-2) var(--ease-out)}@keyframes msg-in{0%{opacity:0;transform:translateY(6px)}}.edit textarea{border:1px solid var(--ring);border-radius:var(--r-m);background:var(--surface);width:100%;color:var(--fg);resize:vertical;outline:none;padding:8px 10px}.edit-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:6px;display:flex}.edit-actions .hint{color:var(--fg-3);margin-right:auto;font-size:12.5px}.actions{z-index:3;border-radius:var(--r-m);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-2);opacity:0;pointer-events:none;transition:opacity var(--dur-1) ease, transform var(--dur-1) var(--ease-out);gap:2px;padding:3px;display:flex;position:absolute;top:-16px;right:-14px;transform:translateY(2px)}.actions .icon-btn{width:30px;height:30px}.msg:hover .actions,.msg:focus-within .actions{opacity:1;pointer-events:auto;transform:none}.card-msg{border-radius:var(--r-l);background:var(--surface);border:1px solid var(--border);grid-template-columns:36px minmax(0,1fr);column-gap:12px;margin:14px 0;padding:12px 16px 12px 12px;display:grid}.card-msg.alert{background:var(--alert-bg);border-color:var(--alert-border)}.card-icon{background:var(--surface-2);width:36px;height:36px;color:var(--fg-2);border-radius:12px;place-items:center;display:grid}.card-msg.alert .card-icon{background:var(--sun);color:var(--on-sun)}.card-head{align-items:baseline;gap:8px;margin-bottom:2px;display:flex}.card-title{font-size:13.5px;font-weight:750}.card-head time{color:var(--fg-3);font-size:12px}.attachments{flex-direction:column;align-items:flex-start;gap:6px;margin-top:6px;display:flex}.attachments:first-child{margin-top:0}.att-images{flex-wrap:wrap;gap:6px;display:flex}.att-image{background:var(--surface-sunk);transition:transform var(--dur-1) var(--ease-out);border:0;border-radius:14px;padding:0;line-height:0;display:block;position:relative;overflow:hidden}.att-image img{object-fit:cover;max-width:100%;height:auto;display:block}.att-images.single .att-image img{max-width:min(360px,100%)}.att-image:hover img{filter:brightness(.95)}.att-badge{color:#fff;background:#0a0c10a6;border-radius:6px;padding:3px 6px;font-size:11px;font-weight:750;line-height:1;position:absolute;bottom:8px;left:8px}.att-file{border-radius:var(--r-m);border:1px solid var(--border);background:var(--surface-2);max-width:min(360px,100%);color:var(--fg);transition:background-color var(--dur-1) ease;align-items:center;gap:12px;padding:8px 12px 8px 8px;text-decoration:none;display:inline-flex}.att-file:hover{background:var(--surface-sunk)}.msg.mine .att-file{border-color:color-mix(in srgb, var(--mine-fg) 14%, transparent);background:color-mix(in srgb, var(--surface) 55%, transparent);color:var(--mine-fg)}.att-file-icon{background:var(--sun-tint);width:38px;height:38px;color:var(--sun-ink);border-radius:8px;flex:none;place-items:center;display:grid}.msg.mine .att-file-icon{background:var(--surface)}.att-file-meta{flex-direction:column;flex:1;min-width:0;display:flex}.att-file-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650;overflow:hidden}.att-file-size,.att-file-dl{color:var(--fg-3);flex:none;font-size:12.5px}.msg.mine .att-file-size,.msg.mine .att-file-dl{color:var(--mine-muted)}.composer{background:var(--bg);padding:10px 24px 18px;position:relative}.composer-box{border:1px solid var(--border-strong);border-radius:var(--r-l);background:var(--surface);box-shadow:var(--shadow-1);transition:border-color var(--dur-1) ease, box-shadow var(--dur-1) ease}.composer-box:focus-within{border-color:var(--fg-3)}.composer-box textarea{resize:none;background:0 0;border:0;outline:none;width:100%;max-height:40vh;padding:10px 14px 4px;line-height:1.45;display:block}.composer-box textarea::placeholder{color:var(--fg-3)}.toolbar{flex-wrap:wrap;align-items:center;gap:1px;padding:5px 8px 0;display:flex}.tb-item{position:relative}.tb-gap{box-shadow:inset 1px 0 0 var(--border);margin-left:6px;padding-left:6px}.tb-btn{border-radius:var(--r-s);width:30px;height:30px;color:var(--fg-3);transition:background-color var(--dur-1) ease, color var(--dur-1) ease;background:0 0;border:0;place-items:center;display:grid}.tb-btn:hover,.tb-btn:focus-visible{background:var(--surface-2);color:var(--fg)}.tooltip{z-index:40;border-radius:var(--r-s);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--dur-1) ease, transform var(--dur-1) var(--ease-out), visibility var(--dur-1);background:#17202b;padding:5px 9px;font-size:12.5px;font-weight:500;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,3px)}:root[data-theme=dark] .tooltip{color:#17202b;background:#e8ecf1}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .tooltip{color:#17202b;background:#e8ecf1}}.tooltip kbd{font:inherit;opacity:.7;margin-left:6px}.tb-item:hover .tooltip,.tb-btn:focus-visible+.tooltip{opacity:1;visibility:visible;transition-delay:.35s;transform:translate(-50%)}.toolbar:hover .tb-item:hover .tooltip{transition-delay:.12s}.composer-actions{align-items:center;gap:2px;padding:4px 8px 8px;display:flex}.composer-actions .icon-btn{width:34px;height:34px}.fmt-toggle{display:none}.fmt-aa{letter-spacing:-.02em;font-size:14px;font-weight:750}.fmt-toggle[aria-pressed=true]{background:var(--sun-tint);color:var(--fg)}.composer-notice{color:var(--fg-3);margin-left:6px}.counter{color:var(--fg-3);font-variant-numeric:tabular-nums;margin-right:8px;font-size:12.5px}.counter.error{color:var(--danger)}.send-btn{border-radius:var(--r-m);background:var(--sun);width:40px;height:36px;color:var(--on-sun);transition:opacity var(--dur-1) ease, transform var(--dur-1) var(--ease-out), background-color var(--dur-1) ease;border:0;place-items:center;display:grid}.send-btn:hover:not(:disabled){background:#ffd24d}.send-btn:disabled{background:var(--surface-2);color:var(--fg-3);cursor:default;transform:none}.pending{flex-wrap:wrap;gap:8px;margin:0;padding:10px 10px 0;list-style:none;display:flex}.pending-item{border:1px solid var(--border);border-radius:var(--r-m);background:var(--surface-2);align-items:center;gap:10px;width:224px;padding:6px 30px 8px 6px;display:flex;position:relative}.pending-item.error{border-color:var(--danger);background:var(--danger-soft)}.pending-thumb{object-fit:cover;border-radius:8px;flex:none;width:40px;height:40px}.pending-icon{background:var(--sun-tint);width:40px;height:40px;color:var(--sun-ink);border-radius:8px;flex:none;place-items:center;display:grid}.pending-meta{flex-direction:column;min-width:0;font-size:13px;line-height:1.35;display:flex}.pending-name{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.pending-sub{color:var(--fg-3);font-variant-numeric:tabular-nums;font-size:12px}.pending-progress{appearance:none;background:var(--border);border:0;border-radius:2px;width:auto;height:3px;position:absolute;bottom:3px;left:8px;right:8px;overflow:hidden}.pending-progress::-webkit-progress-bar{background:var(--border)}.pending-progress::-webkit-progress-value{background:var(--sun-ink);transition:width var(--dur-2) linear}.pending-progress::-moz-progress-bar{background:var(--sun-ink)}.pending-remove.icon-btn{width:22px;height:22px;position:absolute;top:4px;right:4px}.popover{z-index:50;border:1px solid var(--border);border-radius:var(--r-l);background:var(--surface);color:var(--fg);box-shadow:var(--shadow-2);transform-origin:var(--origin,bottom left);transition:opacity var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-out);position:absolute}@starting-style{.popover{opacity:0;transform:scale(.96)translateY(4px)}}.popover.menu{flex-direction:column;width:220px;padding:6px;display:flex;bottom:calc(100% + 6px);left:0}.popover.menu button,.menu-row{border-radius:var(--r-s);text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:14px;font-weight:550;display:flex}.popover.menu button:hover,.popover.menu button:focus-visible,.menu-row:hover{background:var(--surface-2)}.shortcode-menu{width:300px;margin:0;padding:6px;list-style:none;bottom:calc(100% - 4px);left:24px}.shortcode-menu li{border-radius:var(--r-s);cursor:pointer;align-items:center;gap:10px;padding:6px 8px;display:flex}.shortcode-menu li.active{background:var(--sun-tint)}.sc-emoji{text-align:center;width:24px;font-size:20px}.sc-code{color:var(--fg-2);font-size:14px}.emoji-popover{width:364px;padding:10px;bottom:calc(100% - 4px);left:24px}.emoji-root{flex-direction:column;height:360px;display:flex}.emoji-search{border:1px solid var(--border);border-radius:var(--r-m);background:var(--surface-2);outline:none;width:100%;height:36px;margin-bottom:6px;padding:0 12px}.emoji-search:focus{border-color:var(--ring)}.emoji-viewport{scrollbar-gutter:stable;outline:none;flex:1;overflow-x:hidden}.emoji-cat{background:var(--surface);color:var(--fg-3);padding:8px 4px 4px;font-size:12.5px;font-weight:650}.emoji-row,.emoji-recent-row{padding:0 1px;display:flex}.emoji-recent-row{flex-wrap:wrap}.emoji-btn{border-radius:var(--r-s);background:0 0;border:0;place-items:center;width:40px;height:38px;font-size:23px;line-height:1;display:grid}.emoji-btn:hover,.emoji-btn[data-active]{background:var(--sun-tint)}.emoji-state{text-align:center;color:var(--fg-3);padding:24px;display:block}.settings{--origin:bottom left;width:290px;padding:8px;bottom:calc(100% + 8px);left:-8px}.sidebar[data-collapsed] .settings{left:0}.settings-group{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding:8px;display:flex}.settings-label{color:var(--fg-3);font-size:12.5px;font-weight:650}.segmented{border-radius:var(--r-m);background:var(--surface-2);grid-template-columns:repeat(3,1fr);gap:2px;padding:2px;display:grid}.segmented button{height:30px;color:var(--fg-2);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:5px;font-size:13px;font-weight:650;display:inline-flex}.segmented button.on{background:var(--surface);color:var(--fg);box-shadow:var(--shadow-1)}.switch-row{justify-content:space-between;align-items:flex-start;gap:12px;font-size:14px;font-weight:650;display:flex}.settings-hint{color:var(--fg-3);margin-top:2px;font-size:12.5px;font-weight:400;display:block}.switch{appearance:none;background:var(--border-strong);cursor:pointer;width:36px;height:22px;transition:background-color var(--dur-2) ease;border-radius:999px;flex:none;margin:0;position:relative}.switch:after{content:"";width:16px;height:16px;transition:transform var(--dur-2) var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000040}.switch:checked{background:var(--sun-ink)}.switch:checked:after{transform:translate(14px)}.small-btn{align-self:flex-start;height:30px;font-size:13px}.settings .menu-row{color:var(--fg-2);margin-top:4px}.chan .avatar-20{margin:0 -1px}.head-faces,.start-faces{display:inline-flex}.head-faces .avatar+.avatar,.start-faces .avatar+.avatar{box-shadow:0 0 0 2px var(--surface);margin-left:-8px}.chan-head h2 .head-faces{margin-right:4px}.start-faces{margin-bottom:10px}.pick-check{color:var(--sun-ink);flex:none;margin-left:auto}.dialog-error{margin:0 22px 8px}.app[data-thread=open][data-viewport=wide]{grid-template-columns:var(--side-col) minmax(0, 1fr) var(--thread-w,400px)}.app[data-viewport=wide] .thread-panel{grid-area:1/3}.thread-panel{border-left:1px solid var(--border);background:var(--bg);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.app[data-viewport=medium] .thread-panel{z-index:60;width:min(420px, calc(100% - var(--rail-w) - 40px));box-shadow:var(--shadow-3);animation:thread-in var(--dur-3) var(--ease-drawer);position:absolute;top:0;bottom:0;right:0}@keyframes thread-in{0%{opacity:.6;transform:translate(24px)}}.thread-head{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);align-items:center;gap:8px;min-height:60px;padding:10px 12px 10px 20px;display:flex}.thread-title{flex-direction:column;min-width:0;margin-right:auto;display:flex}.thread-title h2{letter-spacing:-.01em;margin:0;font-size:16.5px}.thread-place{color:var(--fg-3);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.follow-btn{align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13.5px;display:inline-flex}.follow-btn.on{border-color:var(--sun-ink);background:var(--sun-tint);color:var(--fg)}.thread-messages{padding:8px 16px 16px}.thread-root{padding-bottom:4px}.thread-sep{border-bottom:1px solid var(--border);justify-content:flex-start;margin:6px 0 10px}.thread-sep span{box-shadow:none;color:var(--fg-3);background:0 0;border:0;padding:0 0 6px;font-weight:650}.thread-closed{font-size:14px}.thread-summary{border-radius:var(--r-m);width:fit-content;max-width:100%;color:var(--fg-2);text-align:left;transition:background-color var(--dur-1) ease, border-color var(--dur-1) ease;background:0 0;border:1px solid #0000;align-items:center;gap:8px;margin-top:4px;padding:4px 10px 4px 4px;font-size:13px;display:flex}.thread-summary:hover{border-color:var(--border);background:var(--surface)}.thread-faces{display:inline-flex}.thread-faces .avatar+.avatar{box-shadow:0 0 0 2px var(--bg);margin-left:-3px}.thread-count{color:var(--link);font-weight:650}.thread-last{color:var(--fg-3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.msg.highlight .msg-bubble{box-shadow:0 0 0 2px var(--ring)}.star-mark{color:var(--sun-ink);align-self:center;display:inline-flex}.star-mark svg{fill:currentColor}.important-mark{background:var(--alert-bg);box-shadow:inset 0 0 0 1px var(--alert-border);color:var(--sun-ink);white-space:nowrap;border-radius:999px;align-self:center;align-items:center;gap:4px;padding:1px 8px;font-size:12px;font-weight:650;display:inline-flex}.msg.important .msg-bubble{box-shadow:inset 3px 0 0 var(--sun-ink)}.msg.important.highlight .msg-bubble,.msg.highlight .msg-bubble{box-shadow:0 0 0 2px var(--ring)}.head-actions{order:3;margin-left:auto}.head-btn{align-items:center;gap:6px;height:34px;padding:0 12px;font-size:14px;display:inline-flex}.head-note{color:var(--fg-3);margin-left:6px;font-size:13px}.important-list{--origin:top right;width:min(380px,100vw - 24px);max-height:min(460px,70dvh);padding:8px;top:calc(100% + 8px);right:0;overflow-y:auto}.popover-title{color:var(--fg-3);margin:4px 8px 6px;font-size:12.5px;font-weight:650}.popover-empty{color:var(--fg-3);margin:6px 8px 10px}.important-list ul{margin:0;padding:0;list-style:none}.important-item{border-radius:var(--r-m);width:100%;color:var(--fg);text-align:left;background:0 0;border:0;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.important-item:hover{background:var(--surface-2)}.important-item-head{color:var(--fg-3);font-size:12.5px}.important-item-head strong{color:var(--fg);font-weight:650}.important-item-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.important-item-by{color:var(--sun-ink);align-items:center;gap:4px;font-size:12px;font-weight:650;display:inline-flex}.jump-latest{z-index:8;border:1px solid var(--border);background:var(--surface);height:34px;color:var(--fg);box-shadow:var(--shadow-2);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:650;display:inline-flex;position:absolute;bottom:132px;left:50%;transform:translate(-50%)}.side-search{padding:0 10px 6px}.search-field.side-search-field{background:var(--surface-2);height:36px;margin:0;padding:0 10px}.side-search-field input::placeholder{color:var(--fg-3)}.sidebar[data-collapsed] .side-search{padding:0 8px 4px}.sidebar[data-collapsed] .side-search .chan{justify-content:center;width:44px;height:44px;margin:0 auto;padding:0}.kbd{border:1px solid var(--border);border-radius:var(--r-s);background:var(--surface);color:var(--fg-3);font:600 11px/1.5 var(--font);flex:none;padding:1px 6px}.search-head{gap:10px}.search-field.search-main{background:var(--surface);flex:1;max-width:720px;height:40px;margin:0}.search-main input{font-size:15px}.chips{flex-wrap:wrap;align-items:center;gap:8px;padding:12px 24px 4px;display:flex;position:relative}.chip{border:1px solid var(--border);background:var(--surface);height:32px;color:var(--fg-2);transition:background-color var(--dur-1) ease, border-color var(--dur-1) ease;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13.5px;font-weight:600;display:inline-flex}.chip:hover{border-color:var(--border-strong);color:var(--fg)}.chip.on{border-color:var(--sun-ink);background:var(--sun-tint);color:var(--fg)}.chip.on+.chip-clear{display:inline-grid}.chip-clear{border:1px solid var(--border);background:var(--surface);width:18px;height:18px;color:var(--fg-2);border-radius:50%;place-items:center;padding:0;display:none;position:absolute;top:-6px;right:-6px}.chip-menu{--origin:top left;width:min(300px,100vw - 32px);max-height:320px;padding:6px;top:calc(100% + 2px);left:24px;overflow-y:auto}.date-pick{color:var(--fg-2);flex-direction:column;gap:8px;padding:8px;font-size:13.5px;display:flex}.date-pick input{border:1px solid var(--border);border-radius:var(--r-m);background:var(--surface-2);height:38px;color:var(--fg);font:inherit;padding:0 10px}.search-note{margin:4px 0 12px}.result-text mark{background:var(--sun-tint-2);color:var(--fg);border-radius:3px;padding:0 2px;font-weight:650}.result-files{color:var(--fg-3);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;font-size:13px;display:inline-flex;overflow:hidden}.invite-form{gap:8px;max-width:860px;margin-bottom:12px;display:flex}.search-field.invite-field{background:var(--surface);flex:1;height:40px;margin:0}.people-note,.people-error{margin:0 0 12px}.person{border:1px solid var(--border);border-radius:var(--r-l);background:var(--surface);align-items:center;gap:12px;padding:12px 14px;display:flex}.role-badge{background:var(--sun-tint);color:var(--fg);border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-size:12px;font-weight:650;display:inline-flex}.person-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.btn.danger{color:var(--danger)}.btn.danger:hover{border-color:var(--danger);background:var(--danger-soft)}.audit{max-width:860px;margin-top:24px}.audit h3{color:var(--fg-3);margin:0 0 8px;font-size:13px;font-weight:650}.audit ul{margin:0;padding:0;list-style:none}.audit li{border-bottom:1px solid var(--border);color:var(--fg-2);justify-content:space-between;gap:12px;padding:6px 0;font-size:13.5px;display:flex}.audit time{color:var(--fg-3);flex:none}.dialog.confirm{width:min(420px,100vw - 32px)}.confirm-inner{padding:22px 22px 18px}.confirm-inner h2{letter-spacing:-.01em;margin:0 0 6px;font-size:19px}.confirm-inner p{color:var(--fg-2);margin:0 0 18px}.confirm-actions{justify-content:flex-end;gap:8px;display:flex}.confirm-grip{display:none}.btn.danger-solid{border-color:var(--danger);background:var(--danger);color:var(--on-danger)}.btn.danger-solid:hover{filter:brightness(1.06)}.nav-list{margin-bottom:6px!important}.list-view{flex:1;padding:12px 24px 24px;overflow-y:auto}.result-list{flex-direction:column;gap:6px;max-width:860px;margin:0;padding:0;list-style:none;display:flex}.result{border:1px solid var(--border);border-radius:var(--r-l);background:var(--surface);width:100%;color:var(--fg);text-align:left;transition:background-color var(--dur-1) ease, border-color var(--dur-1) ease;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.result:hover{border-color:var(--border-strong);background:var(--surface-2)}.result-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.result-head{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.result-place{font-weight:650}.result-meta{color:var(--fg-3);font-size:13px}.result-text{color:var(--fg-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.result.unread .result-text,.result.unread .result-place{color:var(--fg)}.result.unread .result-place{font-weight:750}.result .badge{align-self:center}.dialog{background:var(--surface);width:min(540px,100vw - 32px);max-height:min(660px,100dvh - 32px);color:var(--fg);box-shadow:var(--shadow-3);transition:opacity var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-out);border:0;border-radius:22px;padding:0}@starting-style{.dialog[open]{opacity:0;transform:scale(.97)}}.dialog::backdrop,.sheet::backdrop{background:#080c1280}.dialog-inner{flex-direction:column;max-height:min(660px,100dvh - 32px);display:flex}.dialog-head{padding:22px 22px 6px}.dialog-head h2{letter-spacing:-.01em;margin:0;font-size:20px}.dialog-head p{color:var(--fg-2);margin:4px 0 0;font-size:14px}.search-field{border:1px solid var(--border);border-radius:var(--r-m);background:var(--surface-2);height:40px;color:var(--fg-3);align-items:center;gap:8px;margin:10px 22px 8px;padding:0 12px;display:flex}.search-field:focus-within{border-color:var(--ring)}.search-field input{min-width:0;color:var(--fg);background:0 0;border:0;outline:none;flex:1}.recent-list{flex:1;margin:0;padding:2px 14px 8px;list-style:none;overflow-y:auto}.recent-empty{text-align:center;color:var(--fg-3);padding:32px 12px}.recent-item{border-radius:var(--r-m);text-align:left;width:100%;transition:background-color var(--dur-1) ease;background:0 0;border:1px solid #0000;align-items:center;gap:12px;padding:8px;display:flex}.recent-item:hover{background:var(--surface-2)}.recent-item.selected{border-color:var(--sun-ink);background:var(--sun-tint)}.recent-item:disabled{opacity:.45;cursor:default}.recent-thumb{object-fit:cover;border-radius:10px;flex:none;width:46px;height:46px}.recent-icon{background:var(--sun-tint);color:var(--sun-ink);place-items:center;display:grid}.recent-meta{flex-direction:column;min-width:0;display:flex}.recent-name{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.recent-sub{color:var(--fg-3);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.dialog-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 22px 18px;display:flex}.sheet{width:100%;max-width:100%;padding:8px 12px calc(12px + env(safe-area-inset-bottom));background:var(--surface);color:var(--fg);box-shadow:var(--shadow-3);transition:transform var(--dur-3) var(--ease-drawer);border:0;border-radius:22px 22px 0 0;margin:0;position:fixed;inset:auto 0 0}@starting-style{.sheet[open]{transform:translateY(100%)}}.sheet-grip{background:var(--border-strong);border-radius:2px;width:40px;height:4px;margin:4px auto 10px}.sheet-title{color:var(--fg-3);margin:0 8px 6px;font-size:13px;font-weight:650}.sheet ul{margin:0;padding:0;list-style:none}.sheet li button,.sheet-cancel{text-align:left;background:0 0;border:0;border-radius:14px;align-items:center;gap:14px;width:100%;min-height:52px;padding:0 12px;font-size:16.5px;font-weight:550;display:flex}.sheet li button:active,.sheet-cancel:active{background:var(--surface-2)}.sheet li button.danger{color:var(--danger)}.sheet-cancel{background:var(--surface-2);justify-content:center;margin-top:6px;font-weight:650}.lightbox{color:#fff;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;transition:opacity var(--dur-2) var(--ease-out);background:0 0;border:0;margin:0;padding:0}@starting-style{.lightbox[open]{opacity:0}.lightbox[open] .lightbox-stage img{transform:scale(.97)}}.lightbox::backdrop{background:#06080ceb}.lightbox-bar{align-items:center;gap:8px;padding:12px 16px;display:flex;position:fixed;top:0;left:0;right:0}.lightbox-bar .icon-btn{color:#fff}.lightbox-bar .icon-btn:hover{color:#fff;background:#ffffff24}.lightbox-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:650;overflow:hidden}.lightbox-size{opacity:.75;font-size:13px}.lightbox-stage{place-items:center;width:100%;height:100%;padding:64px 24px 24px;display:grid}.lightbox-stage img{border-radius:var(--r-m);object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;transition:transform var(--dur-3) var(--ease-out)}.drop-overlay{z-index:60;border:2px dashed var(--sun-ink);border-radius:var(--r-l);background:color-mix(in srgb, var(--bg) 85%, transparent);pointer-events:none;place-items:center;display:grid;position:absolute;inset:8px}.drop-overlay span{border-radius:var(--r-m);background:var(--surface);box-shadow:var(--shadow-2);padding:12px 18px;font-weight:650}@media (hover:none){.actions{display:none}.msg{-webkit-touch-callout:none}}@media (width<=720px){.app,.app[data-sidebar=collapsed],.app[data-viewport=medium]{grid-template-columns:minmax(0,1fr)}.app[data-pane=list] .main,.app[data-pane=chat] .sidebar,.app[data-pane=list] .thread-panel,.app[data-pane=chat] .thread-panel,.app[data-pane=thread] .sidebar,.app[data-pane=thread] .main{display:none}.thread-panel{border-left:0;grid-column:1}.thread-head{z-index:5;min-height:54px;padding:6px 10px;position:sticky;top:0}.thread-messages{padding:4px 12px 12px}.list-view{padding:10px 12px 20px}.head-note,.kbd{display:none}.chips{padding:10px 12px 2px}.person{flex-wrap:wrap}.dialog.confirm{width:100%;max-width:100%;padding-bottom:env(safe-area-inset-bottom);border-radius:22px 22px 0 0;margin:0;position:fixed;inset:auto 0 0}.confirm-inner{padding:8px 18px 16px}@starting-style{.dialog.confirm[open]{opacity:1;transform:translateY(100%)}}.dialog.confirm{transition:transform var(--dur-3) var(--ease-drawer)}.confirm-grip{margin-bottom:12px;display:block}.confirm-actions{flex-direction:column-reverse}.confirm-actions .btn{height:50px;font-size:16px}.person-actions{justify-content:flex-start;width:100%;padding-left:48px}.chip-menu{left:12px}.head-btn{justify-content:center;width:38px;padding:0;font-size:0}.jump-latest{bottom:110px}.main{grid-column:1}.sidebar{border-right:0}.side-toggle,.side-resize{display:none}.side-head{padding:18px 18px 10px}.chan{min-height:48px;font-size:16.5px}.back-btn{display:inline-grid}.chan-head{z-index:20;min-height:54px;padding:6px 14px;position:sticky;top:0}.messages{padding:4px 12px 12px}.msg{column-gap:10px}.msg.mine{grid-template-columns:minmax(0,1fr);justify-items:end}.msg.mine .msg-gutter{display:none}.msg.mine .msg-main{flex-direction:column;align-items:flex-end;display:flex}.msg.mine .msg-head .author{display:none}.msg.mine:not(.grouped) .msg-bubble{border-top-left-radius:var(--r-bubble);border-top-right-radius:6px}.composer{padding:6px 8px calc(8px + env(safe-area-inset-bottom))}.composer-box:not([data-fmt]) .toolbar{display:none}.composer-box textarea{padding-top:12px}.toolbar{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.fmt-toggle{display:inline-grid}.tooltip{display:none}.emoji-popover,.shortcode-menu{width:auto;left:8px;right:8px}.pending-item{width:calc(50% - 4px)}.att-images.single .att-image img{max-width:100%}.settings{width:min(290px,100vw - 24px)}.card-msg{grid-template-columns:28px minmax(0,1fr);padding:10px 12px 10px 10px}.card-icon{border-radius:9px;width:28px;height:28px}textarea,input{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.btn:active,.icon-btn:active,.send-btn:active,.chan:active{transform:none}}