:root {
  font-family: Inter, "SF Pro Display", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #111111;
  background: #f3efe6;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #f3efe6; }
main { width: min(420px, calc(100% - 36px)); padding: 72px 0; text-align: center; }
.profile { display: flex; flex-direction: column; align-items: center; }
h1 { font-size: 22px; line-height: 1.2; letter-spacing: -.045em; font-weight: 650; margin: 0; color: #111111; }
.profile p { color: #6f6b63; font-size: 12px; line-height: 1.5; margin: 8px 0 28px; }
nav { display: grid; gap: 11px; }
.app-link { min-height: 58px; display: flex; align-items: center; justify-content: space-between; padding: 0 19px; border: 1px solid #d8d1c4; border-radius: 12px; background: #faf7f0; color: inherit; text-align: left; text-decoration: none; transition: background .15s ease, border-color .15s ease; }
a.app-link:hover { border-color: #bfb6a7; background: #fffdf8; }
.app-placeholder { color: #777168; background: transparent; }
.app-link:focus-visible { outline: 2px solid #111111; outline-offset: 3px; }
.app-copy { display: flex; flex-direction: column; gap: 3px; }
.app-link strong { font-size: 13px; font-weight: 600; letter-spacing: -.015em; }
.app-copy small { color: #777168; font-size: 10px; }
.arrow { color: #5f5a52; font-size: 15px; }
@media (max-width: 480px) {
  main { padding: 48px 0; }
}