.eosid-section{position:relative;overflow:hidden}.eosid-section::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 50% 0%,rgb(var(--czs-brand-primary-rgb) / 0.16),transparent 70%),radial-gradient(40% 40% at 85% 30%,rgb(var(--czs-brand-accent-rgb) / 0.10),transparent 70%);pointer-events:none}.eosid-card{position:relative;max-width:720px;margin-inline:auto;padding:clamp(1.75rem,4vw,3rem);background:var(--czs-bg-elevated);border:1px solid var(--czs-border);border-radius:var(--czs-radius-xl);box-shadow:var(--czs-shadow-lg);overflow:hidden}.eosid-card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--czs-brand-gradient);opacity:0.9}.eosid-card-glow{position:absolute;top:-40%;right:-20%;width:320px;height:320px;background:radial-gradient(circle,rgb(var(--czs-brand-primary-rgb) / 0.18),transparent 70%);filter:blur(10px);pointer-events:none}.eosid-head{position:relative;text-align:center;margin-bottom:var(--czs-space-8)}.eosid-eyebrow{display:inline-flex;align-items:center;gap:var(--czs-space-2);padding:var(--czs-space-1) var(--czs-space-3);margin-bottom:var(--czs-space-4);font-family:var(--czs-font-body);font-size:var(--czs-fs-xs);font-weight:var(--czs-fw-semibold);letter-spacing:0.08em;text-transform:uppercase;color:var(--czs-text-secondary);background:var(--czs-brand-primary-soft);border:1px solid rgb(var(--czs-brand-primary-rgb) / 0.3);border-radius:var(--czs-radius-full)}.eosid-eyebrow i{color:var(--czs-brand-primary)}.eosid-title{font-family:var(--czs-font-heading);font-size:clamp(1.5rem,4vw,var(--czs-fs-3xl));color:var(--czs-text-primary);margin:0 0 var(--czs-space-3)}.eosid-lede{max-width:52ch;margin:0 auto;font-size:var(--czs-fs-base);line-height:var(--czs-lh-relaxed);color:var(--czs-text-secondary)}.eosid-code{position:relative;margin-bottom:var(--czs-space-6);padding:var(--czs-space-5);background:var(--czs-bg-base);border:1px solid var(--czs-border-strong);border-radius:var(--czs-radius-lg)}.eosid-code-label{display:block;margin-bottom:var(--czs-space-3);font-size:var(--czs-fs-xs);font-weight:var(--czs-fw-semibold);letter-spacing:0.06em;text-transform:uppercase;color:var(--czs-text-muted)}.eosid-code-row{display:flex;align-items:stretch;gap:var(--czs-space-3);flex-wrap:wrap}.eosid-code-value{flex:1 1 240px;min-width:0;display:flex;align-items:center;padding:var(--czs-space-3) var(--czs-space-4);font-family:var(--czs-font-mono);font-size:var(--czs-fs-lg);color:var(--czs-text-primary);background:var(--czs-bg-input);border:1px solid var(--czs-border);border-radius:var(--czs-radius-md);word-break:break-all;user-select:all}.eosid-copy{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:var(--czs-space-2);padding:var(--czs-space-3) var(--czs-space-5);font-family:var(--czs-font-body);font-size:var(--czs-fs-sm);font-weight:var(--czs-fw-semibold);color:var(--czs-text-on-brand);background:var(--czs-brand-primary);border:none;border-radius:var(--czs-radius-md);cursor:pointer;transition:background var(--czs-transition-fast),transform var(--czs-transition-fast)}.eosid-copy:hover{background:var(--czs-brand-primary-bright)}.eosid-copy:active{transform:translateY(1px)}.eosid-copy:focus-visible{outline:none;box-shadow:var(--czs-shadow-glow-primary)}.eosid-copy.is-copied{background:var(--czs-success)}.eosid-note{display:flex;align-items:flex-start;gap:var(--czs-space-3);margin-bottom:var(--czs-space-6);padding:var(--czs-space-3) var(--czs-space-4);font-size:var(--czs-fs-sm);line-height:var(--czs-lh-normal);border-radius:var(--czs-radius-md)}.eosid-note-warning{color:var(--czs-text-secondary);background:var(--czs-warning-soft);border:1px solid var(--czs-warning-border)}.eosid-note-warning i{margin-top:2px;color:var(--czs-warning)}.eosid-steps{margin-bottom:var(--czs-space-8)}.eosid-steps-title{font-family:var(--czs-font-heading);font-size:var(--czs-fs-lg);color:var(--czs-text-primary);margin:0 0 var(--czs-space-4)}.eosid-steps-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--czs-space-3)}.eosid-steps-list li{display:flex;align-items:center;gap:var(--czs-space-3);padding:var(--czs-space-3) var(--czs-space-4);font-size:var(--czs-fs-sm);color:var(--czs-text-secondary);background:var(--czs-overlay-light);border:1px solid var(--czs-border);border-radius:var(--czs-radius-md)}.eosid-steps-list strong{color:var(--czs-text-primary);font-weight:var(--czs-fw-semibold)}.eosid-step-num{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;font-family:var(--czs-font-heading);font-size:var(--czs-fs-sm);font-weight:var(--czs-fw-bold);color:var(--czs-brand-primary);background:var(--czs-brand-primary-soft);border:1px solid rgb(var(--czs-brand-primary-rgb) / 0.3);border-radius:var(--czs-radius-full)}.eosid-actions{display:flex;flex-wrap:wrap;gap:var(--czs-space-3);justify-content:center}.eosid-btn{display:inline-flex;align-items:center;gap:var(--czs-space-2);padding:var(--czs-space-3) var(--czs-space-6);font-family:var(--czs-font-body);font-size:var(--czs-fs-sm);font-weight:var(--czs-fw-semibold);border-radius:var(--czs-radius-full);text-decoration:none;transition:background var(--czs-transition-fast),border-color var(--czs-transition-fast),transform var(--czs-transition-fast)}.eosid-btn:active{transform:translateY(1px)}.eosid-btn-primary{color:var(--czs-text-on-brand);background:var(--czs-brand-primary)}.eosid-btn-primary:hover{color:var(--czs-text-on-brand);background:var(--czs-brand-primary-bright)}.eosid-btn-ghost{color:var(--czs-text-secondary);background:transparent;border:1px solid var(--czs-border-strong)}.eosid-btn-ghost:hover{color:var(--czs-text-primary);background:var(--czs-bg-hover)}.eosid-card.is-empty{text-align:center}.eosid-empty{display:flex;flex-direction:column;align-items:center;gap:var(--czs-space-4)}.eosid-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;font-size:var(--czs-fs-3xl);color:var(--czs-brand-primary);background:var(--czs-brand-primary-soft);border:1px solid rgb(var(--czs-brand-primary-rgb) / 0.3);border-radius:var(--czs-radius-full)}.eosid-empty .eosid-actions{margin-top:var(--czs-space-2)}.eosid-sr-live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (max-width:480px){.eosid-code-row{flex-direction:column}.eosid-copy{width:100%}}@media (prefers-reduced-motion:reduce){.eosid-copy,.eosid-btn{transition:none}}