.hook-pulse{vertical-align:middle;background:#4ade80;border-radius:50%;width:8px;height:8px;margin-right:8px;animation:2s ease-in-out infinite rc-pulse;display:inline-block;position:relative;box-shadow:0 0 #4ade8099}@keyframes rc-pulse{0%{box-shadow:0 0 #4ade8099}70%{box-shadow:0 0 0 8px #4ade8000}to{box-shadow:0 0 #4ade8000}}.rc-compat-grid{background:linear-gradient(135deg,#232240e6 0%,#1a1a2ef2 100%);border:1px solid #fc03;border-radius:16px;margin:1.5rem 0;padding:1.5rem}.rc-compat-title{color:#fc0;letter-spacing:.03em;margin-bottom:1rem;font-size:.95rem;font-weight:700}.rc-compat-date{opacity:.6;font-size:.85rem;font-weight:400}.rc-compat-cards{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.75rem;display:grid}.rc-compat-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:border-color .2s,transform .2s;display:flex}.rc-compat-card:hover{border-color:#ffcc0059;transform:translateY(-2px)}.rc-compat-icon{text-align:center;color:#fc0;flex-shrink:0;width:2rem;font-size:1.4rem}.rc-compat-info{flex-direction:column;flex:1;gap:.15rem;display:flex}.rc-compat-info strong{color:#fff;font-size:.9rem;line-height:1.2}.rc-compat-info span{opacity:.6;font-size:.75rem;line-height:1.3}.rc-compat-badge{white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;border-radius:20px;flex-shrink:0;padding:.2rem .5rem;font-size:.65rem;font-weight:700}.rc-compat-badge.native{color:#4ade80;background:#4ade802e;border:1px solid #4ade8059}.rc-compat-badge.plugin{color:#60a5fa;background:#60a5fa2e;border:1px solid #60a5fa59}.rc-compat-badge.community{color:#fbbf24;background:#fbbf242e;border:1px solid #fbbf2459}.rc-code-window{border:1px solid #ffffff1a;border-radius:12px;margin:1.5rem 0;font-family:Fira Code,Cascadia Code,Consolas,monospace;overflow:hidden;box-shadow:0 20px 60px #0006,0 0 0 1px #ffcc0014}.rc-code-header{background:#2d2d3a;border-bottom:1px solid #ffffff14;align-items:center;gap:.75rem;padding:.65rem 1rem;display:flex}.rc-code-dots{gap:6px;display:flex}.dot{border-radius:50%;width:12px;height:12px;display:inline-block}.dot-red{background:#ff5f57}.dot-yellow{background:#ffbd2e}.dot-green{background:#28c840}.rc-code-filename{text-align:center;color:#ffffff80;flex:1;font-family:inherit;font-size:.8rem}.rc-code-lang{color:#fc0;background:#ffcc001f;border-radius:4px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.rc-code-body{color:#cdd6f4;background:#1e1e2e;margin:0;padding:1.25rem 1.5rem;font-size:.88rem;line-height:1.7;overflow-x:auto}.rc-code-body code{font-family:inherit;font-size:inherit;color:inherit;background:0 0;padding:0}.rc-c-comment{color:#6c7086;font-style:italic}.rc-c-kw{color:#cba6f7}.rc-c-var{color:#89b4fa}.rc-c-prop{color:#89dceb}.rc-c-bool{color:#fab387}.rc-code-copy-hint{color:#4ade80;background:#2d2d3a;border-top:1px solid #ffffff0f;padding:.55rem 1rem;font-family:inherit;font-size:.78rem}html[data-theme=light] .rc-compat-grid{background:linear-gradient(135deg,#f5f5f7 0%,#eeeef5 100%);border-color:#0000001a}html[data-theme=light] .rc-compat-card{background:#fff;border-color:#00000014}html[data-theme=light] .rc-compat-info strong{color:#1a1a2e}html[data-theme=light] .rc-compat-info span{color:#555;opacity:1}html[data-theme=light] .rc-compat-title,html[data-theme=light] .rc-compat-icon{color:#232240}html[data-theme=light] .rc-code-copy-hint{background:#e8e8f0;border-color:#0000000f}@media (width<=640px){.rc-compat-cards{grid-template-columns:1fr}.rc-code-body{padding:1rem;font-size:.78rem}}