.web3-page{padding:var(--space-8) var(--space-4);flex-direction:column;flex:1;align-items:center;display:flex;overflow:auto}.web3-container{width:100%;max-width:720px}.web3-container.narrow{max-width:640px}.web3-container.tools{max-width:720px}.web3-login-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8);text-align:center;width:100%;max-width:420px;box-shadow:var(--glass-shadow-lg);margin:auto;animation:.3s ease-out scaleIn}.web3-login-avatar{border-radius:var(--radius-full);background:var(--accent-soft);width:72px;height:72px;margin:0 auto var(--space-5);color:var(--accent);justify-content:center;align-items:center;display:flex}.web3-login-card h2{margin-bottom:var(--space-2);font-size:22px;font-weight:600}.web3-login-desc{color:var(--text-secondary);margin-bottom:var(--space-6);font-size:14px}.web3-login-form{gap:var(--space-3);flex-direction:column;display:flex}.web3-login-error{color:var(--danger);margin-top:-var(--space-1);font-size:13px}.web3-identity-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;box-shadow:var(--glass-shadow);margin-bottom:var(--space-6)}.web3-identity-avatar{border-radius:var(--radius-lg);object-fit:cover;width:88px;height:88px;margin-bottom:var(--space-4);box-shadow:var(--shadow-md)}.web3-identity-name{margin-bottom:var(--space-2);font-size:20px;font-weight:600}.web3-identity-address{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.web3-identity-address code{font-family:var(--font-mono);color:var(--text-secondary);word-break:break-all;font-size:13px}.web3-key-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:640px){.web3-key-grid{grid-template-columns:1fr}}.web3-key-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--glass-shadow);transition:transform var(--transition-fast)}.web3-key-card:hover{transform:translateY(-2px)}.web3-key-card.accent{border-color:var(--danger)}.web3-key-card-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.web3-key-card-icon{color:var(--accent)}.web3-key-card.accent .web3-key-card-icon{color:var(--danger)}.web3-key-card-title{color:var(--text-primary);font-size:14px;font-weight:600}.web3-key-card-body{gap:var(--space-2);flex-direction:column;display:flex}.web3-private-toggle{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.web3-pem-list{gap:var(--space-4);margin-bottom:var(--space-6);flex-direction:column;display:flex}.web3-pem-block{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--glass-shadow)}.web3-pem-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.web3-pem-label{color:var(--text-primary);font-size:14px;font-weight:600}.web3-pem-actions{gap:var(--space-2);display:flex}.web3-ipns-bar{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border:1px solid var(--glass-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);display:flex}.web3-ipns-label{color:var(--text-secondary);white-space:nowrap;font-size:13px;font-weight:600}.web3-ipns-value{font-family:var(--font-mono);word-break:break-all;color:var(--text-primary);font-size:13px}.web3-raw-section{margin-top:var(--space-4)}.web3-raw-toggle{background:var(--glass-bg-subtle);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-3);align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:inline-flex}.web3-raw-toggle:hover{background:var(--glass-bg);color:var(--text-primary)}.web3-raw-grid{gap:var(--space-3);flex-direction:column;display:flex}.web3-raw-item{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.web3-raw-label{color:var(--text-muted);margin-bottom:4px;font-size:12px;display:block}.web3-raw-value{font-family:var(--font-mono);word-break:break-all;color:var(--text-primary);font-size:12px;display:block}.web3-raw-value.danger{color:var(--danger)}.web3-mode-switcher{gap:var(--space-2);margin-bottom:var(--space-5);display:flex}.web3-mode-pill{border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:var(--glass-bg-subtle);border:1px solid var(--glass-border);color:var(--text-secondary);align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.web3-mode-pill:hover{background:var(--glass-bg);color:var(--text-primary)}.web3-mode-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.web3-tools-inputs{gap:var(--space-3);margin-bottom:var(--space-5);flex-direction:column;display:flex}.web3-tools-warning,.web3-tools-danger{color:var(--danger);border-radius:var(--radius-md);background:#ff3b300f;border:1px solid #ff3b3026;align-items:center;gap:6px;padding:10px 12px;font-size:13px;display:flex}.web3-tools-error{color:var(--danger);margin-top:-var(--space-1);font-size:13px}.web3-tools-preview{align-items:center;gap:var(--space-3);padding:var(--space-6);background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);margin-bottom:var(--space-5);text-align:center;flex-direction:column;display:flex}.web3-tools-avatar{border-radius:var(--radius-full);object-fit:cover;width:80px;height:80px;box-shadow:var(--shadow-md)}.web3-tools-address{flex-direction:column;align-items:center;gap:6px;display:flex}.web3-tools-address span{color:var(--text-muted);font-size:12px}.web3-tools-address code{font-family:var(--font-mono);color:var(--text-primary);word-break:break-all;font-size:14px}.web3-tools-section{margin-bottom:var(--space-5)}.web3-tools-toggle{background:var(--glass-bg-subtle);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-3);align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:500;display:inline-flex}.web3-tools-toggle:hover{background:var(--glass-bg)}.web3-tools-toggle.small{padding:6px 12px;font-size:12px}.web3-mnemonic-reveal{gap:var(--space-3);flex-direction:column;display:flex}.web3-mnemonic-card{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--glass-bg-heavy);border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:flex}.web3-mnemonic-text{font-family:var(--font-mono);word-break:break-word;color:var(--text-primary);flex:1;font-size:14px;line-height:1.6}.web3-tools-section>.web3-tools-danger{margin-bottom:var(--space-4)}.web3-derive-table-wrap{border-radius:var(--radius-lg);border:1px solid var(--glass-border);overflow-x:auto}.web3-derive-table{border-collapse:collapse;width:100%;font-size:13px}.web3-derive-table th,.web3-derive-table td{text-align:left;border-bottom:1px solid var(--glass-border);white-space:nowrap;padding:10px 12px}.web3-derive-table th{background:var(--glass-bg-subtle);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600}.web3-derive-table th:hover{background:var(--glass-bg)}.web3-derive-table th.danger,.web3-derive-table td.danger{color:var(--danger)}.web3-derive-table tbody tr:hover{background:var(--glass-bg-subtle)}.web3-derive-table td{font-family:var(--font-mono);color:var(--text-primary);font-size:12px}.web3-derive-table td:nth-child(2){text-overflow:ellipsis;max-width:160px;overflow:hidden}.web3-derive-th{white-space:nowrap}