.si-wrap{background:radial-gradient(900px 400px at 70% -10%, #f7bd1c24, transparent 60%), linear-gradient(160deg, var(--blue-800), var(--blue-900) 72%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.si-card{background:var(--surface-card);border-radius:var(--radius-xl);width:min(430px,100%);box-shadow:var(--shadow-lg);text-align:center;padding:clamp(26px,5vw,40px)}.si-card h1{font-size:var(--text-h2);margin:14px 0 8px}.si-card>p{color:var(--text-muted);font-size:var(--text-sm);margin:0 0 20px;line-height:1.6}.si-form{flex-direction:column;gap:10px;display:flex}.si-form input{border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-sans);color:var(--text-strong);text-align:center;outline:none;padding:13px 16px;font-size:1rem}.si-form input:focus{border-color:var(--blue-400);box-shadow:var(--focus-ring)}.si-code{font-family:var(--font-mono);letter-spacing:.4em;font-size:1.3rem}.si-error{color:var(--down-500);font-size:var(--text-sm);margin-top:10px}.si-note{color:var(--text-subtle);font-size:var(--text-xs);margin-top:16px}.si-note a{color:var(--text-link);font-weight:600}.si-dev{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--gold-50);color:var(--gold-600);border-radius:var(--radius-md);margin-top:12px;padding:8px 12px}.si-google{background:var(--white);width:100%;color:var(--text-strong);border:1.5px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);justify-content:center;gap:10px;padding:13px 18px;font-size:.95rem;font-weight:600}.si-google:hover{background:var(--ink-50);border-color:var(--border-strong)}.si-google:disabled{opacity:.65;cursor:default}.si-or{color:var(--text-subtle);font-size:var(--text-xs);align-items:center;gap:12px;margin:18px 0 16px;display:flex}.si-or:before,.si-or:after{content:"";background:var(--border-subtle);flex:1;height:1px}