:root {
  --page-bg: #f5fbff;
  --card-bg: #ffffff;
  --brand: #00a8ec;
  --brand-dark: #0a6da0;
  --text: #1f2a37;
  --muted: #5f6b7a;
}

* {
  box-sizing: border-box;
}

html {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

input,
textarea,
select {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  background: var(--page-bg);
  color: var(--text);
}

#app {
  min-height: 100vh;
}

.app-shell {
  max-width: 480px;
  margin: 0 auto;
  min-height: 100vh;
  padding: 16px;
  position: relative;
}

.content-stack {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.card {
  background: var(--card-bg);
  border-radius: 16px;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
}

.card-title {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
}