.inline-annotation{position:relative;display:inline;--annotation-trigger-ink: currentColor;--annotation-glass-bg: rgba(242, 240, 235, .08);--annotation-glass-bg-strong: rgba(242, 240, 235, .13);--annotation-glass-line: rgba(230, 227, 221, .18);--annotation-glass-line-strong: rgba(230, 227, 221, .3);--annotation-glass-glow: rgba(255, 193, 112, .12);--annotation-card-bg: rgba(16, 15, 14, .78);--annotation-card-ink: rgba(242, 240, 235, .88);--annotation-card-dim: rgba(230, 227, 221, .58);--annotation-card-line: rgba(230, 227, 221, .14);--annotation-card-x: -50%}html[data-register=recorder][data-surface=texture] .inline-annotation{--annotation-glass-bg: rgba(255, 245, 232, .08);--annotation-glass-bg-strong: rgba(255, 245, 232, .14);--annotation-glass-line: rgba(255, 245, 232, .16);--annotation-glass-line-strong: rgba(255, 245, 232, .28);--annotation-glass-glow: rgba(255, 120, 190, .16)}.inline-annotation-trigger{all:unset;position:relative;display:inline;margin:0 -.04em;padding:.02em .16em .06em;border:1px solid var(--annotation-glass-line);border-radius:.42em;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 44%),radial-gradient(90% 90% at 50% 100%,var(--annotation-glass-glow),transparent 80%),var(--annotation-glass-bg);-webkit-box-decoration-break:clone;box-decoration-break:clone;box-shadow:inset 0 1px #ffffff14,0 0 22px #ffffff08;color:var(--annotation-trigger-ink);font:inherit;line-height:inherit;text-shadow:none;cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.inline-annotation-trigger:hover,.inline-annotation-trigger:focus-visible,.inline-annotation.is-open .inline-annotation-trigger{border-color:var(--annotation-glass-line-strong);background:linear-gradient(180deg,rgba(255,255,255,.14),transparent 46%),radial-gradient(100% 95% at 50% 100%,var(--annotation-glass-glow),transparent 78%),var(--annotation-glass-bg-strong);box-shadow:inset 0 1px #ffffff1f,0 8px 28px #00000024,0 0 26px var(--annotation-glass-glow)}.inline-annotation-trigger:focus-visible{outline:1px solid var(--annotation-glass-line-strong);outline-offset:3px}.inline-annotation-card{position:absolute;left:50%;top:calc(100% + 10px);z-index:90;display:block;width:max-content;min-width:min(246px,calc(100vw - 28px));max-width:min(286px,calc(100vw - 28px));padding:13px 14px 12px;border:1px solid var(--annotation-card-line);border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02) 46%,transparent),radial-gradient(circle at 12% 0%,var(--annotation-glass-glow),transparent 42%),var(--annotation-card-bg);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);box-shadow:0 22px 54px #00000052,inset 0 1px #ffffff1a;color:var(--annotation-card-ink);font-family:var(--sans, inherit);font-size:13px;font-weight:400;line-height:1.55;letter-spacing:0;opacity:0;pointer-events:none;transform:translate3d(var(--annotation-card-x),-4px,0);transition:opacity .16s ease,transform .16s ease,visibility .16s ease;visibility:hidden}.inline-annotation-card:before{content:"";position:absolute;left:-1px;right:-1px;top:-12px;height:12px;background:transparent}.inline-annotation.is-open .inline-annotation-card{opacity:1;pointer-events:auto;transform:translate3d(var(--annotation-card-x),0,0);visibility:visible}.inline-annotation-text{display:block}.inline-annotation-link{display:inline-flex;align-items:center;gap:5px;margin-top:9px;border:0!important;padding:0!important;color:var(--annotation-card-dim)!important;font-family:var(--mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);font-size:10px;line-height:1.4;letter-spacing:.04em;text-decoration:none!important;transition:color .16s ease}.inline-annotation-link:hover,.inline-annotation-link:focus-visible{color:var(--annotation-card-ink)!important;outline:none}.field-annotation-stack{display:grid;gap:10px;margin:34px 0 0}.field-annotation-block{padding:14px 15px;border:1px solid rgba(230,227,221,.14);border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02) 46%,transparent),#100f0ea8;backdrop-filter:blur(16px) saturate(1.1);-webkit-backdrop-filter:blur(16px) saturate(1.1);box-shadow:0 18px 44px #0000002e,inset 0 1px #ffffff14;color:#e6e3ddad}.field-annotation-at{margin-bottom:7px;color:var(--faint, rgba(230, 227, 221, .46));font-family:var(--mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);font-size:10px;line-height:1.4;letter-spacing:.1em;text-transform:lowercase}.field-annotation-block p{margin:0;font-size:14px;line-height:1.62}.field-annotation-block a{display:inline-flex;margin-top:9px;border:0!important;padding:0!important;color:#e6e3dd8f!important;font-family:var(--mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);font-size:10px;line-height:1.4;letter-spacing:.04em;text-decoration:none!important}.field-annotation-block a:hover,.field-annotation-block a:focus-visible{color:var(--ink, #e6e3dd)!important;outline:none}@media(max-width:640px){.inline-annotation-card{min-width:min(256px,calc(100vw - 40px));max-width:min(320px,calc(100vw - 40px))}}@media(prefers-reduced-motion:reduce){.inline-annotation-trigger,.inline-annotation-card,.inline-annotation-link{transition:none}}
