.sign-mention{border:0;border-bottom:1.5px dotted var(--warm);color:inherit;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;padding:0;line-height:1}.sign-mention__icon{object-fit:contain;vertical-align:-.25em;width:1.2em;height:1.2em;margin-right:.2em}.sign-popover{z-index:50;box-sizing:border-box;border:1px solid var(--line);background:var(--surface2);box-shadow:var(--shadow);border-radius:16px;padding:16px;animation:.16s both theorySignPopBelow;display:grid;position:absolute}.sign-popover--above{animation-name:theorySignPopAbove;transform:translateY(-100%)}@keyframes theorySignPopBelow{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes theorySignPopAbove{0%{opacity:0;transform:translateY(calc(4px - 100%))scale(.98)}to{opacity:1;transform:translateY(-100%)scale(1)}}.sign-popover__arrow{box-sizing:content-box;background:var(--surface2);border:1px solid var(--line);width:12px;height:12px;position:absolute;transform:rotate(45deg)}.sign-popover__arrow--above{border-bottom:none;border-right:none;top:-6px}.sign-popover__arrow--below{border-top:none;border-left:none;bottom:-6px}.sign-popover .theory-sign__code,.sign-popover .theory-sign__name,.sign-popover .theory-sign__gloss,.sign-popover__count{text-box:trim-both cap alphabetic}.sign-popover__close{width:28px;height:28px;color:var(--muted);background:0 0;border:none;border-radius:8px;grid-area:1/-2/auto/-1;justify-content:center;align-self:center;align-items:center;margin:-14px -9px -14px 8px;padding:0;display:flex}.sign-popover__close .material-symbols-rounded{font-size:18px}.sign-popover--single{grid-template-rows:auto auto auto 1fr;grid-template-columns:96px minmax(0,1fr) auto;column-gap:16px}.sign-popover__image{box-sizing:border-box;border:1px solid var(--line);background:var(--surface);object-fit:contain;border-radius:12px;grid-area:1/1/-1;width:96px;height:96px;padding:8px;display:block}.sign-popover--single>.theory-sign__code{grid-area:1/2}.sign-popover--single>.theory-sign__name{grid-area:2/2/auto/-1;margin-top:10px}.sign-popover--single>.theory-sign__gloss{grid-area:3/2/auto/-1;margin-top:8px}.sign-popover__line-end{white-space:nowrap}.sign-popover .theory-sign__play{width:20px;height:20px;font:inherit;vertical-align:middle;border-radius:6px;margin:-3px 0 -3px 6px;padding:0;position:relative;top:calc(.5ex - .5cap);right:auto}.sign-popover .theory-sign__play .material-symbols-rounded{font-size:15px}.sign-popover--family{grid-template-columns:auto minmax(0,1fr) auto}.sign-popover--family>.theory-sign__code{grid-area:1/1;align-self:end}.sign-popover__count{font:400 12px/1 var(--font-body);color:var(--muted);grid-area:1/2;align-self:end;margin:0 0 0 8px}.sign-popover__count:before{content:"·";margin-right:8px}.sign-popover--family>.theory-sign__name{grid-area:2/1/auto/-1;margin-top:10px}.sign-popover--family>.theory-sign__gloss{grid-area:3/1/auto/-1;margin-top:8px}.sign-popover__variants{grid-area:4/1/auto/-1;grid-template-columns:repeat(var(--variant-columns), 50px);gap:12px 9px;margin:16px 0 0;padding:0;list-style:none;display:grid}.sign-popover__variant{flex-direction:column;align-items:center;gap:8px;display:flex}.sign-popover__variant-image{box-sizing:border-box;border:1px solid var(--line);background:var(--surface);object-fit:contain;border-radius:10px;width:50px;height:50px;padding:4px;display:block}.theory-sign__code{font:500 10.5px/1 var(--font-mono);letter-spacing:.04em;color:var(--accent-ink)}.theory-sign__name{text-wrap:pretty;font:600 13.5px/1.35 var(--font-body);color:var(--ink);margin:0}.theory-sign__gloss{text-wrap:pretty;font:400 12.5px/1.4 var(--font-body);color:var(--muted);margin:0}.theory-sign__play{border:1px solid var(--line);background:var(--surface);width:32px;height:32px;color:var(--accent-ink);border-radius:10px;flex:none;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:inline-flex}.theory-sign__play:hover{background:var(--accent-soft);border-color:#0000}.theory-sign__play--active{background:var(--accent);color:var(--on-accent);border-color:#0000}.theory-sign__play .material-symbols-rounded{font-size:18px}