.app-cluster{--app-btn-size:38px;--app-btn-bg:color-mix(in oklch, var(--s-bg-elev,white) 78%, transparent);--app-btn-border:var(--s-border,#0f141914);--app-btn-shadow:0 2px 8px -2px #0f141914, 0 1px 3px #0f14190a;--app-btn-blur:blur(18px) saturate(140%);--app-btn-hover:color-mix(in oklch, var(--s-bg-elev,white) 92%, var(--s-fg,#1c1917) 6%);--app-btn-active:color-mix(in oklch, var(--s-bg-elev,white) 88%, var(--s-fg,#1c1917) 9%);top:max(14px, env(safe-area-inset-top,0px) + 10px);right:max(14px, env(safe-area-inset-right,0px));z-index:50;align-items:center;gap:8px;display:inline-flex;position:fixed}.app-cluster .ds-bell-trigger,.app-cluster .app-cluster-user-trigger,.app-cluster .app-cluster-search-btn,.app-cluster .app-cluster-lead-btn{width:var(--app-btn-size);height:var(--app-btn-size);border-radius:var(--s-radius-pill,9999px);background:var(--app-btn-bg);border:1px solid var(--app-btn-border);box-shadow:var(--app-btn-shadow);-webkit-backdrop-filter:var(--app-btn-blur)}.app-cluster .ds-bell-trigger:hover{background:var(--app-btn-hover);border-color:var(--app-btn-border);color:var(--s-fg,#1c1917)}.app-cluster .ds-bell[open] .ds-bell-trigger{background:var(--app-btn-active);color:var(--s-fg,#1c1917)}.app-cluster .ds-bell-badge{border-color:color-mix(in oklch, var(--s-bg-elev,white) 88%, transparent)}.app-cluster-search-btn{color:var(--s-fg,#1c1917);-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background .14s var(--s-ease,cubic-bezier(.16, 1, .3, 1));justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.app-cluster-search-btn:hover{background:var(--app-btn-hover)}.app-cluster-search-btn:focus-visible{outline:2px solid var(--s-accent,#2563eb);outline-offset:2px}.app-cluster-lead-btn{color:var(--s-fg,#1c1917);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background .14s var(--s-ease,cubic-bezier(.16, 1, .3, 1)), color .14s var(--s-ease,cubic-bezier(.16, 1, .3, 1));justify-content:center;align-items:center;padding:0;display:inline-flex}.app-cluster-lead-btn:hover{background:var(--app-btn-hover)}.app-cluster-lead-btn[aria-expanded=true]{background:var(--app-btn-active)}.app-cluster-lead-btn:focus-visible{outline:2px solid var(--s-accent,#2563eb);outline-offset:2px}@media (width>=1024px){.app-cluster-lead-btn{display:none}}.app-cluster-user{line-height:0;position:relative}.app-cluster-user-trigger{cursor:pointer;transition:background .14s var(--s-ease,cubic-bezier(.16, 1, .3, 1)), border-color .14s var(--s-ease,cubic-bezier(.16, 1, .3, 1)), box-shadow .14s var(--s-ease,cubic-bezier(.16, 1, .3, 1));-webkit-tap-highlight-color:transparent;touch-action:manipulation;place-items:center;padding:0;list-style:none;display:inline-grid}.app-cluster-user-trigger::-webkit-details-marker{display:none}.app-cluster-user-trigger::marker{display:none}.app-cluster-user-trigger:hover{border-color:color-mix(in oklch, var(--s-accent,#2563eb) 30%, var(--app-btn-border))}.app-cluster-user[open] .app-cluster-user-trigger{border-color:color-mix(in oklch, var(--s-accent,#2563eb) 45%, var(--app-btn-border))}.app-cluster-user-trigger:focus-visible{outline:2px solid var(--s-accent,#2563eb);outline-offset:2px}.app-cluster-avatar{background:var(--s-accent,#2563eb);color:#fff;letter-spacing:.02em;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:grid;overflow:hidden}.app-cluster-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.app-cluster-menu{background:color-mix(in oklch, var(--s-bg-elev,white) 92%, transparent);-webkit-backdrop-filter:blur(20px)saturate(140%);border:1px solid var(--s-border,#0f141914);border-radius:var(--s-radius-xl,14px);z-index:80;min-width:200px;animation:app-cluster-menu-in .18s var(--s-ease,cubic-bezier(.16, 1, .3, 1));flex-direction:column;gap:1px;padding:4px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 40px -12px #0f14192e,0 4px 8px -2px #0f14190f}@keyframes app-cluster-menu-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.app-cluster-menu-form{margin:0;display:flex}.app-cluster-menu-item{border-radius:var(--s-radius-md,8px);width:100%;min-height:40px;font-size:var(--s-text-sm,13px);color:var(--s-fg,#1c1917);text-align:left;cursor:pointer;transition:background .12s var(--s-ease,cubic-bezier(.16, 1, .3, 1));-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;align-items:center;gap:10px;padding:9px 12px;font-family:inherit;font-weight:500;text-decoration:none;display:inline-flex}.app-cluster-menu-item svg{color:var(--s-fg-subtle,#8a95a3);flex-shrink:0}.app-cluster-menu-item:hover{background:var(--s-bg-hover,#0f14190a)}.app-cluster-menu-logout,.app-cluster-menu-logout svg{color:var(--s-danger,#dc2626)}.app-cluster-menu-logout:hover{background:color-mix(in oklch, var(--s-danger,#dc2626) 8%, transparent)}@media (width<=639px){.app-cluster-menu{top:calc(env(safe-area-inset-top,0px) + 60px);width:min(220px,100vw - 24px);position:fixed;left:auto;right:12px}}