@media (width>=769px) and (height>=481px),(width>=951px){.dash-side:has(>.sl-nav){width:289px;padding:0}}.sl-nav{flex-direction:column;min-height:100%;padding:0 12px 24px 10px;display:flex}.sl-find{box-sizing:border-box;border:1px solid var(--line);background:var(--surface);height:32px;color:var(--muted);cursor:text;border-radius:9px;flex:none;align-items:center;gap:7px;margin:16px -2px 14px 2px;padding:0 8px 0 10px;font-size:13px;display:flex}.sl-find:focus-within{border-color:color-mix(in srgb, var(--accent) 55%, transparent)}.sl-find svg{flex:none}.sl-find input{min-width:0;height:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;padding:0}.sl-find input::placeholder{color:var(--muted);opacity:1}.sl-find kbd{font:inherit;border:1px solid var(--line2);color:var(--muted);border-radius:5px;padding:0 5px;font-size:11px;line-height:16px}.sl-nav .dash-nav-head{letter-spacing:.02em;text-transform:none;height:30px;min-height:30px;color:var(--muted);justify-content:flex-start;gap:6px;margin-top:20px;margin-bottom:6px;padding:0 2px 0 8px;font-size:12px;font-weight:600}.sl-nav .dash-nav-head>span{text-box:trim-both cap alphabetic}.sl-add{border:1px dashed var(--line2);height:26px;color:var(--muted);border-radius:7px;align-items:center;gap:5px;margin-left:auto;padding:0 10px 0 8px;font-size:11px;font-weight:500;display:inline-flex}.sl-add>span{text-box:trim-both cap alphabetic}.sl-add:hover{border-style:solid;border-color:color-mix(in srgb, var(--accent) 55%, transparent);color:var(--text);background:color-mix(in srgb, var(--accent) 8%, transparent)}.sl-add svg{stroke-width:2.4px;width:13px;height:13px}.sl-nav .dash-nav-sub{padding:10px 8px 2px;font-size:12px;font-weight:600}.sl-nav .tree-row{color:var(--text-2);border-radius:7px;gap:8px;padding:0 6px 0 11px;font-size:14px}@media (width>=769px) and (height>=481px),(width>=951px){.sl-nav .tree-row,.sl-nav .tree-row.channel,.sl-nav .tree-row.dm{height:34px;margin-bottom:2px}.sl-nav .tree-row.dm{height:36px}}.sl-nav .tree-row.dm+.tree-row.dm{margin-top:2px}.sl-nav .tree-row.dm .tree-icon{z-index:1;position:relative;overflow:visible}.sl-nav .tree-row:hover{background:var(--surface-3);color:var(--text)}.sl-nav .tree-row.active{color:var(--text);background:#ffffff0f;font-weight:550}.sl-nav .tree-row.active .tree-name{font-weight:inherit}.sl-nav .tree-row.active:hover{background:#ffffff16}.sl-nav .tree-row.active:before{content:"";background:var(--rc,var(--accent));border-radius:0 2px 2px 0;width:2.5px;height:14px;margin-top:-7px;position:absolute;top:50%;left:0}.sl-nav .tree-row.unread{color:var(--text);font-weight:650}.sl-nav .tree-icon{width:auto;min-width:16px}.sl-nav .tree-icon svg{width:16px;height:16px}.sl-nav .tree-lock{color:var(--muted)}.sl-nav .tree-count.unread-count{box-sizing:border-box;min-width:20px;height:20px;color:var(--text-2);font-variant-numeric:tabular-nums;background:0 0;border-radius:10px;justify-content:center;align-items:center;padding:0;font-size:12px;font-weight:600;line-height:1;display:flex}.sl-nav .tree-count.unread-count.m{background:color-mix(in srgb, var(--sky) 20%, transparent);color:var(--sky);padding:0 7px;font-weight:650}.sl-nav .tree-row.dm .avatar{letter-spacing:0;font-weight:700;font-size:11px!important}.sl-nav .tree-row.dm .presence-dot{width:9px;height:9px;bottom:-3px;right:-3px}.sl-nav .tree-row.dm .presence-dot.online{background:var(--accent)}.sl-nav .tree-row.dm .presence-dot.away{background:var(--butter)}.sl-nav .tree-empty{padding-left:10px}@media (width<=768px),(height<=480px) and (width<=950px){.dash-side .sl-nav{padding:8px 12px 24px}.sl-nav .tree-row{height:44px;font-size:15px}.sl-add{height:36px}.sl-find{height:40px;margin-top:8px;font-size:14px}.sl-find kbd{display:none}}.sp-dropbar{z-index:var(--z-sticky);border-radius:var(--r-m);border:1.5px dashed color-mix(in srgb, var(--sky) 53%, transparent);background:var(--surface);min-height:44px;color:var(--info);font-size:var(--fs-m);justify-content:center;align-items:center;gap:8px;margin:0 0 8px;display:flex;position:sticky;top:0}:is(.dash-tab:has(.sp-tabdrop),.tb-tab:has(.sp-tabdrop)){outline:1.5px dashed color-mix(in srgb, var(--sky) 53%, transparent);outline-offset:-2px;position:relative}.sp-tabdrop{position:absolute;inset:0}@media (width<=768px){.sp-dropbar{display:none}}.sp-chip{border-radius:var(--r-chip);height:18px;font-size:var(--fs-xs);color:var(--info);background:var(--info-bg);white-space:nowrap;flex:none;align-items:center;gap:3px;padding:0 6px;font-weight:600;display:inline-flex}
