.ht-panel{--ht-bg:#101218;--ht-border:#282d37;--ht-text:#eef1f7;--ht-muted:#979eaf;--ht-green:#b6f65b;--ht-red:#ff8497;color:var(--ht-text);background:var(--ht-bg);border:1px solid var(--ht-border);border-radius:20px;padding:25px;font-family:inherit;min-width:0;scroll-margin-top:95px}
.ht-panel *{box-sizing:border-box}.ht-panel [hidden]{display:none!important}.ht-heading,.ht-wallet-row,.ht-field-heading,.ht-amount-row,.ht-review-heading,.ht-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.ht-heading{align-items:flex-start}.ht-eyebrow{font:600 10px/1.6 ui-monospace,monospace;letter-spacing:.13em;color:var(--ht-green)}.ht-panel h2{font-size:clamp(24px,3vw,34px);line-height:1.12;letter-spacing:-.055em;margin:8px 0 0;font-weight:650}.ht-panel h3{font:600 16px/1.3 inherit;margin:0}.ht-network{font:11px/1.4 ui-monospace,monospace;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ht-border);border-radius:20px;padding:6px 9px}.ht-network span{background:var(--ht-green);width:5px;height:5px;border-radius:50%}.ht-intro{font-size:13px;line-height:1.7;color:var(--ht-muted);margin:15px 0 21px;max-width:440px}.ht-wallet-row{font-size:12px;color:var(--ht-muted);padding-bottom:15px;overflow-wrap:anywhere}.ht-button,.ht-presets button,.ht-close,.ht-reverse-row button{font:600 12px/1.3 inherit;cursor:pointer;transition:background .15s,border-color .15s;border:1px solid var(--ht-border);box-shadow:none;width:auto;text-transform:none;letter-spacing:0}.ht-button{padding:11px 15px;border-radius:9px;min-height:42px}.ht-secondary{background:#191d25;color:var(--ht-text)}.ht-primary{width:100%;background:var(--ht-green);color:#151c0d;border-color:var(--ht-green);font-weight:700;font-size:14px;min-height:48px}.ht-primary:hover:not(:disabled){background:#c8ff83;border-color:#c8ff83}.ht-secondary:hover:not(:disabled){background:#242a34}.ht-panel button:disabled{cursor:not-allowed;opacity:.45}.ht-panel :focus-visible{outline:2px solid var(--ht-green);outline-offset:3px}.ht-panel fieldset{border:0;min-width:0;padding:0;margin:0}.ht-token-box{background:#080b10;border:1px solid var(--ht-border);border-radius:12px;padding:16px}.ht-field-heading{color:var(--ht-muted);font-size:12px}.ht-presets{display:flex;gap:5px}.ht-presets button{font-size:11px;border-radius:5px;padding:4px 8px;color:var(--ht-muted);background:#141821;min-height:28px}.ht-presets button:hover{border-color:var(--ht-green);color:var(--ht-green)}.ht-amount-row{margin:11px 0 15px;font:500 27px/1.3 ui-monospace,monospace;letter-spacing:-.055em;min-width:0}.ht-amount-row input,.ht-amount-row output{min-width:0;width:100%;font:inherit;letter-spacing:inherit;padding:0;color:var(--ht-text);border:0;outline:none;background:transparent;overflow-wrap:anywhere}.ht-amount-row span{font:600 15px/1.3 inherit;letter-spacing:0;color:var(--ht-text);white-space:nowrap}.ht-panel .ht-mint{width:100%;border:0;border-top:1px solid #1a202b;border-radius:0;background:transparent;padding:9px 0 0;color:var(--ht-muted);font:10px/1.5 ui-monospace,monospace;box-shadow:none;letter-spacing:0}.ht-mint-label{font-size:10px;color:#6f788b;display:block;line-height:1.5}.ht-reverse-row{height:12px;display:flex;justify-content:center;position:relative;z-index:1}.ht-reverse-row button{align-self:center;background:#191f29;color:var(--ht-green);width:32px;height:32px;border-radius:9px;font-size:19px;padding:0;line-height:1}.ht-note{color:var(--ht-muted);font-size:11px;line-height:1.6;margin:11px 0}.ht-settings{border-top:1px solid var(--ht-border);margin:17px 0}.ht-settings summary{cursor:pointer;padding:13px 0;font-size:12px;color:var(--ht-text)}.ht-settings summary span{float:right;color:var(--ht-muted);font-size:11px}.ht-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ht-settings-grid label{color:var(--ht-muted);font-size:11px;display:block}.ht-settings-grid select{display:block;width:100%;font:12px/1.4 inherit;margin-top:7px;padding:8px;border-radius:6px;background:#151a23;color:var(--ht-text);border:1px solid var(--ht-border)}.ht-message{font-size:12px;line-height:1.6;margin:13px 0;min-height:19px;color:var(--ht-muted);overflow-wrap:anywhere}.ht-message[data-tone=error]{color:var(--ht-red)}.ht-message[data-tone=success]{color:var(--ht-green)}.ht-review{padding:17px;border:1px solid #425c2c;background:#121b11;border-radius:12px;margin-top:17px}.ht-review-heading span{color:var(--ht-green);font:10px/1.4 ui-monospace,monospace}.ht-review dl{display:grid;grid-template-columns:1fr minmax(0,1.45fr);gap:10px 16px;font-size:12px;margin:18px 0}.ht-review dt{color:var(--ht-muted)}.ht-review dd{text-align:right;margin:0;overflow-wrap:anywhere;font-family:ui-monospace,monospace}.ht-review dd.ht-address{font-size:10px;line-height:1.5}.ht-review dd.ht-impact-high{color:var(--ht-red)}.ht-review .ht-note{margin:16px 0}.ht-receipt{border:1px solid var(--ht-border);border-radius:10px;padding:15px;margin-top:16px;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.ht-receipt strong{color:var(--ht-green)}.ht-receipt p{color:var(--ht-muted);margin:5px 0 10px}.ht-receipt[data-state=failed] strong,.ht-receipt[data-state=expired] strong{color:var(--ht-red)}.ht-receipt a,.ht-footer a{color:var(--ht-green);text-decoration:none}.ht-receipt a:hover,.ht-footer a:hover{text-decoration:underline}.ht-receipt .ht-button{display:block;margin-top:12px}.ht-footer{border-top:1px solid var(--ht-border);padding-top:16px;margin-top:20px;font:10px/1.5 ui-monospace,monospace;color:var(--ht-muted)}.ht-dialog{color:var(--ht-text);background:#11161e;border:1px solid #38404e;border-radius:16px;width:min(410px,calc(100% - 32px));padding:23px;box-shadow:0 24px 100px #0009}.ht-dialog::backdrop{background:#030609c9;backdrop-filter:blur(4px)}.ht-dialog .ht-heading{align-items:center}.ht-close{background:none;color:var(--ht-muted);border:0;font-size:23px;padding:3px 8px;min-height:36px}.ht-wallet-choice{display:flex;width:100%;align-items:center;justify-content:space-between;text-align:left;margin:8px 0;background:#1b222e;color:var(--ht-text);border:1px solid var(--ht-border);border-radius:8px;min-height:49px;padding:12px 14px;font:600 13px/1.4 inherit;cursor:pointer}.ht-wallet-choice:hover{border-color:var(--ht-green)}.ht-dialog #ht-disconnect{margin-top:13px;width:100%}.ht-panel[aria-busy=true] .ht-review{opacity:.75}@media(max-width:560px){.ht-panel{padding:19px 15px;border-radius:14px}.ht-heading{gap:8px;flex-wrap:wrap}.ht-network{font-size:10px}.ht-wallet-row{gap:8px}.ht-wallet-row .ht-button{font-size:11px;padding:9px 10px}.ht-amount-row{font-size:24px}.ht-mint{font-size:9px!important}.ht-review{padding:13px}.ht-review dl{font-size:11px;gap:9px}.ht-footer{font-size:9px}}@media(prefers-reduced-motion:reduce){.ht-panel *{transition:none!important}}
/* Match the surrounding Hauhau terminal palette. */
.ht-panel{--ht-bg:#151911;--ht-border:#303829;--ht-text:#f1f2e8;--ht-muted:#a0aa97;--ht-green:#d2f58c;border-radius:12px;padding:24px}
.ht-panel .ht-token-box,.ht-panel .ht-secondary,.ht-panel .ht-presets button,.ht-panel .ht-dialog,.ht-panel .ht-wallet-choice,.ht-panel .ht-settings-grid select{background:#1b2117}
.ht-panel .ht-button,.ht-panel .ht-token-box{border-radius:6px}