:root{font-family:system-ui,sans-serif;color:#1c1c1e;background:#f4f5f7}body{margin:0}.wrap{max-width:520px;margin:0 auto;padding:24px 16px}.card{background:#fff;border-radius:14px;padding:22px;box-shadow:0 1px 4px #00000014;margin-top:16px}h1{font-size:22px;margin:0 0 6px}h2{font-size:17px;margin:0 0 10px}p{line-height:1.5;margin:6px 0;color:#444}button{font:inherit;padding:12px 16px;border-radius:10px;border:0;background:#1a56db;color:#fff;width:100%;cursor:pointer}button.quiet{background:#e8eaee;color:#1c1c1e;margin-top:14px}.tag{display:inline-block;background:#e6f0ff;color:#1a56db;border-radius:20px;padding:2px 10px;font-size:13px}li{padding:6px 0;color:#555}@media (prefers-color-scheme: dark){:root{color:#eee;background:#121316}.card{background:#1c1e22}p,li{color:#bbb}button.quiet{background:#2b2e34;color:#eee}}