:root{--ink: #111111;--paper: #f6f3e8;--panel: #fffdf4;--line: #111111;--shadow: #77746a;--green: #1f7a3a;--red: #9d1f1f;--blue: #28558f}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--ink);font-family:Chicago,Charcoal,Geneva,Lucida Grande,system-ui,sans-serif;background:linear-gradient(45deg,rgba(0,0,0,.05) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.05) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.05) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.05) 75%),#d8d5ca;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.desktop button,.desktop input{font:inherit}.desktop{min-height:100vh;display:grid;place-items:center;padding:24px}.window{width:min(560px,100%);background:var(--panel);border:2px solid var(--line);box-shadow:8px 8px 0 var(--shadow)}.titlebar{min-height:34px;display:grid;grid-template-columns:22px auto 1fr;align-items:center;gap:10px;padding:5px 8px;border-bottom:2px solid var(--line);background:var(--paper)}.box{width:16px;height:16px;border:2px solid var(--line);background:#fff;box-shadow:inset 2px 2px #d5d2c7}.desktop h1{margin:0;font-size:18px;line-height:1;letter-spacing:0;white-space:nowrap}.stripe{height:18px;background:repeating-linear-gradient(to bottom,var(--line) 0,var(--line) 1px,transparent 1px,transparent 4px)}.content{padding:24px}.badge{display:inline-block;margin-bottom:18px;padding:5px 8px 4px;color:#fff;background:var(--ink);border:2px solid var(--line);font-size:13px}.ledger{margin:0 0 22px;border:2px solid var(--line);background:#fff}.ledger>div{display:grid;grid-template-columns:80px 1fr;min-width:0}.ledger>div+div{border-top:2px solid var(--line)}.desktop dt,.desktop dd{min-width:0;margin:0;padding:10px}.desktop dt{background:var(--paper);border-right:2px solid var(--line)}.desktop dd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-actions,.button-row,.payment-form{display:grid;gap:10px}.button-row{grid-template-columns:1fr auto auto}.desktop label{font-size:14px}.assets{margin:0 0 22px;border:2px solid var(--line);background:#fff}.asset-header,.asset-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.asset-header{padding:8px 10px;border-bottom:2px solid var(--line);background:var(--paper)}.asset-header h2{margin:0;font-size:14px;letter-spacing:0}.asset-header button{min-height:28px;padding:0 8px;box-shadow:2px 2px 0 var(--ink);font-size:12px}.asset-row{padding:12px 10px;width:100%;min-height:auto;border:0;border-radius:0;box-shadow:none;color:var(--ink);background:#fff;cursor:pointer;text-align:left}.asset-row+.asset-row{border-top:2px solid var(--line)}.asset-row:hover:not(:disabled),.asset-row:focus-visible:not(:disabled){color:var(--ink);background:#f6f3e8;outline:2px dotted var(--line);outline-offset:-6px}.asset-row:active:not(:disabled){transform:none;box-shadow:none}.asset-row[data-selected=true]{outline:3px double var(--line);outline-offset:-5px;background:#e7edf6}.asset-row[data-selected=true]:hover:not(:disabled),.asset-row[data-selected=true]:focus-visible:not(:disabled){color:var(--ink);background:#dfe8f4;outline:3px double var(--line);outline-offset:-5px}.asset-row strong,.asset-row small{display:block}.asset-row small{margin-top:3px;color:#55524c;font-size:12px}.asset-balance{text-align:right;white-space:nowrap}.asset-empty{padding:12px 10px}.mode-panel{margin:0 0 22px;border:2px solid var(--line);background:#fff}.mode-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:8px 10px;border-bottom:2px solid var(--line);background:var(--paper)}.mode-header h2{margin:0;font-size:14px;letter-spacing:0}.mode-header span{font-size:12px;text-align:right}.mode-toggle{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0}.mode-toggle button{min-height:38px;border:0;border-radius:0;box-shadow:none;background:#fff}.mode-toggle button+button{border-left:2px solid var(--line)}.mode-toggle button[data-active=true]{color:#fff;background:var(--blue)}.mode-toggle button:active:not(:disabled){transform:none;box-shadow:none}.mode-panel p{margin:0;padding:10px;border-top:2px solid var(--line);color:#55524c;font-size:12px;line-height:1.4}.mode-actions{padding:10px;border-top:2px solid var(--line);background:#fff}.mode-actions button{width:100%}.amount-row{display:grid;grid-template-columns:1fr auto;align-items:center;border:2px solid var(--line);background:#fff}.desktop input{width:100%;min-width:0;border:0;outline:0;padding:14px 12px;color:var(--ink);background:#fff;font-size:28px;letter-spacing:0}.amount-row span{align-self:stretch;display:grid;place-items:center;padding:0 12px;border-left:2px solid var(--line);background:var(--paper)}.desktop button{min-height:46px;color:var(--ink);background:var(--paper);border:2px solid var(--line);box-shadow:4px 4px 0 var(--ink);cursor:pointer}.desktop button:hover:not(:disabled),.desktop button:focus-visible:not(:disabled){color:#fff;background:var(--blue)}.desktop button:active:not(:disabled){transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}.desktop button:disabled{color:#77746a;cursor:wait;box-shadow:2px 2px 0 var(--shadow)}.status{display:block;min-height:42px;margin-top:18px;padding:10px;border:2px solid var(--line);background:#fff;overflow-wrap:anywhere}.status[data-tone=busy]{background:#fff4b8}.status[data-tone=success]{color:#fff;background:var(--green)}.status[data-tone=error]{color:#fff;background:var(--red)}.inline-error{margin-top:12px;padding:8px 10px;color:#fff;border:2px solid var(--line);background:var(--red);overflow-wrap:anywhere}@media(max-width:520px){.desktop{padding:14px;place-items:start center}.window{box-shadow:5px 5px 0 var(--shadow)}.content{padding:16px}.ledger>div,.asset-header,.asset-row,.mode-header,.button-row{grid-template-columns:1fr}.asset-balance,.mode-header span{text-align:left}.desktop dt{border-right:0;border-bottom:2px solid var(--line)}.desktop input{font-size:24px}}