*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0c0c0f;--surface: #16161a;--surface-2: #1e1e24;--border: #2a2a32;--text: #e0e0e6;--text-dim: #8888a0;--accent: #4a90d9;--accent-hover: #5fa0e8;--success: #34c759;--error: #ff3b30;--warn: #ffa500;--mono: "SF Mono", "Cascadia Code", "Fira Code", Consolas, monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius: 8px;--max-w: 720px}html{font-size:15px}body{font-family:var(--sans);background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}#app{max-width:var(--max-w);margin:0 auto;padding:32px 24px 64px}.header{margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid var(--border)}.header h1{font-size:1.6rem;font-weight:700;letter-spacing:-.02em}.sub{color:var(--text-dim);font-size:.85rem;font-family:var(--mono);margin-top:4px}.section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:20px}.section h2{font-size:1.05rem;font-weight:600;margin-bottom:12px;color:var(--text)}.hint{color:var(--text-dim);font-size:.85rem;margin-bottom:8px}.chain-select-row{display:flex;align-items:center;gap:12px}.chain-select-label{font-size:.95rem;font-weight:600;white-space:nowrap}.chain-select{flex:1;padding:10px 36px 10px 14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.9rem;font-family:var(--sans);cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238888a0' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.chain-select:focus{border-color:var(--accent)}.chain-select option{background:var(--surface);color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--text);font-size:.9rem;font-family:var(--sans);cursor:pointer;transition:background .15s,border-color .15s;-webkit-user-select:none;user-select:none}.btn:hover{background:var(--border)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-accent{background:var(--success);border-color:var(--success);color:#fff;font-weight:600}.btn-accent:hover{background:#2db84d;border-color:#2db84d}.btn-back{background:transparent;border:none;color:var(--accent);padding:4px 0;font-size:.85rem;margin-bottom:8px}.btn-back:hover{color:var(--accent-hover)}.btn-large{width:100%;padding:14px;font-size:1rem;margin-top:16px}.input{display:block;width:100%;padding:10px 14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.9rem;font-family:var(--mono);margin-bottom:12px;outline:none;transition:border-color .15s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-dim);opacity:.6}.textarea{resize:vertical;min-height:100px;line-height:1.5}.input-label{display:block;font-size:.85rem;color:var(--text-dim);margin-bottom:4px;font-weight:500}.msg{padding:10px 14px;border-radius:var(--radius);font-size:.85rem;margin-bottom:8px;border-left:3px solid}.msg-info{background:#1a2332;border-color:var(--accent);color:#a0c4e8}.msg-success{background:#162216;border-color:var(--success);color:#80d89b}.msg-error{background:#2a1416;border-color:var(--error);color:#ff8080}.msg-box{margin-top:12px}.safe-card{padding:14px 16px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;cursor:pointer;transition:border-color .15s,background .15s}.safe-card:hover{border-color:var(--accent);background:#1a1a22}.safe-name{font-weight:600;font-size:.95rem;margin-bottom:4px}.safe-addr{font-family:var(--mono);font-size:.78rem;color:var(--text-dim);word-break:break-all}.info-value{font-family:var(--mono);font-size:.9rem;padding:8px 0}.info-value strong{color:#fff}.info-row{font-family:var(--mono);font-size:.82rem;color:var(--text-dim);padding:4px 0;word-break:break-all}.op-card{padding:12px 16px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;cursor:pointer;transition:border-color .15s,background .15s}.op-card:hover{border-color:var(--accent);background:#1a1a22}.op-label{font-size:.92rem;font-weight:500}.qr-container{text-align:center;padding:24px 0}.qr-img{display:block;margin:0 auto;max-width:400px;width:100%;border-radius:var(--radius);border:4px solid #fff}.qr-label{margin-top:12px;font-family:var(--mono);font-size:.9rem;color:var(--text-dim)}.scanner-box{width:100%;max-width:400px;margin:0 auto;border-radius:var(--radius);overflow:hidden}.scanner-box video{width:100%;border-radius:var(--radius)}#sig-scanner{background:var(--bg)}#sig-scanner img[alt="Info icon"]{display:none}.sig-status{background:var(--surface)}.sig-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.sig-row:last-child{border-bottom:none}.sig-idx{font-family:var(--mono);font-size:.8rem;color:var(--text-dim);min-width:28px}.sig-addr{font-family:var(--mono);font-size:.78rem;color:var(--text);flex:1;word-break:break-all}.sig-ok{font-size:.72rem;font-weight:700;letter-spacing:.05em;color:var(--success);background:#162216;padding:3px 8px;border-radius:4px;flex-shrink:0}.submit-status .msg{font-family:var(--mono)}.tx-hash{font-family:var(--mono);font-size:.82rem;color:var(--accent);background:var(--bg);padding:12px;border-radius:var(--radius);word-break:break-all;cursor:pointer;margin-top:12px;text-align:center;border:1px dashed var(--border)}.tx-hash:hover{color:var(--accent-hover)}@media (max-width: 600px){html{font-size:14px}#app{padding:16px 12px 48px}.header{margin-bottom:20px;padding-bottom:12px}.header h1{font-size:1.35rem}.section{padding:14px;margin-bottom:14px}.chain-select{font-size:.85rem}.safe-card{padding:12px}.safe-addr{font-size:.7rem}.op-card{padding:10px 12px}.btn{padding:10px 16px;font-size:.88rem}.btn-large{padding:16px;font-size:.95rem}.input{padding:10px 12px;font-size:.85rem}.textarea{min-height:80px}.qr-img{max-width:280px}.scanner-box{max-width:100%}.sig-row{gap:8px;padding:8px 0}.sig-addr{font-size:.7rem}.sig-idx{min-width:24px;font-size:.75rem}.info-row{font-size:.75rem}.tx-hash{font-size:.75rem;padding:10px}}