:root {
  --cream: #FBF3E2;
  --butter: #F8DC6B;
  --ink: #111111;
  --muted: #6F675C;
  --card: #FFFFFF;
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  background: var(--cream);
  color: var(--ink);
  font-family: 'Outfit', system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
}
main { max-width: 560px; margin: 0 auto; padding-bottom: 32px; }
.band { padding: 20px 20px 24px; border-radius: 0 0 28px 28px; }
.band.broken { background: var(--butter); }
.brand { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; }
.logo { width: 34px; height: 34px; background: url(icon.svg) center / contain no-repeat; }
.brand-name { font-weight: 800; font-size: 20px; }
h1 { font-size: 40px; line-height: 1.02; letter-spacing: -1.2px; margin: 0 0 6px; font-weight: 800; overflow-wrap: anywhere; }
.count { margin: 0; font-size: 16px; }
.list { list-style: none; margin: 16px 0 0; padding: 0 16px; display: grid; gap: 10px; }
.row { display: flex; align-items: center; gap: 12px; background: var(--card); border-radius: 18px; padding: 14px 16px; }
.row-text { flex: 1; min-width: 0; }
.title { font-weight: 800; font-size: 17px; overflow-wrap: anywhere; }
.detail { color: var(--muted); font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.open { color: var(--ink); font-weight: 700; font-size: 14px; white-space: nowrap; text-decoration: none; padding: 10px 0 10px 8px; }
.keep { margin: 20px 16px 0; background: var(--butter); border-radius: 24px; padding: 20px; }
.keep h2 { margin: 0 0 4px; font-size: 22px; font-weight: 800; letter-spacing: -0.4px; }
.keep p { margin: 0; }
.buttons { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 22px; border-radius: 999px; font-weight: 800; font-size: 16px; text-decoration: none; }
.button.dark { background: var(--ink); color: var(--cream); }
.button.light { border: 2px solid var(--ink); color: var(--ink); }
.soon { font-weight: 700; align-self: center; margin: 0 8px 0 0; }
.note { margin-top: 12px !important; font-size: 13px; color: rgba(17, 17, 17, 0.7); }
.noscript { padding: 24px; }