@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-color:#08080a;--bg-color-alt:#0e0e11;--card-bg:linear-gradient(160deg, #131316 0%, #0e0e11 100%);--card-bg-hover:linear-gradient(160deg, #16161a, #101013);--text-main:#ece7dd;--text-muted:#83808c;--text-dim:#56535e;--primary:#d4af6a;--primary-bright:#f3d38a;--primary-hover:#e6c17e;--primary-dim:#8a7248;--primary-glow:#d4af6a40;--border:#ffffff12;--border-strong:#d4af6a40;--input-bg:#ffffff06;--input-bg-focus:#ffffff0b;--success:#4fd18b;--success-bg:#4fd18b1a;--danger:#e5686f;--shadow-lg:0 20px 50px -20px #000000b3;--shadow-glow:0 0 0 1px var(--border-strong), 0 8px 24px -8px var(--primary-glow);--font-heading:"Inter", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace}*{box-sizing:border-box}a{color:#fff;text-decoration:none}a:hover{color:#ccc}.header-links{text-align:center;margin:0 auto;padding:1rem;font-size:.75rem}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-main);letter-spacing:.01em;background-image:radial-gradient(circle at 15% 0,#d4af6a0f 0%,#0000 45%),radial-gradient(circle at 85% 100%,#d4af6a0a 0%,#0000 45%);background-attachment:fixed;min-height:100vh;margin:0;padding:0}header{-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);z-index:100;background:#0a0a0cbf;justify-content:space-between;align-items:center;padding:1.25rem 2.5rem;display:flex;position:sticky;top:0}.logo{font-family:var(--font-heading);letter-spacing:.04em;-webkit-background-clip:text;background-clip:text;font-size:1.85rem;font-weight:700;color:var(--primary)!important}main{max-width:800px;margin:3rem auto;padding:0 1.5rem}.hidden{display:none!important}section.view-state h2{font-family:var(--font-heading);letter-spacing:.02em;font-weight:600}#state-disconnected,#state-wrong-network,#state-loading{text-align:center;padding:4rem 1rem}#state-disconnected h2,#state-wrong-network h2{color:var(--text-main);font-size:2rem}#state-disconnected p,#state-wrong-network p{color:var(--text-muted);font-size:1.05rem}#state-wrong-network h2{color:var(--danger)}.card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:16px;margin-top:1.25rem;padding:2.25rem;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, transparent, var(--primary-glow), transparent);height:1px;position:absolute;top:0;left:0;right:0}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-header h2{color:var(--text-main);margin:0;font-size:1.7rem}button{cursor:pointer;font-size:.92rem;font-weight:600;font-family:var(--font-body);letter-spacing:.02em;border:none;border-radius:10px;padding:.7rem 1.3rem;transition:all .25s}button:active{transform:scale(.97)}.primary-btn{background:linear-gradient(135deg, var(--primary-bright), var(--primary) 70%);color:#16130a;width:100%;box-shadow:0 8px 20px -8px var(--primary-glow);padding:.9rem;font-size:1rem;font-weight:700}.primary-btn:hover{background:linear-gradient(135deg, #f8e0a5, var(--primary-hover) 70%);box-shadow:0 10px 28px -6px var(--primary-glow);transform:translateY(-1px)}.action-btn{color:var(--primary);border:1px solid var(--border-strong);background:#ffffff08}.action-btn:hover{color:var(--primary-bright);border-color:var(--primary);background:#d4af6a1a}.action-panel .action-btn{margin-top:.5rem;margin-right:.5rem}.escrow-form{flex-direction:column;gap:1.4rem;display:flex}.form-group{text-align:left;flex-direction:column;display:flex}.form-group label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.5rem;font-size:.78rem;font-weight:600}.form-row{gap:1.25rem;display:flex}.form-row .form-group{flex:1}input[type=text],input[type=number],select{background-color:var(--input-bg);border:1px solid var(--border);box-sizing:border-box;width:100%;font-family:var(--font-mono);color:var(--text-main);border-radius:10px;padding:.85rem 1rem;font-size:.95rem;transition:all .2s}input[type=text]::placeholder,input[type=number]::placeholder{color:var(--text-dim)}select{-webkit-appearance:none;appearance:none;cursor:pointer;font-family:var(--font-body);background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%23d4af6a\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"%3E%3Cpolyline points=\"6 9 12 15 18 9\"%3E%3C/polyline%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:16px;padding-right:2.5rem}select option{color:var(--text-main);background-color:#131316}select option:checked,select option:hover{background:var(--primary)!important;color:#16130a!important}input[type=text]:focus,input[type=number]:focus,select:focus{background-color:var(--input-bg-focus);border-color:var(--primary);outline:none}input[type=text]:hover,input[type=number]:hover,select:hover{border-color:var(--primary)}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-main)!important;font-family:var(--font-mono)!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-main)!important;font-family:var(--font-mono)!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-main)!important;font-family:var(--font-mono)!important}input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-main)!important;font-family:var(--font-mono)!important}input[type=checkbox]{cursor:pointer;width:1.15rem;height:1.15rem;accent-color:var(--primary);vertical-align:middle;margin-right:.6rem}.form-group label:has(input[type=checkbox]){cursor:pointer;text-transform:none;letter-spacing:normal;color:var(--text-muted);align-items:center;font-size:.9rem;font-weight:500;display:flex}hr{border:0;border-top:1px solid var(--border);margin:1.75rem 0}p{color:var(--text-muted);line-height:1.6}p strong{color:var(--text-main);font-weight:600}.spinner{border:3px solid #ffffff0d;border-left-color:var(--primary);border-top-color:var(--primary-bright);border-radius:50%;width:42px;height:42px;margin:0 auto 1.25rem;animation:.9s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#loading-text{color:var(--text-muted);font-weight:500;font-family:var(--font-body)}.role-badge{border:1px solid var(--border-strong);color:var(--primary-bright);text-transform:uppercase;letter-spacing:.06em;background:#d4af6a1a;border-radius:8px;margin-bottom:1rem;padding:.4rem .85rem;font-size:.8rem;font-weight:600;display:inline-block}.trade-details p{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.4rem 0;display:flex}.trade-details p:last-of-type{border-bottom:none}.trade-details span{font-family:var(--font-mono);color:var(--text-main);word-break:break-all;text-align:right}#ui-status{font-weight:700;color:var(--primary-bright)!important}#ui-current-network{font-weight:700;font-family:var(--font-mono);color:var(--primary)!important}#ui-trade-id{font-family:var(--font-mono);color:var(--primary)}.action-panel h3{font-family:var(--font-heading);color:var(--text-main);margin-bottom:1rem;font-size:1.3rem}#observer-panel p em{color:var(--text-dim)}#create-result-box p[style*="color: green"]{background:var(--success-bg);border:1px solid #4fd18b40;border-radius:8px;padding:.75rem 1rem;color:var(--success)!important;font-size:1rem!important}#shareable-link{font-family:var(--font-mono);margin-top:.75rem}.modal{-webkit-backdrop-filter:blur(6px);z-index:1000;background:#040406bf;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{border:1px solid var(--border-strong);width:100%;max-width:400px;margin:0 1rem;animation:.25s ease-out forwards modalFadeIn}.modal-content h3{font-family:var(--font-heading);color:var(--text-main);margin-top:0;font-size:1.5rem}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-actions{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.modal-actions button{width:auto}button:disabled{opacity:.4;cursor:not-allowed;pointer-events:none;color:var(--text-dim)!important;box-shadow:none!important;background:#ffffff0d!important}input:disabled,select:disabled{opacity:.35;cursor:not-allowed;color:var(--text-dim);border-color:var(--border);background-color:#ffffff05}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--primary-dim);border:2px solid var(--bg-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}appkit-button,appkit-network-button{filter:saturate(.9)}
/*$vite$:1*/