:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #15323a; background: #f7f5ed; }
* { box-sizing: border-box; }
body { margin: 0; padding: 14px; }
.embed-card { max-width: 620px; margin: auto; padding: 20px; border: 1px solid #d7e1df; border-radius: 14px; background: #fff; box-shadow: 0 7px 22px rgba(14, 48, 55, .08); }
h1 { margin: 0 0 16px; color: #08262e; font-size: 1.25rem; }
label { display: grid; gap: 6px; font-size: .78rem; font-weight: 750; }
input { width: 100%; min-height: 44px; padding: 9px 10px; border: 1px solid #b9cbc8; border-radius: 8px; color: #08262e; font: inherit; }
input:focus { border-color: #08777b; outline: 3px solid rgba(8, 119, 123, .13); }
.embed-message { min-height: 22px; padding-top: 4px; color: #a63c32; font-size: .78rem; }
.embed-result { display: grid; justify-items: center; margin: 8px 0 14px; padding: 14px; border-radius: 10px; background: #08262e; color: #fff; }
.embed-result strong { font-size: 2.25rem; line-height: 1.15; }
.embed-result span { color: #cfe869; font-size: .82rem; }
a { display: block; color: #075e62; font-size: .75rem; font-weight: 700; text-align: center; text-underline-offset: 3px; }