:root {
  color-scheme: dark;
  --ui-bg: #090d10;
  --ui-surface: #11171c;
  --ui-surface-2: #151d23;
  --ui-border: #29343c;
  --ui-border-strong: #40505a;
  --ui-text: #edf3f3;
  --ui-muted: #89979f;
  --ui-accent: #64d2ca;
  --ui-accent-ink: #071211;
  --ui-danger: #f18b91;
  --ui-radius: 10px;
  --ui-shadow: 0 28px 90px rgba(0, 0, 0, .44);
}

.ui-field { display: grid; gap: 9px; }
.ui-field label { color: #c7d0d4; font-size: 12px; font-weight: 600; }
.ui-label-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ui-label-row span { color: #66757e; font-size: 11px; }
.ui-input-shell { display: flex; align-items: center; gap: 11px; min-height: 50px; border: 1px solid var(--ui-border); border-radius: var(--ui-radius); padding: 0 14px; background: #0d1317; transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease; }
.ui-input-shell:focus-within { border-color: rgba(100, 210, 202, .75); background: #10171b; box-shadow: 0 0 0 3px rgba(100, 210, 202, .09); }
.ui-input-shell > svg { flex: 0 0 auto; width: 17px; height: 17px; fill: none; stroke: #64747e; stroke-width: 1.6; }
.ui-input-shell input { min-width: 0; flex: 1; border: 0; outline: 0; color: var(--ui-text); background: transparent; font-size: 14px; }
.ui-input-shell input::placeholder { color: #53616a; }

.ui-button { min-height: 50px; border: 0; border-radius: var(--ui-radius); padding: 0 17px; cursor: pointer; }
.ui-button-primary { display: flex; align-items: center; justify-content: space-between; color: var(--ui-accent-ink); background: var(--ui-accent); font-size: 13px; font-weight: 700; box-shadow: 0 10px 28px rgba(64, 184, 176, .13); transition: transform 140ms ease, filter 140ms ease; }
.ui-button-primary svg { width: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.ui-button-primary:hover { filter: brightness(1.08); transform: translateY(-1px); }
.ui-button-primary:active { transform: translateY(0); }
.ui-button:disabled { cursor: wait; opacity: .68; transform: none; }

:where(.ui-button, .ui-input-shell input):focus-visible { outline: 2px solid rgba(100, 210, 202, .82); outline-offset: 2px; }