.tip-anchor{flex:none;display:inline-flex;position:relative}.tip-bubble{z-index:60;background:var(--navy-900,#0e1730);width:max-content;max-width:228px;color:var(--au-soft,#ebd9a0);border:1px solid var(--au,#d4af37);border-radius:var(--r-sm,6px);box-shadow:var(--shadow-toast,0 6px 20px #14213d1f);font:400 var(--t-small,13px) / 1.4 var(--sans);text-align:center;text-transform:none;letter-spacing:0;white-space:normal;opacity:0;pointer-events:none;transition:opacity var(--d-fast,.15s) var(--ease-out,ease), transform var(--d-fast,.15s) var(--ease-out,ease);padding:7px 10px;position:absolute;left:50%;transform:translate(-50%)translateY(2px)}.tip-top{bottom:calc(100% + 8px)}.tip-bottom{top:calc(100% + 8px)}.tip-bubble[data-open]{opacity:1;transform:translate(-50%)translateY(0)}.tip-bubble:after{content:"";background:var(--navy-900,#0e1730);width:8px;height:8px;position:absolute;left:50%;transform:translate(-50%)rotate(45deg)}.tip-top:after{border-right:1px solid var(--au,#d4af37);border-bottom:1px solid var(--au,#d4af37);bottom:-4px}.tip-bottom:after{border-left:1px solid var(--au,#d4af37);border-top:1px solid var(--au,#d4af37);top:-4px}@media (prefers-reduced-motion:reduce){.tip-bubble{transition:opacity var(--d-fast,.15s) var(--ease-out,ease);transform:translate(-50%)}.tip-bubble[data-open]{transform:translate(-50%)}}
.avatar-initials{font-family:var(--sans);letter-spacing:.02em;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex}.avatar-hue-0{background:color-mix(in oklab, var(--gold) 22%, var(--surface));color:var(--accent-gold-text)}.avatar-hue-1{background:color-mix(in oklab, var(--violet) 22%, var(--surface));color:var(--accent-violet-text)}.avatar-hue-2{background:color-mix(in oklab, var(--sky) 22%, var(--surface));color:var(--accent-sky-text)}.avatar-hue-3{background:color-mix(in oklab, var(--pink) 22%, var(--surface));color:var(--accent-pink-text)}.avatar-hue-4{background:color-mix(in oklab, var(--emerald) 22%, var(--surface));color:var(--accent-emerald-text)}.avatar-hue-5{background:color-mix(in oklab, var(--paper-300) 22%, var(--surface));color:var(--paper-200)}