/* What every page of unforgetty.app shares: its colours, its type and the App Store button. */
:root {
  --text: #111;
  --muted: rgba(17, 17, 17, .62);
  --glass: rgba(255, 255, 255, .42);
  --glass-edge: rgba(255, 255, 255, .75);
  --page: #FFF6F8;
}
@media (prefers-color-scheme: dark) {
  :root { --text: #fff; --muted: rgba(255, 255, 255, .66); --glass: rgba(30, 30, 34, .45); --glass-edge: rgba(255, 255, 255, .18); --page: #0B0B0F; }
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
html, body { height: 100%; }
body {
  margin: 0; overflow: hidden;
  font: 600 17px/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif;
  color: var(--text); background: var(--page);
}
a.button {
  display: block; padding: 15px 22px; border-radius: 999px; text-decoration: none; color: #111; background: #FFD60A;
  box-shadow: 0 10px 24px rgba(255, 214, 10, .45), inset 0 1px 0 rgba(255, 255, 255, .7);
  transition: transform .15s ease;
}
a.button:active { transform: scale(.97); }