:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: #0f0609; color: #fbf1f5; font: 16px/1.6 "Geist", system-ui, sans-serif; display: grid; place-items: center; }
main { width: min(560px, calc(100vw - 48px)); padding: 48px 0; }
h1 { font-family: "Instrument Serif", Georgia, serif; font-weight: 400; font-size: clamp(44px, 9vw, 64px); line-height: 1; margin: 0 0 18px; }
h1 em { color: hsl(336 92% 70%); }
h2 { font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(251, 241, 245, 0.62); margin: 36px 0 8px; }
p { color: rgba(251, 241, 245, 0.7); }
strong { color: #fbf1f5; }
.go { display: inline-block; margin-top: 8px; padding: 13px 24px; border-radius: 999px; background: linear-gradient(135deg, hsl(336 92% 70%), hsl(336 100% 85%)); color: #2a0616; font-weight: 600; text-decoration: none; }
ul { list-style: none; padding: 0; margin: 14px 0 0; display: grid; gap: 10px; }
li { display: grid; grid-template-columns: 56px 1fr auto; gap: 14px; align-items: center; padding: 10px; border-radius: 16px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.1); }
li img { width: 56px; height: 56px; border-radius: 10px; object-fit: cover; }
li .t { font-family: "Instrument Serif", Georgia, serif; font-style: italic; font-size: 20px; line-height: 1.15; }
li .m { font-size: 12px; color: rgba(251, 241, 245, 0.6); }
li button { border: 1px solid rgba(255, 255, 255, 0.15); background: rgba(255, 255, 255, 0.08); color: inherit; border-radius: 999px; padding: 7px 14px; font: 600 13px "Geist", system-ui, sans-serif; cursor: pointer; }
.note { font-size: 13px; }