html[data-appui="1"] .app-scroll.dm-page{display:flex;flex-direction:column;overflow:hidden;padding-bottom:0}.friends-web{display:flex;min-height:24rem;height:calc(100dvh - 5.5rem);flex-direction:column}.friends-pane{display:flex;min-height:0;flex:1 1 auto;flex-direction:column}.friends-thread-pane{display:none;min-height:0;flex-direction:column}@media (min-width:1024px){.friends-web{display:grid;grid-template-columns:22.5rem minmax(0,1fr);gap:1rem}.friends-thread-pane,.friends-web[data-thread=true] .friends-pane{display:flex}}@media (max-width:1023.98px){.friends-web[data-thread=true] .friends-pane{display:none}.friends-web[data-thread=true] .friends-thread-pane{display:flex}}.friends-scroll{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-block:.25rem 1rem}.friends-empty{padding:2rem 1rem;text-align:center;font-size:.95rem;color:var(--text-secondary)}.friends-tabs{flex:none;display:flex;gap:.35rem;padding-block:.5rem}.friends-tab{position:relative;display:inline-flex;min-height:2.75rem;flex:1 1 0;align-items:center;justify-content:center;gap:.35rem;border:1px solid var(--border);border-radius:9999px;background:var(--bg-tertiary);padding-inline:.75rem;font-size:.9rem;font-weight:700;color:var(--text-secondary);white-space:nowrap;transition:background-color var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out);-webkit-tap-highlight-color:transparent}.friends-tab[data-state=active]{border-color:var(--accent);background:var(--accent-soft,rgba(217,180,92,.16));color:var(--text-primary)}.friends-tab:active{transform:scale(.97)}.friends-dot{display:inline-block;width:.5rem;height:.5rem;flex:none;border-radius:9999px;background:#e8788c;box-shadow:0 0 6px rgba(232,120,140,.7)}.friends-count{display:inline-grid;min-width:1.35rem;height:1.35rem;place-items:center;border-radius:9999px;background:#e8788c;padding-inline:.35rem;font-size:.72rem;font-weight:800;color:#1a0b10}.friends-section-h{margin-block:.75rem .25rem;padding-inline:.5rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.friends-list{display:flex;flex-direction:column;gap:.25rem}.friend-row{display:flex;min-height:3.5rem;align-items:center;gap:.65rem;border-radius:.9rem;padding-block:.35rem;padding-inline:.5rem;transition:background-color var(--dur-1) var(--ease-out)}.friend-row[data-online=false] .friend-avatar,.friend-row[data-online=false] .friend-name{opacity:.7}.friend-main{display:flex;min-width:0;flex:1 1 auto;align-items:center;gap:.65rem;border-radius:.75rem;text-align:start;-webkit-tap-highlight-color:transparent}button.friend-main{min-height:2.75rem}button.friend-main:active{opacity:.8}.friend-avatar{position:relative;flex:none}.friend-presence-dot{position:absolute;inset-block-end:0;inset-inline-end:0;width:.7rem;height:.7rem;border:2px solid var(--bg-primary);border-radius:9999px;background:#22c55e}.friend-text{min-width:0;flex:1 1 auto}.friend-name{font-weight:700}.friend-name,.friend-sub{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-sub{font-size:.78rem;color:var(--text-secondary)}.friend-sub[data-live=true]{color:#22c55e}.friend-actions{display:flex;flex:none;align-items:center;gap:.35rem}.friend-btn{display:inline-flex;min-height:2.75rem;min-width:2.75rem;align-items:center;justify-content:center;gap:.3rem;border:1px solid var(--border-strong);border-radius:9999px;background:var(--bg-tertiary);padding-inline:.85rem;font-size:.85rem;font-weight:700;color:var(--text-primary);white-space:nowrap;transition:transform 90ms ease,background-color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out);-webkit-tap-highlight-color:transparent}.friend-btn:active{transform:scale(.95)}.friend-btn:disabled{opacity:.5}.friend-btn[data-tone=accent]{border-color:var(--accent);background:var(--accent-soft,rgba(217,180,92,.16))}.friend-btn[data-tone=live]{border-color:#22c55e;background:color-mix(in srgb,#22c55e 18%,var(--bg-tertiary))}.friend-btn[data-tone=danger]{border-color:color-mix(in srgb,var(--accent-danger,#d9534f) 50%,var(--border));color:var(--accent-danger,#d9534f)}.friend-btn[data-tone=muted]{border-color:var(--border);color:var(--text-secondary)}.friends-search{flex:none;margin-block:.25rem .5rem}.dm-head{flex:none;display:flex;align-items:center;gap:.6rem;border-bottom:1px solid var(--border);padding-block:.5rem;padding-inline:.25rem}.dm-earlier{align-self:center;margin-bottom:.25rem;min-height:2.75rem;border-radius:9999px;padding-inline:1rem;font-size:.8rem;font-weight:600;color:var(--text-secondary)}.dm-invite{display:flex;flex-direction:column;gap:.4rem}.dm-invite-code{display:inline-block;border:1px solid color-mix(in srgb,var(--accent) 50%,var(--border));border-radius:.6rem;background:var(--bg-tertiary);padding:.15rem .6rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.1rem;font-weight:700;letter-spacing:.25em;color:var(--accent)}.dm-day{align-self:center;padding-block:.25rem;font-size:.72rem;color:var(--text-secondary)}.dm-banner{position:fixed;inset-inline:0;top:calc(4.25rem + env(safe-area-inset-top, 0px));z-index:39;display:flex;justify-content:center;padding-inline:.75rem;pointer-events:none}html[data-appui="1"] .dm-banner{top:calc(3.25rem + env(safe-area-inset-top, 0px))}.dm-banner-pill{display:flex;width:100%;max-width:28rem;align-items:center;gap:.6rem;border-radius:1rem;padding:.5rem .6rem .5rem .75rem;box-shadow:0 12px 32px rgba(0,0,0,.35);pointer-events:auto;animation:dm-banner-in var(--dur-2) var(--ease-out) both}[dir=rtl] .dm-banner-pill{padding:.5rem .75rem .5rem .6rem}@keyframes dm-banner-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.dm-banner-body{display:flex;min-width:0;flex:1 1 auto;align-items:center;gap:.6rem;min-height:2.75rem;text-align:start;-webkit-tap-highlight-color:transparent}.dm-banner-title{font-size:.85rem;font-weight:700}.dm-banner-text,.dm-banner-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-banner-text{font-size:.78rem;color:var(--text-secondary)}.invite-row{display:flex;min-height:3.25rem;align-items:center;gap:.65rem;padding-inline:.25rem}@media (prefers-reduced-motion:reduce){.dm-banner-pill{animation:none}.friend-btn,.friend-row,.friends-tab{transition:none}}