@tailwind base;
@tailwind components;
@tailwind utilities;

/* Prevent iOS zoom on input focus by ensuring font-size >= 16px */
input, textarea, select {
  font-size: 16px !important; /* iOS won't zoom if 16px or larger */
}

/* For smaller text, use transform scale instead */
.text-xs input,
.text-xs textarea {
  font-size: 16px !important;
  transform: scale(0.75);
  transform-origin: left top;
}

/* Mobile-first: constrain to phone width on all devices */
#root {
  max-width: 448px;
  /* max-w-md = 28rem = 448px */
  margin: 0 auto;
  background: black;
}

body {
  background: black;
  overflow-x: hidden;
}

/* Ensure all content respects mobile width */
* {
  max-width: 100%;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

/* Sensitive data blur protection */
.blur-sensitive {
  filter: blur(6px);
  transition: filter 0.2s ease;
  cursor: pointer;
  user-select: none;
}

.blur-sensitive:hover,
.blur-sensitive:focus {
  filter: blur(0);
  user-select: text;
}

/* Mobile: tap to reveal */
@media (pointer: coarse) {
  .blur-sensitive:active {
    filter: blur(0);
  }
}
