.hintwrap{display:inline-flex;outline:none}.hintwrap:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:6px}.hintpop{position:fixed;z-index:300;transform:translate(-50%,-100%);display:flex;flex-direction:column;gap:5px;width:-moz-max-content;width:max-content;max-width:min(310px,calc(100vw - 24px));padding:13px 16px 14px;border-radius:13px;background:var(--ink);text-align:left;pointer-events:none;box-shadow:0 16px 40px -14px #0a14108c;animation:hint-in .18s ease both}.hintpop .ht{font-size:10.5px;font-weight:var(--w-kicker);letter-spacing:.14em;text-transform:uppercase;color:#7fd7bd}.hintpop .hb{font-size:12.5px;font-weight:450;line-height:1.7;letter-spacing:.01em;color:#f7f7f5eb}.hintpop.below{transform:translate(-50%)}.hintpop:after{content:"";position:absolute;left:calc(50% + var(--ax, 0px));transform:translate(-50%) rotate(45deg);width:8px;height:8px;background:var(--ink)}.hintpop.above:after{bottom:-3px}.hintpop.below:after{top:-3px}@keyframes hint-in{0%{opacity:0;margin-top:3px}to{opacity:1;margin-top:0}}@media(prefers-reduced-motion:reduce){.hintpop{animation:none}}.lang-switch{display:inline-flex;align-items:center;gap:2px;font-size:inherit}.lang-switch-item{display:inline-flex;align-items:center}.lang-switch-dot{color:var(--cap);padding:0 2px}.lang-switch-btn{display:inline-flex;align-items:center;min-height:36px;padding:0 8px;border-radius:8px;background:none;border:0;font:inherit;color:var(--cap);cursor:pointer}.lang-switch-btn:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.lang-switch-btn:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.lang-switch-btn.on{color:var(--ink);font-weight:600;cursor:default;text-decoration:none}
