@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-next-latin-ext-wght-normal-C6vrW8VD.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-next-latin-wght-normal-BcXVPD7q.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-next-latin-ext-wght-italic-Cigfgs4r.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Atkinson Hyperlegible Next Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-next-latin-wght-italic-DC5MiAaX.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--chrome: #3f0e40;--chrome-bg: linear-gradient(180deg, #3f0e40 0%, #350d36 100%);--cf: 255, 255, 255;--sf: 255, 255, 255;--sb-bg: #4f2050;--sb-text: rgba(249, 237, 255, .78);--sb-strong: #ffffff;--sb-hover: rgba(var(--sf), .08);--sb-active: #f9edff;--sb-active-text: #39063a;--fg: #1d1c1d;--fg-2: #616061;--fg-3: rgba(29, 28, 29, .5);--border: rgba(29, 28, 29, .13);--border-strong: rgba(29, 28, 29, .3);--hover: #f8f8f8;--link: #1264a3;--green: #007a5a;--red: #e01e5a;--presence: #2bac76;--badge: #cd2553;--motion-fast: .12s;--motion-base: .18s;--motion-slow: .26s;--motion-ease: cubic-bezier(.4, 0, .2, 1);--motion-shift: 8px;--font: "Atkinson Hyperlegible Next Variable", "Atkinson Hyperlegible", Lato, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--mono: Monaco, Menlo, Consolas, "Courier New", monospace}[data-theme=aubergine]{--chrome: #3f0e40;--chrome-bg: linear-gradient(180deg, #3f0e40 0%, #350d36 100%);--cf: 255, 255, 255;--sf: 255, 255, 255;--sb-bg: #4f2050;--sb-text: rgba(249, 237, 255, .78);--sb-strong: #ffffff;--sb-active: #f9edff;--sb-active-text: #39063a}[data-theme=lagune]{--chrome: #0f3a55;--chrome-bg: linear-gradient(180deg, #11425f 0%, #0b2f46 100%);--cf: 255, 255, 255;--sf: 255, 255, 255;--sb-bg: #1a4f6e;--sb-text: rgba(232, 244, 252, .8);--sb-strong: #ffffff;--sb-active: #e4f2fb;--sb-active-text: #0b2f46}[data-theme=jade]{--chrome: #0f3d31;--chrome-bg: linear-gradient(180deg, #124637 0%, #0b3227 100%);--cf: 255, 255, 255;--sf: 255, 255, 255;--sb-bg: #1a5644;--sb-text: rgba(230, 248, 240, .8);--sb-strong: #ffffff;--sb-active: #e3f6ee;--sb-active-text: #0b3227}[data-theme=rose]{--chrome: #f3b9bd;--chrome-bg: linear-gradient(100deg, #f5c4b4 0%, #f2b3bf 50%, #eca2c9 100%);--cf: 60, 22, 40;--sf: 29, 28, 29;--sb-bg: #fbeff3;--sb-text: rgba(29, 28, 29, .78);--sb-strong: #1d1c1d;--sb-hover: rgba(29, 28, 29, .06);--sb-active: #f6c9d9;--sb-active-text: #1d1c1d}[data-theme=rose] .tb-search{background:#ffffff80}[data-theme=rose] .rail-tab.on .rail-icon{background:#ffffff8c}[data-theme=rose] .rail-tab:hover .rail-icon{background:#ffffff59}[data-theme=rose] .workspace{box-shadow:0 0 0 1px #3c16281f}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);font-size:15px;line-height:1.46668;color:var(--fg);background:var(--chrome);-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left}input,textarea{font:inherit;color:inherit}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}b,strong{font-weight:700}.muted{color:var(--fg-2)}.small{font-size:13px}.link{color:var(--link);font-size:inherit}.link:hover{text-decoration:underline}.link.danger{color:var(--red)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#1d1c1d40;border-radius:8px;border:1px solid transparent;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}.sidebar ::-webkit-scrollbar-thumb{background:rgba(var(--cf),.25)}.boot{height:100%;display:grid;place-items:center;background:var(--chrome)}.app{height:100%;display:flex;flex-direction:column;background:var(--chrome-bg)}.topbar{height:40px;flex:none;display:grid;grid-template-columns:1fr minmax(0,732px) 1fr;align-items:center;-webkit-app-region:drag;padding:0 12px 0 0;position:relative}.tb-left{display:flex;align-items:center;justify-content:flex-end;gap:4px;padding-right:16px}.tb-left,.tb-search,.tb-right{-webkit-app-region:no-drag}.tb-btn{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;color:rgba(var(--cf),.9)}.tb-btn:hover:not(:disabled){background:rgba(var(--cf),.15)}.tb-btn:disabled{color:rgba(var(--cf),.35);cursor:default}.tb-search{height:26px;display:flex;align-items:center;gap:8px;padding:0 10px;background:rgba(var(--cf),.2);border-radius:6px;color:rgba(var(--cf),.85);box-shadow:inset 0 0 0 1px rgba(var(--cf),.05)}.tb-search:focus-within{background:rgb(var(--cf));color:var(--fg-2)}.tb-search input{flex:1;min-width:0;background:none;border:0;outline:none;color:rgb(var(--cf));font-size:13px}.tb-search:focus-within input{color:var(--fg)}.tb-search input::placeholder{color:rgba(var(--cf),.85)}.tb-right{justify-self:end;display:flex;gap:4px}.body{flex:1;min-height:0;display:flex}.rail{width:70px;flex:none;display:flex;flex-direction:column;align-items:center;padding:6px 0 14px;gap:6px}.team-icon{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:15px;margin-bottom:8px;box-shadow:0 0 0 2px rgba(var(--cf),0);text-align:center}.team-icon:hover{box-shadow:0 0 0 3px rgba(var(--cf),.3)}.rail-tab{display:flex;flex-direction:column;align-items:center;gap:2px;color:rgb(var(--cf));width:56px}.rail-icon{position:relative;width:36px;height:36px;border-radius:8px;display:grid;place-items:center}.rail-tab:hover .rail-icon{background:rgba(var(--cf),.12)}.rail-tab.on .rail-icon{background:rgba(var(--cf),.22)}.rail-label{font-size:11px;font-weight:700;line-height:14px;color:rgba(var(--cf),.92)}.rail-dot{position:absolute;top:5px;right:5px;width:8px;height:8px;border-radius:50%;background:rgb(var(--cf));box-shadow:0 0 0 2px var(--chrome)}.rail-badge{position:absolute;top:-3px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--badge);font-size:11px;font-weight:700;display:grid;place-items:center;box-shadow:0 0 0 2px var(--chrome)}.rail-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:12px}.rail-plus{width:36px;height:36px;border-radius:50%;background:rgba(var(--cf),.2);color:rgb(var(--cf));display:grid;place-items:center}.rail-plus:hover{background:rgba(var(--cf),.3)}.rail-me{position:relative}.rail-me .presence{right:-4px;bottom:-4px;width:13px;height:13px;border-width:3px}.workspace{flex:1;min-width:0;display:flex;margin:0 4px 4px 0;border-radius:8px;overflow:hidden;background:rgb(var(--cf));box-shadow:0 0 0 1px #0003}.sidebar{width:280px;flex:none;display:flex;flex-direction:column;background:var(--sb-bg);color:var(--sb-text)}.sb-head{height:50px;flex:none;display:flex;align-items:center;padding:0 10px 0 16px;gap:6px}.sb-team{display:flex;align-items:center;gap:4px;color:rgb(var(--sf));font-size:18px;font-weight:700;line-height:1.33;padding:3px 6px;margin-left:-6px;border-radius:6px;white-space:nowrap;overflow:hidden}.sb-team:not(.static):hover{background:var(--sb-hover)}.sb-team.static{flex:1;min-width:0;text-overflow:ellipsis}.sb-compose{margin-left:auto;width:34px;height:34px;border-radius:8px;display:grid;place-items:center;color:rgb(var(--sf));background:rgba(var(--sf),0)}.sb-compose:hover{background:var(--sb-hover)}.sb-scroll{flex:1;overflow-y:auto;padding-bottom:16px}.sb-top{padding:4px 0 6px}.sb-item{display:flex;align-items:center;height:28px;margin:0 8px;padding:0 10px;width:calc(100% - 16px);border-radius:6px;font-size:15px;color:var(--sb-text);white-space:nowrap;gap:0}.sb-item:hover{background:var(--sb-hover)}.sb-item.active{background:var(--sb-active);color:var(--sb-active-text)}.sb-item.unread{color:var(--sb-strong);font-weight:700}.sb-icon{width:20px;height:20px;flex:none;display:grid;place-items:center;margin-right:8px;opacity:.95}.sb-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.sb-you{opacity:.6;font-weight:400}.sb-item .status-emoji{margin:0 4px;font-size:13px}.sb-badge{margin-left:auto;min-width:20px;height:18px;padding:0 6px;border-radius:9px;background:var(--badge);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center}.sb-plus{width:20px;height:20px;border-radius:4px;background:rgba(var(--sf),.1)}.sb-add:hover .sb-plus{background:rgba(var(--sf),.2)}.mpim-count{width:20px;height:20px;border-radius:4px;background:rgba(var(--sf),.2);color:rgb(var(--sf));font-size:12px;font-weight:700;display:grid;place-items:center}.sb-section{margin-top:10px}.sb-section-head{display:flex;align-items:center;height:28px;margin:0 8px;padding:0 4px 0 6px;border-radius:6px}.sb-section-toggle{display:flex;align-items:center;gap:6px;font-size:15px;color:var(--sb-text);padding:0 6px 0 4px;height:26px;border-radius:6px}.sb-section-toggle:hover{background:var(--sb-hover)}.caret{transition:transform var(--motion-fast) var(--motion-ease)}.caret.closed{transform:rotate(-90deg)}.sb-section-actions{margin-left:auto;display:none;gap:2px}.sb-section-head:hover .sb-section-actions{display:flex}.sb-mini{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;color:var(--sb-text)}.sb-mini:hover{background:var(--sb-hover);color:rgb(var(--sf))}.sb-item .avatar-wrap .presence{right:-3px;bottom:-3px;width:9px;height:9px}.sb-search{margin:0 16px 8px;height:30px;border-radius:6px;display:flex;align-items:center;gap:8px;padding:0 10px;background:rgba(var(--sf),.1);box-shadow:inset 0 0 0 1px rgba(var(--sf),.15)}.sb-search input{flex:1;background:none;border:0;outline:none;color:rgb(var(--sf));font-size:14px}.sb-search input::placeholder{color:var(--sb-text)}.sb-toggle{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;margin-left:auto;color:var(--sb-text)}.sb-toggle input{display:none}.sb-toggle span{width:28px;height:16px;border-radius:8px;background:rgba(var(--sf),.25);position:relative}.sb-toggle span:after{content:"";position:absolute;left:2px;top:2px;width:12px;height:12px;border-radius:50%;background:rgb(var(--sf))}.sb-toggle input:checked+span{background:#2bac76}.sb-toggle input:checked+span:after{left:14px}.sb-tabs{display:flex;gap:4px;padding:0 12px 8px;border-bottom:1px solid rgba(var(--sf),.1);margin-bottom:4px}.sb-tabs button{font-size:13px;font-weight:700;padding:4px 8px;border-radius:6px;color:var(--sb-text)}.sb-tabs button:hover{background:var(--sb-hover)}.sb-tabs button.on{background:rgba(var(--sf),.15);color:rgb(var(--sf))}.sb-empty{padding:24px 20px;font-size:14px;text-align:center;color:var(--sb-text)}.dm-row{display:flex;gap:10px;padding:8px 16px;width:100%;color:var(--sb-text);border-top:1px solid rgba(var(--sf),.06)}.dm-row:hover{background:var(--sb-hover)}.dm-row.active{background:var(--sb-active);color:var(--sb-active-text)}.dm-row.unread .dm-row-name,.dm-row.unread .dm-row-preview{color:rgb(var(--sf));font-weight:700}.dm-row-main{flex:1;min-width:0;display:flex;flex-direction:column}.dm-row-top{display:flex;justify-content:space-between;gap:8px}.dm-row-name{font-weight:700;font-size:15px;color:rgb(var(--sf));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-row.active .dm-row-name{color:var(--sb-active-text)}.dm-row-date{font-size:12px;flex:none}.dm-row-preview{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.act-row{display:flex;flex-direction:column;gap:4px;padding:10px 16px;width:100%;border-bottom:1px solid rgba(var(--sf),.06);cursor:pointer;color:var(--sb-text)}.act-row:hover{background:var(--sb-hover)}.act-meta{font-size:12px;display:flex;justify-content:space-between;align-items:center}.act-date{font-size:12px}.act-main{display:flex;gap:10px;align-items:flex-start}.act-main b{color:rgb(var(--sf));display:block;font-size:15px}.act-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px}.act-done{width:22px;height:22px;border-radius:50%;border:1px solid rgba(var(--sf),.4);font-size:11px;display:grid;place-items:center;color:rgb(var(--sf))}.act-done:hover{background:#2bac76;border-color:#2bac76}.avatar{display:inline-grid;place-items:center;flex:none;color:#fff;font-weight:700;object-fit:cover;overflow:hidden;-webkit-user-select:none;user-select:none;line-height:1;letter-spacing:-.02em;cursor:pointer}.avatar-wrap{position:relative;display:inline-flex;flex:none}.presence{position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border-radius:50%;border:2px solid var(--ring);box-sizing:content-box}.presence.on{background:var(--presence)}.presence.off{background:var(--ring);box-shadow:inset 0 0 0 1.5px #968c96e6}.status-emoji{font-size:14px;margin-left:4px}.view{flex:1;min-width:0;display:flex;flex-direction:column;background:#fff}.ch-header{height:50px;flex:none;display:flex;align-items:center;padding:0 12px 0 16px;gap:8px}.ch-title{display:flex;align-items:center;gap:6px;font-size:18px;font-weight:700;line-height:1.33;padding:3px 8px;border-radius:6px;min-width:0;color:var(--fg)}.ch-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ch-title:not(.static):hover{background:var(--hover)}.ch-title .avatar-wrap .presence{width:8px;height:8px}.ch-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.facepile{display:flex;align-items:center;height:28px;padding:0 8px 0 6px;border-radius:6px;border:1px solid var(--border);font-size:13px;font-weight:700;color:var(--fg-2)}.facepile .avatar{width:20px!important;height:20px!important;border-radius:5px!important;font-size:9px!important;box-shadow:0 0 0 2px #fff;margin-right:-4px}.facepile span{margin-left:10px}.facepile:hover{background:var(--hover)}.huddle-btn{display:flex;align-items:center;height:28px;border:1px solid var(--border);border-radius:6px;color:var(--fg-2)}.huddle-btn button{display:flex;align-items:center;gap:6px;height:100%;padding:0 8px;font-size:13px;font-weight:700}.huddle-btn button:last-child{padding:0 6px}.huddle-btn button:hover{background:var(--hover)}.huddle-sep{width:1px;height:100%;background:var(--border)}.icon-btn{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;color:var(--fg-2);flex:none}.icon-btn:hover{background:var(--hover);color:var(--fg)}.ch-tabs{height:38px;flex:none;display:flex;align-items:stretch;gap:4px;padding:0 20px;border-bottom:1px solid var(--border)}.ch-tab{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--fg-2);padding:0 6px;border-bottom:2px solid transparent;margin-bottom:-1px}.ch-tab:hover{color:var(--fg)}.ch-tab.on{color:var(--fg);border-bottom-color:var(--fg)}.ch-tab.add{padding:0 4px}.ch-topic{margin-left:12px;align-self:center;font-size:13px;color:var(--fg-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.messages{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.messages-inner{min-height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:12px}.loading{padding:20px;color:var(--fg-2);text-align:center}.intro{padding:40px 20px 16px}.intro p{margin:8px 0 0;color:var(--fg-2);font-size:15px;max-width:760px}.intro-title{font-size:22px;font-weight:700;color:var(--fg);display:flex;align-items:center;gap:4px}.intro-title.big{font-size:28px;line-height:1.2}.intro-sub{color:var(--fg-2)}.intro-dm{display:flex;align-items:center;gap:16px;margin-bottom:12px}.intro-dm .avatar{border-radius:12px!important}.intro-actions{display:flex;gap:8px;margin-top:16px}.day{position:relative}.day:before{content:"";position:absolute;top:33px;left:0;right:0;border-top:1px solid var(--border)}.day-divider{position:sticky;top:8px;z-index:3;display:flex;justify-content:center;height:28px;margin:20px 0 8px;pointer-events:none}.day-pill{pointer-events:auto;display:flex;align-items:center;gap:4px;height:28px;padding:0 12px 0 16px;border-radius:24px;background:#fff;border:1px solid var(--border);font-size:13px;font-weight:700;color:var(--fg);box-shadow:0 1px 3px #0000000a}.day-pill:hover{background:var(--hover)}.new-divider{position:relative;height:0;border-top:1px solid var(--red);margin:8px 0 4px;z-index:1}.new-divider span{position:absolute;right:16px;top:-10px;background:#fff;color:var(--red);font-size:13px;font-weight:700;padding:0 6px;line-height:18px;border-radius:4px}.msg{position:relative;padding:8px 20px}.msg.compact{padding-top:2px;padding-bottom:2px}.msg:hover,.msg.editing{background:var(--hover)}.msg.pinned{background:#fef9ec}.msg.pinned:hover{background:#fcf4dc}.msg.hl{animation:hl-fade 3s var(--motion-ease)}.msg.editing{background:#fef9ec}.msg.ephemeral{background:#f4f9fc}.msg-row{display:flex;gap:8px}.msg-gutter{width:36px;flex:none}.msg-gutter .avatar{width:36px;height:36px;border-radius:8px;font-size:15px;margin-top:4px}.emoji-avatar{background:var(--hover);font-size:22px!important;width:36px;height:36px;border-radius:8px}.tomb-avatar{width:36px;height:36px;border-radius:8px;background:#e8e8e8}.hover-time{display:none;font-size:12px;color:var(--fg-2);line-height:22px;text-align:right;width:36px;white-space:nowrap;letter-spacing:-.02em}.msg.compact:hover .hover-time{display:block}.msg-body{flex:1;min-width:0}.msg-head{display:flex;align-items:baseline;gap:0;line-height:22px}.msg-author{font-weight:700;font-size:15px;color:var(--fg)}.msg-author:hover{text-decoration:underline}.app-badge{margin-left:4px;font-size:10px;font-weight:700;line-height:14px;padding:0 3px;border-radius:2px;background:#1d1c1d21;color:#1d1c1db3;align-self:center;letter-spacing:.02em}.msg-time{font-size:12px;color:var(--fg-2);margin-left:6px;cursor:pointer}.msg-time:hover{text-decoration:underline}.msg-text{font-size:15px;line-height:1.46668;word-wrap:break-word;overflow-wrap:anywhere;white-space:pre-wrap}.msg-text.sys{color:var(--fg-2)}.msg-text.me-message{font-style:italic;color:var(--fg-2)}.msg-text.tomb{color:var(--fg-2);font-style:italic}.edited{font-size:13px;color:var(--fg-2)}.ephemeral-note{font-size:13px;color:var(--fg-2);margin-top:2px}.msg-label{display:flex;align-items:center;gap:4px;white-space:nowrap;min-width:0;font-size:13px;color:var(--fg-2);padding-left:44px;margin-bottom:2px;line-height:18px}.msg-label .link{min-width:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:420px}.pin-icon{color:var(--fg-2)}.mention{color:var(--link);background:#1d9bd11a;border-radius:3px;padding:0 2px;cursor:pointer;font-weight:400}.mention:hover{background:#1d9bd133;text-decoration:none}.mention.me{background:#f2c74466;color:var(--fg)}.inline-code{font-family:var(--mono);font-size:12px;line-height:1.5;color:#e01e5a;background:#1d1c1d0a;border:1px solid var(--border);border-radius:3px;padding:2px 3px 1px;white-space:pre-wrap}.code-block{font-family:var(--mono);font-size:12px;line-height:1.5;background:#1d1c1d0a;border:1px solid var(--border);border-radius:4px;padding:8px;margin:4px 0;white-space:pre-wrap;word-break:break-word}blockquote{margin:4px 0;padding-left:16px;border-left:4px solid #dddddd}.emoji{font-size:1.15em;line-height:1;vertical-align:-.1em}.jumbo .emoji{font-size:32px;line-height:40px;vertical-align:middle}.reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reaction{display:flex;align-items:center;gap:4px;height:24px;padding:0 7px 0 6px;border-radius:24px;background:#1d1c1d0f;border:1px solid transparent;font-size:12px}.reaction:hover{background:#fff;border-color:var(--border-strong)}.reaction.mine{background:#1d9bd11a;border-color:#1d9bd1}.reaction.mine .reaction-count{color:var(--link)}.reaction-emoji{font-size:16px;line-height:1}.reaction-count{font-weight:700;color:var(--fg);font-size:12px}.reaction.add{opacity:0;color:var(--fg-2);padding:0 6px}.msg:hover .reaction.add,.reaction.add:focus-visible{opacity:1}.thread-summary{margin-top:4px;display:flex;align-items:center;gap:8px;padding:5px;border-radius:8px;border:1px solid transparent;max-width:600px;width:calc(100% + 5px);margin-left:-5px;font-size:13px}.thread-summary:hover{background:#fff;border-color:var(--border)}.ts-avatars{display:flex;gap:4px}.ts-avatars .avatar{font-size:10px!important}.ts-count{color:var(--link);font-weight:700}.ts-count:hover{text-decoration:underline}.ts-last{color:var(--fg-2)}.ts-view{color:var(--fg-2);display:none}.ts-chevron{margin-left:auto;color:var(--fg-2);visibility:hidden}.thread-summary:hover .ts-last{display:none}.thread-summary:hover .ts-view{display:inline}.thread-summary:hover .ts-chevron{visibility:visible}.hover-actions{position:absolute;top:-16px;right:18px;z-index:5;display:flex;align-items:center;padding:2px;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 3px #00000014}.ha-btn{width:32px;height:32px;border-radius:6px;display:grid;place-items:center;color:var(--fg-2)}.ha-btn:hover{background:var(--hover);color:var(--fg)}.ha-btn.emoji-btn{font-size:16px}.ha-sep{width:1px;height:20px;background:var(--border);margin:0 2px}.saved-icon{color:var(--red)}.attachment{margin-top:4px;max-width:600px}.att-pretext{margin-bottom:4px}.att-box{display:flex}.att-bar{width:4px;border-radius:8px;flex:none}.att-content{padding:0 12px;min-width:0;flex:1}.att-author{font-weight:700;font-size:13px}.att-title{font-weight:700}.att-text{white-space:pre-wrap}.att-fields{display:grid;grid-template-columns:1fr 1fr;margin-top:4px;gap:4px 12px}.att-field{grid-column:span 2}.att-field.short{grid-column:span 1}.att-field-title{font-weight:700;font-size:15px}.att-footer{font-size:12px;color:var(--fg-2);margin-top:4px}.att-image{max-width:360px;border-radius:8px;margin-top:8px}.blocks{display:flex;flex-direction:column;gap:6px;margin-top:4px;max-width:640px}.block-header{font-size:18px;font-weight:700}.block-divider{border:0;border-top:1px solid var(--border);width:100%;margin:4px 0}.block-section{display:flex;gap:12px;align-items:flex-start}.block-section-main{flex:1;white-space:pre-wrap}.block-fields{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;margin-top:4px}.block-context{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--fg-2)}.block-context img{width:16px;height:16px;border-radius:3px}.block-image,.block-acc-img{max-width:360px;border-radius:8px}.block-acc-img{width:88px;height:88px;object-fit:cover}.block-actions{display:flex;gap:8px;flex-wrap:wrap}.block-btn{height:28px;padding:0 12px;border-radius:6px;border:1px solid var(--border-strong);font-size:13px;font-weight:700;background:#fff}.block-btn:hover{background:var(--hover)}.block-btn.primary{background:var(--green);color:#fff;border-color:var(--green)}.block-btn.danger{background:var(--red);color:#fff;border-color:var(--red)}.composer-wrap{flex:none;padding:0 20px}.composer{position:relative;border:1px solid var(--border-strong);border-radius:8px;background:#fff}.composer.focused{border-color:#1d1c1d80;box-shadow:0 0 0 1px #1d1c1d0d,0 1px 4px #0000000f}.composer.edit{margin-top:4px}.cmp-toolbar{display:flex;align-items:center;gap:2px;padding:4px 6px;background:#f8f8f8;border-radius:8px 8px 0 0}.cmp-toolbar button,.cmp-icon{width:28px;height:28px;border-radius:4px;display:grid;place-items:center;color:#1d1c1d8c}.cmp-toolbar button:hover,.cmp-icon:hover{background:#1d1c1d0f;color:var(--fg)}.cmp-icon.on{color:var(--fg)}.cmp-sep{width:1px;height:20px;background:#1d1c1d21;margin:0 4px}.composer textarea{display:block;width:100%;border:0;outline:none;resize:none;padding:9px 12px 4px;font-size:15px;line-height:22px;min-height:35px;background:transparent}.composer textarea::placeholder{color:#1d1c1d8c}.cmp-footer{display:flex;align-items:center;height:40px;padding:0 6px}.cmp-left{display:flex;align-items:center;gap:2px}.cmp-plus{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#1d1c1d0f;color:#1d1c1db3;margin-right:2px}.cmp-plus:hover{background:#1d1c1d21}.cmp-send{margin-left:auto;display:flex;align-items:center;height:28px;border-radius:4px;color:#1d1c1d4d}.cmp-send button{height:28px;display:grid;place-items:center;color:inherit}.cmp-send button:disabled{cursor:default}.cmp-send-btn{width:32px}.cmp-send-more{width:22px}.cmp-send-sep{width:1px;height:20px;background:transparent}.cmp-send.active{background:var(--green);color:#fff}.cmp-send.active .cmp-send-sep{background:#ffffff59}.cmp-send.active button:hover{background:#148567;border-radius:4px}.cmp-edit-actions{margin-left:auto;display:flex;gap:8px;padding-right:2px}.cmp-broadcast{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--fg-2);padding:2px 12px 0;cursor:pointer}.cmp-broadcast input{margin:0;accent-color:var(--green)}.typing{height:22px;font-size:12px;color:var(--fg-2);padding:3px 0 0 2px;line-height:16px}.join-bar,.archived-note{border:1px solid var(--border);border-radius:8px;background:#f8f8f8;padding:20px;text-align:center}.join-bar>div:first-child{font-size:18px;margin-bottom:12px}.join-actions{display:flex;gap:8px;justify-content:center}.suggestions{position:absolute;left:0;right:0;bottom:calc(100% + 4px);z-index:20;background:#fff;border-radius:8px;padding:8px 0;box-shadow:0 0 0 1px var(--border),0 4px 12px #0000001f;max-height:320px;overflow-y:auto}.sugg-head{font-size:13px;font-weight:700;color:var(--fg-2);padding:0 16px 6px}.sugg{display:flex;align-items:center;gap:8px;width:100%;height:34px;padding:0 16px;font-size:15px}.sugg b{font-weight:700}.sugg.sel{background:var(--link);color:#fff}.sugg-sub{color:var(--fg-2);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sugg.sel .sugg-sub{color:#ffffffd9}.sugg-dot{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--fg-3)}.sugg-dot.on{background:var(--presence);border-color:var(--presence)}.sugg-hash{width:20px;text-align:center;font-weight:700}.sugg-emoji{width:20px;font-size:18px;text-align:center}.thread-pane{width:40%;min-width:360px;max-width:560px;flex:none;display:flex;flex-direction:column;border-left:1px solid var(--border);background:#fff}.pane-header{height:50px;flex:none;display:flex;align-items:center;padding:0 12px 0 20px;border-bottom:1px solid var(--border)}.pane-titles{display:flex;align-items:baseline;gap:8px;min-width:0}.pane-title{font-size:18px;font-weight:700}.pane-sub{font-size:13px;color:var(--fg-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pane-actions{margin-left:auto;display:flex;gap:4px}.thread-pane.standalone{width:100%;max-width:none;min-width:0;border-left:0}.tw-bar{display:flex;justify-content:center}.tw-title{display:flex;align-items:center;gap:8px;font-size:14px;color:rgba(var(--cf),.9);-webkit-app-region:drag}.thread-window .workspace{margin-left:4px}.thread-scroll{flex:1;min-height:0;overflow-y:auto;padding:12px 0 8px}.replies-divider{display:flex;align-items:center;gap:12px;padding:4px 20px;font-size:13px;color:var(--fg-2)}.replies-divider:after{content:"";flex:1;border-top:1px solid var(--border)}.thread-composer{flex:none;padding:0 20px}.threads-list,.search-results,.pins-list{justify-content:flex-start;padding:16px 0 24px;gap:12px}.thread-card,.search-card{margin:0 20px;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#fff}.search-card{cursor:pointer}.search-card:hover{box-shadow:0 1px 4px #00000014}.thread-card-head,.search-card-head{padding:12px 20px 4px;font-size:13px;display:flex;gap:8px;align-items:baseline}.search-card-head{font-weight:700}.more-replies{padding:2px 64px 6px;font-size:13px}.thread-card-reply{padding:8px 20px 16px 64px}.empty-state{margin:auto;text-align:center;color:var(--fg-2);padding:40px}.empty-state svg{color:#1d1c1d4d}.empty-state p{margin:12px 0 0}.btn-primary,.btn-outline,.btn-danger{height:36px;padding:0 12px;min-width:80px;border-radius:8px;font-size:15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover:not(:disabled){background:#148567;box-shadow:0 1px 4px #0000004d}.btn-primary:disabled{background:#1d1c1d0a;color:#1d1c1d4d;cursor:default;border:1px solid var(--border)}.btn-outline{background:#fff;color:var(--fg);border:1px solid var(--border-strong)}.btn-outline:hover{background:var(--hover);box-shadow:0 1px 3px #00000014}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{background:#c41a50}.small.btn-primary,.small.btn-outline{height:28px;font-size:13px;min-width:0;padding:0 10px;border-radius:6px}.popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90}.popover{position:fixed;z-index:91;background:#fff;border-radius:8px;box-shadow:0 0 0 1px var(--border),0 4px 12px #0000001f}.menu{background:#f8f8f8;padding:12px 0;min-width:300px;max-width:360px}.menu-item{display:flex;align-items:center;justify-content:space-between;width:100%;height:28px;padding:0 24px;font-size:15px;color:var(--fg)}.menu-item:hover{background:var(--link);color:#fff}.menu-item.danger{color:var(--red)}.menu-item.danger:hover{background:var(--red);color:#fff}.menu-hint{font-size:13px;opacity:.7}.menu-sep{height:1px;background:#1d1c1d21;margin:8px 0}.me-menu-head{display:flex;gap:12px;align-items:center;padding:4px 24px 12px;margin-bottom:8px;border-bottom:1px solid var(--border)}.emoji-picker{width:356px;display:flex;flex-direction:column}.ep-search{display:flex;align-items:center;gap:8px;margin:12px;padding:0 10px;height:36px;border:1px solid var(--border-strong);border-radius:8px;color:var(--fg-2)}.ep-search:focus-within{border-color:#1d9bd1;box-shadow:0 0 0 1px #1d9bd1,0 0 0 5px #1d9bd14d}.ep-search input{flex:1;border:0;outline:none;font-size:15px}.ep-scroll{height:300px;overflow-y:auto;padding:0 8px}.ep-section{font-size:13px;font-weight:700;color:var(--fg);padding:8px 4px 4px;position:sticky;top:0;background:#fffffff5}.emoji-grid{display:grid;grid-template-columns:repeat(9,1fr)}.emoji-cell{height:36px;border-radius:6px;font-size:22px;display:grid;place-items:center;line-height:1}.emoji-cell:hover{background:#1d9bd11f}.ep-empty{padding:30px;text-align:center;color:var(--fg-2)}.ep-footer{display:flex;align-items:center;gap:10px;height:52px;padding:0 16px;border-top:1px solid var(--border);background:#f8f8f8;border-radius:0 0 8px 8px;font-weight:700;font-size:15px}.ep-preview{font-size:30px}.profile-card{width:320px;padding:20px}.pc-top{display:flex;gap:14px;align-items:center}.pc-top .avatar{border-radius:12px!important}.pc-name{font-size:18px;font-weight:700;display:flex;align-items:center;gap:6px}.pc-dot{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--fg-3)}.pc-dot.on{background:var(--presence);border-color:var(--presence)}.pc-title{color:var(--fg);font-size:15px}.pc-status{margin-top:14px;font-size:15px}.pc-row{display:flex;align-items:center;gap:8px;margin-top:12px;color:var(--fg-2);font-size:15px}.pc-actions{display:flex;gap:8px;margin-top:16px}.pc-actions .btn-outline{flex:1;height:32px;font-size:14px}.pc-foot{margin-top:14px;padding-top:12px;border-top:1px solid var(--border);color:var(--fg-2);font-size:13px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0009;display:grid;place-items:center}.modal{width:520px;max-width:calc(100vw - 40px);max-height:85vh;display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 18px 48px #00000059}.modal.wide{width:640px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 20px 16px 28px}.modal-head h2{margin:0;font-size:22px;font-weight:700;line-height:1.36}.modal-sub{color:var(--fg-2);font-size:13px}.modal-head .icon-btn{width:36px;height:36px}.modal-body{padding:0 28px 20px;overflow-y:auto}.modal-body p{margin:0 0 12px}.modal:has(.detail-card){background:#f8f8f8}.modal:has(.detail-card) .tabs{background:#f8f8f8}.modal-foot{display:flex;justify-content:flex-end;gap:12px;padding:16px 28px 24px}.field-label{display:block;font-weight:700;font-size:15px;margin:4px 0 8px}.muted-label{color:var(--fg-2);font-size:13px;margin-top:16px}.field-help{font-size:13px;color:var(--fg-2);margin:8px 0 20px}.input-prefix{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border:1px solid var(--border-strong);border-radius:8px;color:var(--fg-2)}.input-prefix:focus-within,.search-input:focus-within,.chips-input:focus-within,.detail-edit input:focus,.detail-edit textarea:focus{border-color:#1d9bd1;box-shadow:0 0 0 1px #1d9bd1,0 0 0 5px #1d9bd14d;outline:none}.input-prefix input{flex:1;border:0;outline:none;font-size:15px;color:var(--fg)}.counter{font-size:13px;color:var(--fg-2)}.radio{display:flex;align-items:center;gap:10px;margin:6px 0;cursor:pointer}.radio input{accent-color:var(--green);width:16px;height:16px;margin:0}.search-input{display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border:1px solid var(--border-strong);border-radius:8px;color:var(--fg-2);margin-bottom:12px}.search-input input{flex:1;border:0;outline:none;font-size:15px;color:var(--fg)}.count-line{font-size:13px;color:var(--fg-2);padding:4px 0 8px}.browse-list{border-top:1px solid var(--border);margin:0 -28px}.browse-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 28px;border-bottom:1px solid var(--border);cursor:pointer}.browse-row:hover{background:var(--hover)}.browse-row .btn-outline,.browse-row .btn-primary{visibility:hidden}.browse-row:hover .btn-outline,.browse-row:hover .btn-primary{visibility:visible}.browse-name{display:flex;align-items:center;gap:4px;font-weight:700}.browse-meta{font-size:13px;color:var(--fg-2);margin-top:2px}.joined{color:var(--green);font-weight:700;display:inline-flex;align-items:center;gap:2px}.chips-input{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:40px;padding:4px 10px;border:1px solid var(--border-strong);border-radius:8px;margin-bottom:12px}.chips-to{color:var(--fg-2)}.chips-input input{flex:1;min-width:120px;border:0;outline:none;font-size:15px;height:30px}.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 4px 0 2px;border-radius:6px;background:#1d9bd11a;color:var(--link);font-weight:700;font-size:14px}.chip button{color:var(--link);display:grid;place-items:center;width:18px;height:18px;border-radius:4px}.user-list{margin:0 -28px;max-height:50vh;overflow-y:auto}.user-row{display:flex;align-items:center;gap:12px;padding:8px 28px;width:100%}.user-row:hover{background:var(--hover)}.user-row-names{flex:1;min-width:0;line-height:1.3}.row-actions{display:none;gap:6px}.user-row:hover .row-actions{display:flex}.add-people{width:36px;height:36px;border-radius:8px;background:#1d9bd11a;color:var(--link);display:grid;place-items:center}.details-title{display:flex;align-items:center;gap:4px}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--border);margin:0 -28px 16px;padding:0 28px}.tabs button{padding:8px 0;font-size:14px;font-weight:700;color:var(--fg-2);border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button.on{color:var(--fg);border-bottom-color:var(--green)}.detail-card{border:1px solid var(--border);border-radius:8px;background:#fff}.detail-row{padding:14px 20px;border-bottom:1px solid var(--border)}.detail-row:last-child{border-bottom:0}.detail-row-head{display:flex;justify-content:space-between;align-items:center}.detail-row-head .link{font-weight:700;font-size:13px}.detail-value{margin-top:2px;white-space:pre-wrap}.detail-edit input,.detail-edit textarea{width:100%;margin-top:8px;border:1px solid var(--border-strong);border-radius:8px;padding:8px 10px;font-size:15px;resize:vertical}.detail-edit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.status-input{gap:6px;padding-left:6px}.status-emoji-btn{width:30px;height:30px;border-radius:6px;font-size:18px;display:grid;place-items:center}.status-emoji-btn:hover{background:var(--hover)}.preset{display:flex;align-items:center;gap:10px;width:calc(100% + 56px);margin:0 -28px;padding:6px 28px;font-size:15px}.preset:hover{background:var(--hover)}.preset b{font-weight:400}.preset-emoji{font-size:18px;width:22px;text-align:center}.delete-preview{display:flex;gap:10px;border:1px solid var(--border);border-radius:8px;padding:12px;box-shadow:0 1px 3px #0000000f}.delete-preview .avatar{width:36px;height:36px;border-radius:8px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:100;background:#1d1c1d;color:#fff;padding:12px 18px;border-radius:8px;font-size:15px;box-shadow:0 4px 16px #0000004d;max-width:520px}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(4px)}}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}}@keyframes pop-out{to{opacity:0;transform:translateY(-4px) scale(.98)}}@keyframes modal-in{0%{opacity:0;transform:scale(.97)}}@keyframes modal-out{to{opacity:0;transform:scale(.97)}}@keyframes slide-in-x{0%{opacity:0;transform:translate(var(--motion-shift))}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,var(--motion-shift))}}@keyframes toast-out{to{opacity:0;transform:translate(-50%,var(--motion-shift))}}@keyframes react-in{0%{opacity:0;transform:scale(.9)}}@keyframes hl-fade{0%,60%{background-color:#fdf3d4}}@keyframes shimmer{to{background-position:-200% 0}}button,a,.sb-item,.dm-row,.act-row,.browse-row,.user-row,.reaction,.thread-summary,.day-pill,.search-card,.preset,.emoji-cell{transition:background-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease),opacity var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}.menu-item,.sugg{transition:none}:is(.btn-primary,.btn-outline,.btn-danger,.icon-btn,.ha-btn,.tb-btn,.rail-tab,.rail-plus,.reaction,.cmp-send button,.cmp-icon,.cmp-plus,.cmp-toolbar button,.sb-compose,.block-btn,.day-pill):active:not(:disabled){transform:scale(.97)}:is(button,a,[role=button]):focus-visible{outline:none;box-shadow:0 0 0 2px #1d9bd1,0 0 0 5px #1d9bd14d}.popover{animation:pop-in var(--motion-fast) var(--motion-ease);transform-origin:top center}.popover.closing{animation:pop-out calc(var(--motion-fast) * .6) var(--motion-ease) forwards}.modal-overlay{animation:fade-in var(--motion-base) var(--motion-ease)}.modal-overlay .modal{animation:modal-in var(--motion-base) var(--motion-ease)}.modal-closing .modal-overlay{animation:fade-out calc(var(--motion-base) * .5) var(--motion-ease) forwards}.modal-closing .modal-overlay .modal{animation:modal-out calc(var(--motion-base) * .5) var(--motion-ease) forwards}.toast{animation:toast-in var(--motion-base) var(--motion-ease)}.toast.out{animation:toast-out calc(var(--motion-base) * .5) var(--motion-ease) forwards}.hover-actions{animation:fade-in 80ms var(--motion-ease)}.suggestions{animation:rise-in var(--motion-fast) var(--motion-ease)}.thread-pane:not(.standalone) .pane-titles,.thread-pane:not(.standalone) .thread-scroll{animation:slide-in-x var(--motion-base) var(--motion-ease)}.msg.fresh{animation:rise-in var(--motion-base) var(--motion-ease)}.reaction.fresh{animation:react-in var(--motion-fast) var(--motion-ease)}.sidebar-inner{flex:1;min-height:0;display:flex;flex-direction:column;animation:fade-in var(--motion-fast) var(--motion-ease)}.thread-summary:hover .ts-view,.thread-summary:hover .ts-chevron{animation:fade-in var(--motion-fast) var(--motion-ease)}.day-divider+.msg .hover-actions{top:-10px}.skeleton{padding:8px 0}.skel-row{display:flex;gap:8px;padding:8px 20px}.skel-avatar,.skel-bar{background:linear-gradient(90deg,#1d1c1d0f 25%,#1d1c1d1a,#1d1c1d0f 75%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.skel-avatar{width:36px;height:36px;border-radius:8px;flex:none}.skel-lines{flex:1;display:flex;flex-direction:column;gap:8px;padding-top:4px}.skel-bar{height:12px;border-radius:6px}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%,2px);background:#1d1c1d;color:#fff;font-size:13px;font-weight:700;line-height:18px;padding:5px 9px;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;z-index:60;box-shadow:0 4px 12px #00000026;transition:opacity var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}[data-tip]:hover:after{opacity:1;transform:translate(-50%);transition-delay:.3s}[data-tip][data-tip-down]:after{bottom:auto;top:calc(100% + 8px);transform:translate(-50%,-2px)}[data-tip][data-tip-down]:hover:after{transform:translate(-50%)}.hover-actions [data-tip]:last-child:after,[data-tip][data-tip-end]:after{left:auto;right:0;transform:translateY(2px)}.hover-actions [data-tip]:last-child:hover:after,[data-tip][data-tip-end]:hover:after{transform:none}@media(prefers-reduced-motion:reduce){:root{--motion-fast: 0ms;--motion-base: 0ms;--motion-slow: 0ms}.skel-avatar,.skel-bar{animation:none}}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.theme-card{display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:12px;border:1px solid var(--border);background:#fff}.theme-card:hover{border-color:var(--border-strong);box-shadow:0 1px 4px #00000014}.theme-card.on{border-color:#1d9bd1;box-shadow:0 0 0 1px #1d9bd1}.tp-preview{display:flex;gap:4px;height:92px;padding:14px 6px 6px;border-radius:8px;background:var(--chrome-bg)}.tp-side{width:38%;border-radius:5px 0 0 5px;background:var(--sb-bg);display:flex;flex-direction:column;gap:6px;padding:8px 6px}.tp-side i{height:6px;border-radius:3px;background:rgba(var(--sf),.35)}.tp-side i.on{background:var(--sb-active);height:9px}.tp-side i:nth-child(3){width:70%}.tp-main{flex:1;border-radius:0 5px 5px 0;background:#fff;display:flex;flex-direction:column;gap:7px;padding:10px 8px}.tp-main i{height:6px;border-radius:3px;background:#1d1c1d1a}.tp-main i:nth-child(2){width:75%}.tp-main i:nth-child(3){width:55%}.tp-label{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--fg)}.tp-radio{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--border-strong);flex:none}.theme-card.on .tp-radio{border:5px solid #1d9bd1}.wa-green{color:#1fa855}.msg.wa{background:#e8f8ec}.msg.wa:hover{background:#dcf3e2}.msg.wa.compact{background:#e8f8ec}.wa-label{color:#157f3c;font-weight:700}.wa-label svg{color:#1fa855}.wa-label .wa-status{font-weight:400;color:#4c7a5c}.wa-label.failed,.wa-label.failed .wa-status{color:var(--red)}.wa-badge{background:#1fa855;color:#fff}.wa-pill{display:flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:6px;background:#e8f8ec;color:#157f3c;font-size:13px;font-weight:700;border:1px solid #bfe8cb;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-pill svg{color:#1fa855;flex:none}.wa-pill:hover{background:#dcf3e2}.cmp-wa-hint{display:flex;align-items:center;gap:6px;font-size:13px;color:#157f3c;padding:0 12px 2px}.cmp-wa-hint svg{color:#1fa855}.cmp-wa-hint.off{color:var(--red)}.wa-connect p,.wa-linked p{margin:0 0 12px}.wa-warning{font-size:13px;color:#8a5a00;background:#fff6e0;border:1px solid #f3dfa8;border-radius:8px;padding:8px 12px}.wa-qr{display:flex;gap:24px;align-items:center}.wa-qr img{width:220px;height:220px;border-radius:8px;border:1px solid var(--border)}.wa-qr ol{margin:0;padding-left:20px;line-height:1.9}.wa-wait{padding:24px;text-align:center;color:var(--fg-2)}.wa-help{margin:0 0 16px;padding-left:20px;color:var(--fg-2);line-height:1.7}.wa-actions{display:flex;gap:8px}.wa-chat-icon{width:36px;height:36px;border-radius:8px;background:#e8f8ec;color:#157f3c;display:grid;place-items:center;font-weight:700;flex:none}.wa-foot{display:flex;align-items:center;justify-content:space-between;width:100%}.sb-section.drop-over{background:rgba(var(--sf),.08);border-radius:8px;box-shadow:inset 0 0 0 1px rgba(var(--sf),.35)}.sb-item[draggable=true]:active{cursor:grabbing}.sb-hint{margin:0 8px;padding:4px 16px 6px 38px;font-size:13px;color:var(--sb-text);opacity:.7;font-style:italic}.sb-wa{background:#1fa85540;color:#fff}.sb-wa-mark{color:#25d366;margin-left:4px;flex:none}.wa-error{font-size:13px;color:var(--red);background:#fdecef;border:1px solid #f5c2cd;border-radius:8px;padding:8px 12px}.todo-add{margin:0 16px 10px}.todo-add input{width:100%;height:32px;border-radius:6px;border:0;outline:none;padding:0 10px;font-size:14px;color:rgb(var(--sf));background:rgba(var(--sf),.1);box-shadow:inset 0 0 0 1px rgba(var(--sf),.15)}.todo-add input::placeholder{color:var(--sb-text)}.todo-add input:focus{box-shadow:inset 0 0 0 1px rgba(var(--sf),.5)}.todo-row{display:flex;gap:10px;align-items:flex-start;padding:8px 12px 8px 16px;border-bottom:1px solid rgba(var(--sf),.06);color:var(--sb-text)}.todo-row:hover{background:var(--sb-hover)}.todo-check{width:18px;height:18px;margin-top:2px;flex:none;border-radius:5px;border:1.5px solid rgba(var(--sf),.55);display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff}.todo-check:hover{border-color:rgb(var(--sf))}.todo-row.done .todo-check{background:#2bac76;border-color:#2bac76}.todo-main{flex:1;min-width:0}.todo-text{color:rgb(var(--sf));font-size:14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.todo-row.done .todo-text{text-decoration:line-through;opacity:.6}.todo-source{font-size:12px;color:var(--sb-text);margin-top:2px;text-align:left}.todo-source:hover{text-decoration:underline;color:rgb(var(--sf))}.todo-del{width:22px;height:22px;border-radius:5px;display:grid;place-items:center;color:var(--sb-text);opacity:0;flex:none}.todo-row:hover .todo-del,.todo-del:focus-visible{opacity:1}.todo-del:hover{background:var(--sb-hover);color:rgb(var(--sf))}.ha-btn .todo-icon-on{color:#2bac76}.pair-code{font:700 44px/1 var(--mono);letter-spacing:.08em;text-align:center;padding:18px 0 6px;color:var(--fg)}.pair-left{text-align:center;margin-bottom:16px}.pair-device{padding:4px 0}