.ap{width:84%;height:min(64vh,580px);fill:var(--art-line);pointer-events:none;position:absolute;top:50%;left:8%;overflow:visible;transform:translateY(-47%)}.ap-motes{width:100%;height:100%;color:var(--art-line);pointer-events:none;position:absolute;inset:0}.ap-accent{opacity:.55}@media (max-width:860px){.ap{display:none}}
.app-tip{z-index:200;box-sizing:border-box;border:1px solid var(--app-line-strong);background:var(--app-surface);color:var(--app-ink);box-shadow:var(--app-lift);font:500 11px/1.4 var(--app-mono);letter-spacing:.02em;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .14s var(--app-ease), transform .14s var(--app-ease);border-radius:3px;padding:4px 8px;position:fixed;transform:scale(.96)}.app-tip.on{opacity:1;transform:none}.app-tip[data-side=top]{transform-origin:bottom}.app-tip[data-side=bottom]{transform-origin:top}.app-tip[data-side=left]{transform-origin:100%}.app-tip[data-side=right]{transform-origin:0}@media (prefers-reduced-motion:reduce){.app-tip{transition:none;transform:none}}