:root{--presence-online:var(--c-green);--presence-idle:var(--c-amber);--presence-dnd:var(--c-red);--presence-offline:#6B7686;--presence-offline-ring:rgba(94, 223, 149, .35);--presence-unknown:var(--text-dim);--presence-unknown-ring:#3A4350;--presence-cutout:var(--bg-deep)}.presence-avatar{position:relative;display:inline-block;line-height:0;border-radius:100%}.app-header[data-presence] .app-header-avatar{transition:border-color .6s ease,box-shadow .6s ease}.app-header[data-presence=online] .app-header-avatar{border-color:var(--presence-online);box-shadow:0 0 1.75rem rgba(94,223,149,.45)}.app-header[data-presence=idle] .app-header-avatar{border-color:var(--presence-idle)}.app-header[data-presence=dnd] .app-header-avatar{border-color:var(--presence-dnd)}.app-header[data-presence=offline] .app-header-avatar{border-color:var(--presence-offline-ring)}.app-header[data-presence=unknown] .app-header-avatar{border-style:dashed;border-color:var(--presence-unknown-ring)}.presence-badge{position:absolute;right:.575rem;bottom:.575rem;width:3.25rem;height:3.25rem;border-radius:50%;background:var(--presence-cutout);display:none;align-items:center;justify-content:center}.presence-badge svg{width:2.1rem;height:2.1rem;display:none}.app-header[data-presence=online] .presence-badge,.app-header[data-presence=idle] .presence-badge,.app-header[data-presence=dnd] .presence-badge,.app-header[data-presence=offline] .presence-badge,.app-header[data-presence=unknown] .presence-badge{display:flex}.app-header[data-presence=online] .presence-badge .pb-online,.app-header[data-presence=idle] .presence-badge .pb-idle,.app-header[data-presence=dnd] .presence-badge .pb-dnd,.app-header[data-presence=offline] .presence-badge .pb-offline,.app-header[data-presence=unknown] .presence-badge .pb-unknown{display:block}@keyframes presence-pop{0%{transform:scale(.6)}60%{transform:scale(1.12)}100%{transform:scale(1)}}.app-header.presence-changed .presence-badge{animation:presence-pop .45s ease-out}.presence-status{display:none;flex-direction:column;align-items:center;gap:.5rem;margin:-.25rem 0 .5rem}.app-header[data-presence=online] .presence-status,.app-header[data-presence=idle] .presence-status,.app-header[data-presence=dnd] .presence-status,.app-header[data-presence=offline] .presence-status,.app-header[data-presence=unknown] .presence-status{display:flex}.app-header[data-presence=pending] .presence-status{display:flex;visibility:hidden}.presence-pill{display:inline-flex;align-items:center;gap:.5rem;padding:5px 12px;border-radius:999px;font-size:13px;font-weight:600;line-height:1.4;min-height:calc(13px * 1.4 + 10px);box-sizing:border-box;background:rgba(255,255,255,7%);color:var(--text-muted);transition:background .6s ease,color .6s ease}.presence-pill::before{content:"";width:8px;height:8px;border-radius:50%;box-sizing:border-box;flex:none}.app-header[data-presence=online] .presence-pill{background:rgba(0,200,100,.18);color:var(--presence-online)}.app-header[data-presence=idle] .presence-pill{background:rgba(255,160,0,.18);color:var(--presence-idle)}.app-header[data-presence=dnd] .presence-pill{background:rgba(255,60,60,.18);color:var(--presence-dnd)}.app-header[data-presence=online] .presence-pill::before{background:var(--presence-online)}.app-header[data-presence=idle] .presence-pill::before{background:var(--presence-idle)}.app-header[data-presence=dnd] .presence-pill::before{background:var(--presence-dnd)}.app-header[data-presence=offline] .presence-pill::before{border:2px solid var(--presence-offline)}.app-header[data-presence=unknown] .presence-pill::before{border:2px dashed var(--presence-unknown)}.presence-sub{font-size:12px;line-height:1.5;color:var(--text-dim);min-height:1.5em}.app-header-social a{position:relative;display:inline-flex}.app-header-social a:not(:last-child){margin-right:.6em}.presence-dot{position:absolute;right:-.16em;top:-.16em;width:11px;height:11px;border-radius:50%;box-sizing:border-box;border:2px solid var(--presence-cutout);pointer-events:none}.presence-dot[hidden]{display:none}.presence-dot[data-state=online]{background:var(--presence-online)}.presence-dot[data-state=idle]{background:var(--presence-idle)}.presence-dot[data-state=dnd]{background:var(--presence-dnd)}.presence-dot[data-state=offline]{background:var(--presence-cutout);border-color:var(--presence-offline)}.presence-dot[data-state=unknown]{background:var(--presence-cutout);border:2px dashed var(--presence-unknown)}.presence-count{position:absolute;right:-.62em;top:-.42em;min-width:1.6em;box-sizing:border-box;text-align:center;font-family:fira code,monospace;font-size:10px;font-weight:600;line-height:1;padding:3px 4px;border-radius:999px;background:var(--presence-cutout);border:1px solid rgba(94,223,149,.6);color:var(--c-green);pointer-events:none}.presence-count[hidden]{display:none}.presence-card{--pc-glow:0 0 48px rgba(94, 223, 149, .4);--pc-glow-strong:0 0 64px rgba(94, 223, 149, .52);--pc-shadow:0 10px 30px rgba(0, 0, 0, .45);position:fixed;inset:auto;margin:0;width:min(22rem,calc(100vw - 2rem));box-sizing:border-box;padding:1.1rem 1.35rem;overflow:visible;text-align:left;font-size:13px;line-height:1.5;color:var(--text-muted);background:linear-gradient(var(--surface),var(--surface)),var(--bg);border:1px solid var(--border);border-left:3px solid var(--c-green);border-radius:var(--radius);box-shadow:var(--pc-shadow),var(--pc-glow);opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease,box-shadow .35s ease,display .18s allow-discrete,overlay .18s allow-discrete}.presence-card[data-side=right]{transform:translateX(-4px)}.presence-card[data-side=above]{transform:translateY(-4px)}.presence-card:popover-open{opacity:1;transform:none}.presence-card:popover-open:hover,.presence-card:popover-open:focus-within{box-shadow:var(--pc-shadow),var(--pc-glow-strong)}@starting-style{.presence-card:popover-open {
    opacity: 0;
    transform: translateY(4px);
    box-shadow: var(--pc-shadow), 0 0 0 rgba(94, 223, 149, 0);
  }
  .presence-card[data-side="right"]:popover-open { transform: translateX(-4px); }
  .presence-card[data-side="above"]:popover-open { transform: translateY(-4px); }
}.presence-card [hidden]{display:none!important}.presence-card .card-title{margin:0 0 2px}.presence-card .card-desc{margin:0 0 .9rem}.pc-graph{margin:0 0 .9rem}.pc-bars{display:block;width:100%;height:auto;overflow:visible}.pc-bars[data-empty]{display:none}.pc-bar{fill:var(--c-green);transform-box:fill-box;transform-origin:50% 100%;transition:fill-opacity .2s ease,filter .2s ease}.pc-bar[data-level="0"]{fill:#2a313c}.pc-bar[data-level="1"]{fill-opacity:.35}.pc-bar[data-level="2"]{fill-opacity:.55}.pc-bar[data-level="3"]{fill-opacity:.78}.pc-bar[data-level="4"]{fill-opacity:1}.pc-bar[data-today]{stroke:#a7f3d0;stroke-width:1}.pc-bar:not([data-level="0"]):hover{fill-opacity:1;filter:drop-shadow(0 0 4px rgba(94,223,149,.85))}@keyframes pc-grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}.presence-card:popover-open .pc-bar{animation:pc-grow .45s cubic-bezier(.2,.8,.2,1)both;animation-delay:calc(var(--i,0) * 12ms)}.pc-axis{display:flex;justify-content:space-between;gap:.5rem;margin-top:6px;font-size:11px;color:var(--text-dim)}.pc-axis [data-card-total]{color:var(--c-green);font-weight:600}.pc-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 .9rem}.pc-stats>div{padding:.5rem .7rem;background:rgba(255,255,255,.035);border:1px solid var(--border-soft);border-radius:10px}.pc-stats dt,.pc-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.pc-stats dd{margin:2px 0 0;font-size:20px;font-weight:600;line-height:1.3;color:var(--text)}.pc-last{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4em;margin:0 0 .35rem}.pc-label{margin-right:.2em}.pc-last a,.pc-foot a{text-decoration:none}.pc-last a{color:var(--c-blue)}.pc-last a:hover,.pc-foot a:hover{text-decoration:underline}.pc-last [data-card-last-private]{color:var(--text)}.presence-card .icon{width:1em;height:1em;margin-top:0;vertical-align:-.125em}.pc-restricted{margin:0 0 .35rem;font-size:12px;color:var(--text-dim)}.pc-foot{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--border-soft);font-size:12px;color:var(--text-dim)}.pc-foot a{color:var(--c-green);font-weight:600;white-space:nowrap}@media(prefers-reduced-motion:reduce){.app-header[data-presence] .app-header-avatar,.presence-pill{transition:none}.app-header.presence-changed .presence-badge{animation:none}.presence-card,.pc-bar{transition:none}.presence-card:popover-open .pc-bar{animation:none}}