:root{font-family:system-ui,sans-serif;color:#172033;background:#f5f7fb}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{min-height:44px;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}button:focus-visible,input:focus-visible{outline:3px solid #2457f5;outline-offset:2px}input{width:100%;min-height:44px;padding:.7rem;border:1px solid #ccd3df;border-radius:10px}label{display:grid;gap:.35rem;margin-bottom:.75rem;font-weight:600}header{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#fff;border-bottom:1px solid #e2e6ee}header h1 small,.auth h1 small{font-size:.75rem;color:#667085;font-weight:600}.page{width:min(1160px,calc(100% - 2rem));margin:auto;padding:1rem 0 2rem}.grid{display:grid;gap:1rem;margin-bottom:1rem}.card{background:#fff;border:1px solid #e2e6ee;border-radius:16px;padding:1rem}.person{display:flex;justify-content:space-between;gap:1rem;padding:.6rem;background:#f7f9fc;border-radius:10px}.person input{width:auto;min-height:auto}.primary{border:0;border-radius:10px;padding:.75rem 1rem;background:#2457f5;color:#fff;font-weight:700}.actions{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0;color:#667085}.notice{color:#667085;font-size:.9rem}.warnings{margin:.75rem 0;padding-left:1.25rem}.table-wrap{overflow-x:auto}table{width:100%;min-width:520px;border-collapse:collapse}caption{padding:.75rem;text-align:left;font-weight:700}th,td{padding:.75rem;border-bottom:1px solid #edf0f5;text-align:left}.result-row{cursor:pointer}.result-row:hover{background:#f2f6ff}.result-row:focus-visible{outline:3px solid #2457f5;outline-offset:-3px}.center{min-height:100vh;display:grid;place-items:center;padding:1rem}.auth{width:min(100%,430px)}.error{color:#971b1b;background:#fee;padding:.75rem;border-radius:10px}.success{color:#14532d;background:#dcfce7;padding:.75rem;border-radius:10px}.menu{width:min(100%,500px);display:grid;gap:.75rem}.menu-option{width:100%;padding:.8rem 1rem;text-align:left;border:1px solid #ccd3df;border-radius:10px;background:#fff;font-weight:700}.menu-option:hover{background:#f2f6ff;border-color:#2457f5}.prose{max-width:760px}.user-list{width:min(100%,760px);margin-top:1rem}.user-list ul{display:grid;gap:.5rem;padding:0;list-style:none}.user-list li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem;background:#f7f9fc;border-radius:10px;overflow-wrap:anywhere}.user-list label{display:flex;align-items:center;gap:.5rem;margin:0;white-space:nowrap}.user-list input{width:auto;min-height:auto}.overview-page{width:min(900px,calc(100% - 2rem));margin:auto;padding:1rem 0 2rem}.overview-page>header{margin-bottom:1rem;border:1px solid #e2e6ee;border-radius:16px}.trace-card{margin-top:1rem;padding:1rem;border:1px solid #e2e6ee;border-radius:16px;background:#fff}.trace-section{margin-top:1rem}.trace-list{display:grid;gap:.6rem;margin:0}.trace-list div{display:grid;gap:.2rem;padding:.65rem;background:#f7f9fc;border-radius:10px}.trace-list dt{font-weight:700}.trace-list dd{margin:0;overflow-wrap:anywhere}.trace-list code{white-space:normal;font:inherit;font-weight:700}.distribution-animation{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e6ee}.animation-controls{display:grid;gap:.75rem}.animation-controls label{margin:0}.animation-controls input{accent-color:#2457f5;padding:0}.animation-stage{display:grid;gap:1rem;margin-top:1rem;overflow:hidden}.amount-block{width:fit-content;min-width:8rem;padding:.75rem 1rem;border-radius:12px;color:#fff;font-weight:700;box-shadow:0 4px 10px #17203326}.amount-block span{display:block;margin-top:.25rem;font-size:.8rem;font-weight:500}.source-block{min-width:5.5rem;padding:.45rem .65rem;background:#2457f5;animation:disintegrate 3s ease-in forwards;transform-origin:center}.recipient-flow{display:grid;gap:.65rem}.recipient-block{background:#16803c;opacity:0;transform:translate(-120px,-80px) scale(.75);animation:flow-to-recipient 1s cubic-bezier(.2,.8,.25,1) forwards}@keyframes disintegrate{45%{filter:blur(0);opacity:1;transform:scale(1)}to{filter:blur(8px);opacity:0;transform:scale(.2)}}@keyframes flow-to-recipient{0%{opacity:0;transform:translate(-120px,-80px) scale(.75)}45%{opacity:1;transform:translate(-25px,-65px) scale(1)}78%{opacity:1;transform:translate(24px,-20px) scale(1)}to{opacity:1;transform:translate(0) scale(1)}}@media(prefers-reduced-motion:reduce){.source-block,.recipient-block{animation-duration:.01ms;animation-delay:0ms}}@media(min-width:700px){header{flex-direction:row;align-items:center;justify-content:space-between}.grid{grid-template-columns:1fr 1fr}.actions{flex-direction:row;align-items:center}}
