*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #FFFFFF;--bg-secondary: #F8F9FA;--bg-card: #FFFFFF;--bg-card-alt: #E2E8F0;--text-primary: #1A1A2E;--text-secondary: #6B7280;--text-muted: #9CA3AF;--accent: #2563EB;--accent-hover: #1D4ED8;--accent-light: #DBEAFE;--success: #059669;--success-light: #D1FAE5;--warning: #D97706;--warning-light: #FEF3C7;--danger: #DC2626;--danger-light: #FEE2E2;--border: #E5E7EB;--shadow: 0 1px 3px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .1);--radius: 12px;--radius-sm: 8px;--bg-input: #F3F4F6;--accent-text: #1E40AF;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px}[data-theme=dark]{--bg-primary: #0F172A;--bg-secondary: #1E293B;--bg-card: #1E293B;--bg-card-alt: #263548;--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #64748B;--accent: #3B82F6;--accent-hover: #2563EB;--accent-light: #1E3A5F;--success: #10B981;--success-light: #064E3B;--warning: #F59E0B;--warning-light: #78350F;--danger: #EF4444;--danger-light: #7F1D1D;--border: #334155;--shadow: 0 1px 3px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .4);--bg-input: #334155;--accent-text: #93C5FD}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary: #0F172A;--bg-secondary: #1E293B;--bg-card: #1E293B;--bg-card-alt: #263548;--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #64748B;--accent: #3B82F6;--accent-hover: #2563EB;--accent-light: #1E3A5F;--success: #10B981;--success-light: #064E3B;--warning: #F59E0B;--warning-light: #78350F;--danger: #EF4444;--danger-light: #7F1D1D;--border: #334155;--shadow: 0 1px 3px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .4);--bg-input: #334155;--accent-text: #93C5FD}}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100%;display:flex;flex-direction:column}h1{font-size:1.75rem;font-weight:700;letter-spacing:-.02em}h2{font-size:1.25rem;font-weight:600;letter-spacing:-.01em}h3{font-size:1rem;font-weight:600}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s ease,transform .1s ease;width:100%}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:active{transform:none}.signet-pinpad-key{touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;transition:transform 60ms ease,background .12s ease}.signet-pinpad-key:active:not(:disabled){transform:scale(.94);background:var(--accent-light)!important}.signet-pinpad-key:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.btn-ghost{background:transparent;color:var(--accent);padding:8px 16px}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(.92)}.btn-sm{padding:8px 16px;font-size:.875rem}.btn-lg{padding:16px;font-size:1rem}.input{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:1rem;background:var(--bg-primary);color:var(--text-primary);transition:border-color .2s ease}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.page{flex:1;padding:16px;padding-bottom:env(safe-area-inset-bottom,16px);max-width:480px;margin:0 auto;width:100%}.section{margin-bottom:24px}.section-title{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.signet-word{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:1.5rem;font-weight:700;letter-spacing:.05em;padding:8px 16px;background:var(--accent-light);color:var(--accent);border-radius:var(--radius-sm);text-align:center}.card-warning{background:var(--warning-light);border-color:var(--warning)}.card-danger{background:var(--danger-light);border-color:var(--danger)}.hint{background:var(--accent-light);color:var(--accent-text);border-radius:10px;padding:10px 12px;font-size:12.5px;line-height:1.5;margin-bottom:14px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .2s ease forwards}