.compat[data-astro-cid-vz7k7pnn]{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;background:var(--surface);color:var(--text);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 40px 80px #00000080}.compat[data-astro-cid-vz7k7pnn]::backdrop{background:#0000009e;backdrop-filter:blur(4px)}.compat-head[data-astro-cid-vz7k7pnn]{display:flex;align-items:center;gap:14px;padding:20px 16px 20px 24px;border-bottom:1px solid var(--stroke)}.compat-icon[data-astro-cid-vz7k7pnn]{flex:0 0 auto;width:44px;height:44px;border-radius:12px;background:#d5001c24;color:var(--accent);display:flex;align-items:center;justify-content:center}.compat-heading[data-astro-cid-vz7k7pnn]{flex:1 1 auto;min-width:0}.compat-heading[data-astro-cid-vz7k7pnn] h2[data-astro-cid-vz7k7pnn]{margin:0;font-size:19px;font-weight:700}.compat-heading[data-astro-cid-vz7k7pnn] p[data-astro-cid-vz7k7pnn]{margin:2px 0 0;font-size:13px;color:var(--text-3)}.compat-close[data-astro-cid-vz7k7pnn]{flex:0 0 auto;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;border:0;color:var(--text-3);cursor:pointer}.compat-close[data-astro-cid-vz7k7pnn]:hover{color:var(--text)}.compat-steps[data-astro-cid-vz7k7pnn]{list-style:none;margin:0;padding:24px 24px 8px}.compat-steps[data-astro-cid-vz7k7pnn]:last-child{padding-bottom:24px}.compat-steps[data-astro-cid-vz7k7pnn]>li[data-astro-cid-vz7k7pnn]{position:relative;display:flex;gap:16px;padding-bottom:20px}.compat-steps[data-astro-cid-vz7k7pnn]>li[data-astro-cid-vz7k7pnn]:last-child{padding-bottom:0}.compat-steps[data-astro-cid-vz7k7pnn]>li[data-astro-cid-vz7k7pnn]:not(:last-child):before{content:"";position:absolute;left:13px;top:34px;bottom:6px;width:2px;background:#ffffff1a}.compat-steps[data-astro-cid-vz7k7pnn]>li[data-astro-cid-vz7k7pnn]>div[data-astro-cid-vz7k7pnn]{flex:1 1 auto;min-width:0}.compat-num[data-astro-cid-vz7k7pnn]{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}.compat-steps[data-astro-cid-vz7k7pnn] h3[data-astro-cid-vz7k7pnn]{margin:0;font-size:15.5px;font-weight:700;line-height:28px}.compat-steps[data-astro-cid-vz7k7pnn] h3[data-astro-cid-vz7k7pnn]+p[data-astro-cid-vz7k7pnn]{margin:0;font-size:13.5px;line-height:1.5;color:#a1a1a6}.compat-steps[data-astro-cid-vz7k7pnn] h3[data-astro-cid-vz7k7pnn]+.compat-code[data-astro-cid-vz7k7pnn],.compat-steps[data-astro-cid-vz7k7pnn] h3[data-astro-cid-vz7k7pnn]+.compat-result[data-astro-cid-vz7k7pnn]{margin-top:10px}.compat-code[data-astro-cid-vz7k7pnn]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 12px 20px;background:var(--bg);border:1.5px dashed rgba(213,0,28,.55);border-radius:14px}.compat-code[data-astro-cid-vz7k7pnn]>span[data-astro-cid-vz7k7pnn]{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:32px;font-weight:700;letter-spacing:.1em}.compat-copy[data-astro-cid-vz7k7pnn]{flex:0 0 auto;min-height:44px;display:flex;align-items:center;gap:6px;padding:0 14px;background:var(--surface-2);border:1px solid rgba(255,255,255,.12);border-radius:10px;color:var(--text);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}.compat-hint[data-astro-cid-vz7k7pnn]{margin:8px 0 0;font-size:12.5px;line-height:1.5;color:var(--text-3)}.compat-result[data-astro-cid-vz7k7pnn]{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:12px}.compat-result[data-astro-cid-vz7k7pnn]+.compat-result[data-astro-cid-vz7k7pnn]{margin-top:8px}.compat-result[data-astro-cid-vz7k7pnn] svg[data-astro-cid-vz7k7pnn]{flex:0 0 auto;margin-top:1px}.compat-result[data-astro-cid-vz7k7pnn] strong[data-astro-cid-vz7k7pnn]{font-size:14px;font-weight:700}.compat-result[data-astro-cid-vz7k7pnn] p[data-astro-cid-vz7k7pnn]{margin:2px 0 0;font-size:13px;line-height:1.45;color:#a1a1a6}.compat-result--yes[data-astro-cid-vz7k7pnn]{background:#30d15814;border:1px solid rgba(48,209,88,.32)}.compat-result--yes[data-astro-cid-vz7k7pnn] svg[data-astro-cid-vz7k7pnn]{color:var(--green)}.compat-result--maybe[data-astro-cid-vz7k7pnn]{background:#ff9f0a12;border:1px solid rgba(255,159,10,.32)}.compat-result--maybe[data-astro-cid-vz7k7pnn] svg[data-astro-cid-vz7k7pnn]{color:var(--amber)}.compat-lock[data-astro-cid-vz7k7pnn]{display:flex;gap:8px;align-items:flex-start;margin:12px 0 0;font-size:12.5px;line-height:1.5;color:var(--text-3)}.compat-lock[data-astro-cid-vz7k7pnn] svg[data-astro-cid-vz7k7pnn]{flex:0 0 auto;margin-top:2px}.compat-foot[data-astro-cid-vz7k7pnn]{padding:16px 24px 24px}.compat-foot[data-astro-cid-vz7k7pnn] .btn[data-astro-cid-vz7k7pnn]{gap:8px}@media(max-width:879px){.compat[data-astro-cid-vz7k7pnn]{width:100%;max-width:100%;max-height:94dvh;margin:auto 0 0;border-bottom:0;border-radius:24px 24px 0 0}.compat[data-astro-cid-vz7k7pnn]::backdrop{backdrop-filter:none}.compat-head[data-astro-cid-vz7k7pnn]{padding:16px 8px 16px 20px}.compat-steps[data-astro-cid-vz7k7pnn]{padding:20px 20px 8px}.compat-code[data-astro-cid-vz7k7pnn]>span[data-astro-cid-vz7k7pnn]{font-size:28px}.compat-foot[data-astro-cid-vz7k7pnn]{padding:16px 20px calc(24px + env(safe-area-inset-bottom))}}