/* shared: inline card + install sheet (both themes) */
.exz-inst-card-inline .exz-inst-row { display: flex; align-items: center; gap: 12px; min-width: 0; flex: 1 1 220px; }
.exz-inst-chip { flex: 0 0 auto; width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg, #7B3FE4, #B58CFF); }
.exz-inst-txt { display: flex; flex-direction: column; gap: 3px; min-width: 0; font-family: "Plus Jakarta Sans", system-ui, sans-serif; }
.exz-inst-txt b { font-size: 1.05rem; font-weight: 800; letter-spacing: -0.01em; color: #0B0612; }
.exz-inst-txt span { font-size: 0.86rem; color: #5B5270; }
.exz-inst-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 20px 0 14px; border: 0; border-radius: 999px; background: #0B0612; color: #fff; font: 700 0.95rem/1 "Plus Jakarta Sans", system-ui, sans-serif; cursor: pointer; flex: 0 0 auto; transition: transform .15s ease; }
.exz-inst-btn:hover { transform: translateY(-1px); }
.exz-inst-btn:focus-visible, .exz-inst-done:focus-visible, .cx-inst-nav:focus-visible, .nx-inst-side:focus-visible { outline: 3px solid #9BE22D; outline-offset: 2px; }
@media (max-width: 520px) { .exz-inst-card-inline .exz-inst-btn { width: 100%; } }
.exz-inst-ov { position: fixed; inset: 0; z-index: 9999; background: rgba(11, 6, 18, 0.55); display: flex; align-items: flex-end; justify-content: center; padding: 12px; padding-bottom: max(12px, env(safe-area-inset-bottom)); }
@media (min-width: 700px) { .exz-inst-ov { align-items: center; } }
.exz-inst-card { width: min(100%, 440px); background: #fff; color: #0B0612; border-radius: 28px; padding: 22px; font-family: "Plus Jakarta Sans", system-ui, sans-serif; animation: exz-inst-up .28s cubic-bezier(.2,.7,.2,1); max-height: calc(100dvh - 24px); overflow: auto; }
.exz-inst-card h2 { margin: 0 0 4px; font: 800 1.35rem/1.2 "Plus Jakarta Sans", system-ui, sans-serif !important; letter-spacing: -0.02em; color: #0B0612 !important; text-transform: none !important; }
.exz-inst-sub { margin: 0 0 14px; color: #5B5270; font-size: 0.92rem; }
.exz-inst-steps { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 8px; }
.exz-inst-steps li { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 18px; background: #F5F3F9; font-size: 0.95rem; color: #0B0612; line-height: 1.35; }
.exz-inst-n { flex: 0 0 auto; width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; background: #0B0612; color: #fff; font-size: 0.78rem; font-weight: 800; }
.exz-inst-ic { flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: #fff; color: #007AFF; }
.exz-inst-note { font-size: 0.82rem; color: #5B5270; margin: 0 0 12px; }
.exz-inst-done { width: 100%; min-height: 52px; border: 0; border-radius: 999px; background: #0B0612; color: #fff; font: 700 1rem/1 "Plus Jakarta Sans", system-ui, sans-serif; cursor: pointer; }
@keyframes exz-inst-up { from { transform: translateY(16px); opacity: 0; } to { transform: none; opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .exz-inst-card { animation: none; } .exz-inst-btn { transition: none; } }