.ann{--ann-color:var(--bar-cyan);--ann-gap:.35em;display:inline-block;position:relative}.ann:before{content:"";background:var(--ann-color);height:.42em;-webkit-mask:var(--ann-underline) center / 100% 100% no-repeat;-webkit-mask:var(--ann-underline) center / 100% 100% no-repeat;mask:var(--ann-underline) center / 100% 100% no-repeat;pointer-events:none;position:absolute;bottom:-.28em;left:-.12em;right:-.12em}.ann{--ann-underline:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M4 13 C40 4 70 17 104 10 C136 4 168 15 196 7' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E")}.ann:after{content:attr(data-note);font-family:var(--font-mono);letter-spacing:.01em;color:var(--ann-color);white-space:pre-line;text-align:center;pointer-events:none;width:max-content;max-width:15ch;font-size:.68rem;line-height:1.25;position:absolute;left:50%}.ann-n:after{bottom:calc(100% + var(--ann-gap) + 1.6em);transform:translate(-50%)rotate(-2.5deg)}.ann-s:after{top:calc(100% + var(--ann-gap) + .55em);transform:translate(-50%)rotate(1.8deg)}.ann-arrow{vertical-align:middle;background:var(--ann-color,var(--bar-cyan));width:2.6em;height:2em;-webkit-mask:var(--ann-arrow-mask) center / contain no-repeat;-webkit-mask:var(--ann-arrow-mask) center / contain no-repeat;mask:var(--ann-arrow-mask) center / contain no-repeat;--ann-arrow-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 46'%3E%3Cpath d='M8 40 C10 22 24 8 48 7' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round'/%3E%3Cpath d='M38 4 L50 7 L44 17' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");pointer-events:none;display:inline-block}.ann-flip{transform:scaleX(-1)}.ann-n{margin-top:calc(2.9em + var(--ann-gap))}.ann-s{margin-bottom:calc(3.4em + var(--ann-gap))}@property --ann-hue{syntax:"<angle>";inherits:false;initial-value:350deg}.ann-rainbow{--ann-hue:350deg;--ann-color:oklch(.62 .19 var(--ann-hue))}@media (prefers-reduced-motion:no-preference){.ann-rainbow{animation:6s linear infinite ann-hue-cycle}@keyframes ann-hue-cycle{to{--ann-hue:710deg}}}.ann-cyan{--ann-color:var(--bar-cyan)}.ann-green{--ann-color:var(--bar-green)}.ann-yellow{--ann-color:var(--bar-yellow)}.ann-magenta{--ann-color:var(--bar-magenta)}@media (width<=560px){.ann:after{max-width:17ch;font-size:.62rem}.ann-n:after{bottom:calc(100% + var(--ann-gap) + 1.2em)}}