.focus-container{display:inline-flex;flex-wrap:wrap;gap:.5rem;align-items:center}.focus-container,.focus-word{position:relative;font-size:inherit;font-weight:inherit;color:inherit}.focus-word{padding:.25rem .5rem;border-radius:.375rem;cursor:pointer;transition:all .3s ease}.focus-word.manual:hover{transform:scale(1.05)}.focus-word.active{font-weight:700;color:var(--border-color,#3b82f6);text-shadow:0 0 10px var(--glow-color,rgba(59,130,246,.6))}.focus-frame{position:absolute;pointer-events:none;border:2px solid var(--border-color,#3b82f6);border-radius:.5rem;box-shadow:0 0 20px var(--glow-color,rgba(59,130,246,.6));background:rgba(59,130,246,.05)}.focus-frame:before{content:"";position:absolute;inset:-2px;border:2px solid transparent;border-radius:.5rem;background:linear-gradient(45deg,var(--border-color,#3b82f6),transparent,var(--border-color,#3b82f6));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:border-glow 2s ease-in-out infinite}.corner{position:absolute;width:8px;height:8px;border:2px solid var(--border-color,#3b82f6);background:var(--glow-color,rgba(59,130,246,.6));border-radius:50%;box-shadow:0 0 10px var(--glow-color,rgba(59,130,246,.6))}.corner.top-left{top:-4px;left:-4px}.corner.top-right{top:-4px;right:-4px}.corner.bottom-left{bottom:-4px;left:-4px}.corner.bottom-right{bottom:-4px;right:-4px}@keyframes border-glow{0%,to{opacity:.5}50%{opacity:1}}@media (prefers-color-scheme:dark){.focus-frame{background:rgba(59,130,246,.1)}.focus-word.active{text-shadow:0 0 15px var(--glow-color,rgba(59,130,246,.8))}}