.lilerno-spotlight{--mouse-x:50%;--mouse-y:50%;isolation:isolate;border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--panel);padding:24px;position:relative;overflow:hidden}.lilerno-spotlight:before{content:"";z-index:-1;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), var(--accent-soft), transparent 75%);opacity:0;pointer-events:none;transition:opacity .18s ease-out;position:absolute;inset:0}.lilerno-spotlight:focus-within{border-color:var(--accent)}.lilerno-spotlight:focus-within:before{opacity:.8}@media (hover:hover) and (pointer:fine){.lilerno-spotlight:hover:before{opacity:.8}}@media (prefers-reduced-motion:reduce){.lilerno-spotlight:before{transition:none;display:none}}