.ui-input{border:1px solid var(--border);background:var(--surface);border-radius:16px;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex;box-shadow:0 12px 24px #2125491f}.ui-input__field{color:var(--foreground);background:0 0;border:none;outline:none;flex:1;font-size:.9375rem}.ui-input__field::placeholder{color:var(--muted-2)}.ui-input__right{align-items:center;display:flex}.ui-input:focus-within{box-shadow:0 0 0 3px #3d3d8e33}html.dark .ui-input{background:#121623bf;box-shadow:0 18px 30px #05081499}html.vision-low .ui-input{box-shadow:none;border-color:var(--border);background:var(--background)}
.ui-button{cursor:pointer;background:var(--brand-primary);color:var(--neutral-white);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;line-height:1;transition:transform .2s,box-shadow .2s,background-color .2s,border-color .2s,color .2s;display:inline-flex;box-shadow:0 16px 30px #21254933}.ui-button:focus-visible{outline:none;box-shadow:0 0 0 3px #3d3d8e40}.ui-button:hover:not(:disabled){transform:translateY(-1px)}.ui-button--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 22px 50px #3d3d8e73}.ui-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.ui-button--primary{background:linear-gradient(135deg,#3d3d8ef2,#f4752de6);border:none;box-shadow:0 18px 40px #3d3d8e59}.ui-button--secondary{background:var(--surface);color:var(--brand-secondary-strong);border-color:var(--border)}.ui-button--outline{color:var(--brand-secondary-strong);border-color:var(--border);background:0 0}.ui-button--ghost{color:var(--brand-secondary-strong);box-shadow:none;background:0 0;border-color:#0000}.ui-button--xs{gap:.5rem;height:1.5rem;padding:0 .625rem;font-size:.75rem}.ui-button--s{gap:.625rem;height:2rem;padding:0 .75rem;font-size:.875rem}.ui-button--m{gap:.875rem;height:2.5rem;padding:0 1rem;font-size:1rem}.ui-button--l{gap:1rem;height:3rem;padding:0 1.25rem;font-size:1.125rem}.ui-button--icon{aspect-ratio:1;width:2rem;height:2rem;padding:0}html.dark .ui-button{box-shadow:0 20px 40px #05081499}html.dark .ui-button--secondary{color:#f2f5ff;background:#121623bf}html.dark .ui-button--outline,html.dark .ui-button--ghost{color:#f2f5ff;border-color:#ffffff2e}html.vision-low .ui-button{box-shadow:none;border-color:var(--border)}html.vision-low .ui-button--primary{background:var(--brand-primary)}