:root{--bg:#91bd13;--card:#c5511e9e;--border:#4216cd;--text:#520fa0;--muted:#b8c80e;--accent:#c08221;--accent-dim:#40831a;--warn:#c9a227}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:IBM Plex Sans,system-ui,sans-serif;line-height:1.5}header{border-bottom:1px solid var(--border);text-align:center;padding:1.5rem 2rem}header.logo{background-image:url(/atomicnock-logo.png);background-position:50%;background-repeat:no-repeat;background-size:contain;border-bottom:none;min-height:180px}h1{margin:0;font-size:1.5rem;font-weight:600}.subtitle{color:var(--muted);margin:.25rem 0 0;font-size:.9rem}.global-config{max-width:36rem;margin-top:1rem}.global-config code{font-size:.85em}.preimage-status{color:var(--muted);margin:.35rem 0 .5rem;font-size:.8rem}.preimage-status.ok{color:#8b21c0;font-weight:700}.wallet-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.wallet-row button{margin-top:0}.wallet-status{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:.8rem}.wallet-status.ok{color:#551971;font-weight:700}.wallet-status.error{color:#f07178;font-weight:700}main{background-image:url(/bg.png);background-position:top;background-repeat:no-repeat;background-size:cover;max-width:720px;margin:auto;padding:190px 3rem 3rem;display:block}@media (width<=800px){main{padding:140px 1rem 2rem}}.flow-title,.role-select h2{color:var(--accent);text-shadow:0 2px 6px #000000d9,0 0 2px #000000e6;margin:.25rem 0 1rem;font-size:1.6rem}.role-flow{position:relative}.role-back{color:var(--accent);text-shadow:0 2px 6px #000000d9,0 0 2px #000000e6;background:0 0;padding:.25rem 0;font-weight:700}.role-back:hover{background:0 0;text-decoration:underline}.role-buttons{flex-direction:column;gap:.5rem;display:flex}.role-buttons button{width:100%}.step-indicator{color:#2a0a4d;margin-bottom:.75rem;font-family:IBM Plex Mono,monospace;font-size:.8rem;font-weight:700}.step-nav{justify-content:space-between;gap:.75rem;margin-top:1.25rem;display:flex}.step-nav button{flex:1}.swap-card{background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:16px;margin-top:.5rem;padding:1rem 1.1rem;transition:box-shadow .15s,transform 50ms;position:relative}.swap-card:hover{box-shadow:0 0 0 2px var(--accent)}.swap-card:active{transform:translateY(1px)}.swap-card-title{color:#2a0a4d;justify-content:space-between;align-items:center;margin-bottom:.6rem;font-weight:700;display:flex}.swap-card-copy{color:#551971;background:var(--accent);border-radius:999px;padding:.15rem .6rem;font-size:.7rem;font-weight:700}.swap-card-row{justify-content:space-between;gap:1rem;padding:.15rem 0;font-family:IBM Plex Mono,monospace;font-size:.78rem;display:flex}.swap-card-row .k{color:var(--accent-dim);font-weight:700}.swap-card-row .v{color:var(--text);word-break:break-all;text-align:right}.swap-card.copied{box-shadow:0 0 0 2px #2e7d32}.swap-raw{margin-top:.5rem}.swap-raw summary{cursor:pointer;color:var(--muted);font-size:.75rem}.swap-raw textarea{margin-top:.4rem}.panel{background:var(--card);border:1px solid var(--border);border-radius:40px;padding:1.25rem}.panel h2{color:var(--accent);margin:0 0 1rem;font-size:1.1rem}label{color:var(--muted);margin:.75rem 0 .25rem;font-size:.8rem;display:block}input,textarea{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:4px;padding:.5rem .65rem;font-family:IBM Plex Mono,monospace;font-size:.85rem}textarea{resize:vertical;min-height:5rem}button{background:var(--accent);color:#590f91;cursor:pointer;border:none;border-radius:4px;margin-top:.75rem;padding:.55rem 1rem;font-size:.9rem;font-weight:700}button:hover{background:var(--accent-dim)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{color:var(--text);border:1px solid var(--border);background:0 0;margin-left:.5rem}button.secondary:hover{background:var(--card)}@keyframes pulse-busy{0%,to{opacity:.55}50%{opacity:.95}}button.busy,button.busy:disabled{cursor:progress;animation:1.1s ease-in-out infinite pulse-busy}.log{background:var(--bg);white-space:pre-wrap;word-break:break-all;border-radius:4px;max-height:12rem;margin-top:1rem;padding:.75rem;font-family:IBM Plex Mono,monospace;font-size:.75rem;overflow-y:auto}.log.error{color:#00ff95;background-color:red;font-weight:700}.log.ok{color:#8b21c0;font-weight:700}.hint{color:var(--muted);margin-top:.5rem;font-size:.75rem}input:-webkit-autofill{transition:background-color 0s 600000s,color 0s 600000s!important}input:-webkit-autofill:focus{transition:background-color 0s 600000s,color 0s 600000s!important}