:root{--bg-primary: #f5e6d3;--bg-secondary: #ffffff;--color-primary: #000000;--color-secondary: #444444;--color-accent: #ff5722;--color-success: #00bfa5;--color-warning: #ffc107;--color-error: #f44336;--border-width: 3px;--border-radius: 0px;--shadow-offset: 5px}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Space Mono,Courier New,monospace;line-height:1.4;font-weight:400;color:var(--color-primary);background-color:var(--bg-primary)}a{color:inherit;text-decoration:none;border-bottom:3px solid var(--color-accent);transition:all .2s ease}a:hover{background-color:var(--color-accent);color:#fff}#root{min-height:100vh}.app-container{max-width:960px;margin:0 auto;padding:16px 16px 32px;display:flex;flex-direction:column;gap:16px}header{background:var(--bg-secondary);border:var(--border-width) solid var(--color-primary);padding:16px;transform:rotate(-1deg);margin-bottom:8px;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--color-primary)}header:hover{transform:rotate(0);transition:transform .3s ease}header h1{margin:0;font-size:1.8rem;font-weight:900;letter-spacing:-1px;text-transform:uppercase;color:var(--color-primary)}header p{margin:4px 0 0;color:var(--color-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}header p strong{font-weight:900;color:var(--color-primary)}main{display:grid;gap:16px}.card{background:var(--bg-secondary);border:var(--border-width) solid var(--color-primary);border-radius:var(--border-radius);padding:16px;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--color-primary);position:relative;transition:all .2s ease}.card:hover{transform:translate(-2px,-2px);box-shadow:calc(var(--shadow-offset) + 2px) calc(var(--shadow-offset) + 2px) 0 var(--color-primary)}.search-form{display:flex;flex-direction:column;gap:10px}.search-form label{font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-secondary)}.search-form input{width:100%;padding:10px 12px;font-size:1rem;font-weight:400;font-family:inherit;border:var(--border-width) solid var(--color-primary);background:var(--bg-secondary);color:var(--color-primary);box-shadow:inset 0 0 0 0 var(--color-primary);transition:all .2s ease}.search-form input:focus{outline:none;box-shadow:inset 4px 4px 0 0 var(--color-accent);transform:translate(-2px,-2px)}.search-form input::placeholder{color:#999;font-weight:400}.search-form button{padding:12px 24px;font-size:1rem;font-weight:700;font-family:inherit;text-transform:uppercase;letter-spacing:.5px;border:var(--border-width) solid var(--color-primary);background:var(--color-success);color:var(--bg-secondary);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--color-primary);cursor:pointer;transition:all .2s ease;position:relative}.search-form button:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:calc(var(--shadow-offset) + 2px) calc(var(--shadow-offset) + 2px) 0 var(--color-primary)}.search-form button:active:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-primary)}.search-form button:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.search-helper{padding:8px 12px;background:#ffe8cc;border:2px solid var(--color-primary);font-size:.85rem;font-weight:500;text-transform:none;letter-spacing:0;box-shadow:3px 3px 0 var(--color-primary);color:var(--color-primary)}.search-error{padding:8px 12px;background:#ffebee;color:var(--color-error);border:2px solid var(--color-error);font-weight:600;box-shadow:3px 3px #f443364d}.loading{padding:20px;text-align:center;background:var(--bg-secondary);border:var(--border-width) solid var(--color-primary);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--color-primary)}.loading:after{content:"LOADING";display:block;font-size:1.5rem;font-weight:900;letter-spacing:1px;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.error-message{padding:12px 16px;background:#ffebee;color:var(--color-error);border:var(--border-width) solid var(--color-error);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 #f443364d;font-weight:600;font-size:.95rem}.result-container{display:grid;gap:12px}.result-header{padding:10px 16px;background:var(--color-primary);border:var(--border-width) solid var(--color-primary);color:#fff;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 #0003}.data-section{padding:16px;background:#fff;border:var(--border-width) solid var(--color-primary);margin-bottom:12px;box-shadow:0 0 0 1px #0000000d}.data-section h3{margin:0 0 12px;font-size:1.1rem;text-transform:uppercase;letter-spacing:.3px;padding-bottom:8px;border-bottom:var(--border-width) solid var(--color-primary);font-weight:700}.data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.data-item{padding:10px;background:#fff8f3;border:2px solid var(--color-primary)}.data-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.3px;color:var(--color-secondary);margin-bottom:2px;font-weight:600}.data-value{font-size:.95rem;word-break:break-all;font-weight:400;color:var(--color-primary);font-family:Space Mono,Courier New,monospace}.data-value.mono{font-family:Space Mono,Courier New,monospace}.json-viewer{background:#263238;color:#aeded6;padding:12px;border:var(--border-width) solid var(--color-primary);font-family:Courier New,monospace;font-size:.85rem;overflow-x:auto;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--color-primary);line-height:1.4}.json-viewer pre{margin:0;white-space:pre-wrap;word-wrap:break-word}.badge{display:inline-block;padding:4px 10px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.2px;border:2px solid var(--color-primary);box-shadow:2px 2px 0 var(--color-primary)}.badge.success{background:var(--color-success);color:#fff}.badge.error{background:var(--color-error);color:#fff}.badge.pending{background:var(--color-warning);color:var(--color-primary)}@media (max-width: 640px){.app-container{padding:12px 12px 24px}header{transform:rotate(0);padding:12px}header h1{font-size:1.5rem}.search-form button{font-size:.9rem}.data-grid{grid-template-columns:1fr}}.network-selector{background:var(--bg-secondary);border:var(--border-width) solid var(--color-primary);padding:12px;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--color-primary);margin-bottom:8px}.network-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-secondary);font-weight:700;display:block;margin-bottom:8px}.network-buttons{display:flex;gap:8px;margin-bottom:8px}.network-btn{flex:1;padding:8px 12px;font-size:.85rem;font-weight:700;font-family:inherit;text-transform:uppercase;letter-spacing:.3px;border:2px solid var(--color-primary);background:var(--bg-secondary);color:var(--color-primary);cursor:pointer;transition:all .2s ease}.network-btn:hover{background:var(--bg-primary)}.network-btn.active{background:var(--color-primary);color:var(--bg-secondary);box-shadow:inset 0 2px 4px #0003}.network-info{font-size:.75rem;color:var(--color-secondary);text-transform:uppercase;letter-spacing:.3px}.network-chain{font-family:Space Mono,Courier New,monospace}.decoded-section{margin-top:1.5rem}.decoded-card{background:var(--bg-secondary);border:var(--border-width) solid var(--color-primary);padding:20px;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--color-primary);position:relative;transition:all .2s ease}.decoded-card:hover{box-shadow:6px 6px 0 var(--color-primary)}.decoded-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:var(--border-width) solid var(--color-primary)}.decoded-type{background:var(--color-primary);color:#fff;padding:4px 12px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.decoded-action{color:var(--color-accent);font-size:1.2rem;font-weight:700;text-transform:uppercase}.decoded-id{color:var(--color-secondary);font-size:.9rem;font-family:Space Mono,Courier New,monospace}.decoded-params{margin-top:16px}.params-title{color:var(--color-primary);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.params-grid{display:grid;gap:12px}.param-item{display:grid;grid-template-columns:minmax(120px,1fr) 2fr;gap:12px;padding:12px;background:var(--bg-primary);border:2px solid var(--color-primary);box-shadow:2px 2px 0 var(--color-primary)}.param-name{color:var(--color-secondary);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.param-value{color:var(--color-primary);font-weight:600;word-break:break-all;overflow-wrap:anywhere}.raw-details{margin-top:1rem;background:#1a1f2e80;border:1px solid rgba(255,255,255,.05);border-radius:8px;overflow:hidden}.raw-details summary{padding:.75rem 1rem;background:#4a556833;color:#cbd5e0;font-size:.9rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.raw-details summary:hover{background:#4a55684d}.raw-details[open] summary{border-bottom:1px solid rgba(255,255,255,.1)}.raw-content{padding:1rem}.raw-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem}.raw-item{display:flex;flex-direction:column;gap:.25rem}.raw-item.full-width{grid-column:1 / -1}.raw-label{color:#9ca3af;font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.raw-value{color:#e5e7eb;font-size:.9rem}.raw-value.mono{font-family:Space Mono,Courier New,monospace}.raw-value.data-hex{word-break:break-all;overflow-wrap:anywhere;max-width:100%;font-size:.85rem;line-height:1.5}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card:not(.static){animation:slideIn .3s ease-out}button,input,.card{position:relative;z-index:1}button:before,.card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;z-index:-1;transition:all .3s ease}.protocol-action-card{margin-top:16px;padding:20px;background:var(--bg-primary);border:var(--border-width) solid var(--color-primary);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--color-primary);position:relative;transform:rotate(.5deg);transition:all .2s ease}.protocol-action-card:hover{transform:rotate(0);box-shadow:6px 6px 0 var(--color-primary)}.protocol-action-card h4{margin:0 0 16px;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-primary)}.protocol-action-card .data-item{background:var(--bg-secondary);border:2px solid var(--color-primary);padding:10px 12px;box-shadow:2px 2px 0 var(--color-primary);display:flex;flex-direction:column;gap:4px}.protocol-action-card .data-label{font-size:.85rem;color:var(--color-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.protocol-action-card .data-value{color:var(--color-primary);font-weight:700;font-size:1rem}.protocol-action-card .data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.raw-data-details{margin-top:20px;background:var(--bg-secondary);border:var(--border-width) solid var(--color-primary);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--color-primary)}.raw-data-details summary{cursor:pointer;padding:12px 16px;background:var(--color-primary);color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none;transition:all .2s ease;list-style:none}.raw-data-details summary::-webkit-details-marker{display:none}.raw-data-details summary:before{content:"▶ ";display:inline-block;margin-right:8px;transition:transform .2s ease}.raw-data-details[open] summary:before{transform:rotate(90deg)}.raw-data-details summary:hover{background:var(--color-accent);color:#fff}.raw-data-details[open] summary{border-bottom:var(--border-width) solid var(--color-primary)}.raw-data-details .json-viewer{margin:0;border:none;box-shadow:none;padding:16px}.raw-data-details .json-viewer pre{margin:0;font-size:.85rem;color:#aeded6;font-weight:500;background:#263238;padding:16px;border-radius:4px}.json-toggle-btn{align-self:flex-start;padding:8px 16px;background:var(--bg-secondary);color:var(--color-primary);border:var(--border-width) solid var(--color-primary);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--color-primary);font-family:Space Mono,Courier New,monospace;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease}.json-toggle-btn:hover{background:var(--color-accent);color:#fff;transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--color-primary)}.json-viewer-pre{background:var(--color-primary);color:#fff;padding:16px;border:var(--border-width) solid var(--color-primary);font-family:Space Mono,Courier New,monospace;font-size:.9rem}