.message-screen{isolation:isolate;background:var(--ch-ink);min-height:100dvh;color:var(--foreground);flex-direction:column;display:flex;position:relative;overflow:clip}.message-bar{align-items:center;min-height:72px;display:flex}.message-home{min-height:44px;color:var(--foreground);align-items:center;text-decoration:none;display:inline-flex}.message-main{flex:1;align-content:center;padding-block:clamp(40px,7vh,88px) clamp(112px,24vh,260px);display:grid;position:relative}.message-screen .message-field{z-index:-1;pointer-events:none;opacity:.5;background:radial-gradient(60% 300px at 50% 100%, var(--ch-ember-press), transparent 72%), var(--ch-ink);--message-falloff:radial-gradient(150% 340px at 50% 100%, black 0 20%, #0000008c 55%, transparent 100%);-webkit-mask-image:var(--message-falloff);-webkit-mask-image:var(--message-falloff);mask-image:var(--message-falloff);position:absolute;inset:0;overflow:hidden}.message-body{z-index:1;text-align:center;justify-items:center;gap:20px;max-width:760px;display:grid;position:relative}.message-body:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--ch-ink) 74%, transparent) 14%, color-mix(in srgb, var(--ch-ink) 74%, transparent) 62%, transparent);position:absolute;inset:-12% -50vw -28%}.message-body .eyebrow{color:var(--muted)}.message-body h1{letter-spacing:-.05em;text-wrap:balance;font-size:clamp(36px,4.6vw,62px);font-weight:550;line-height:1.04}.message-copy{max-width:580px;color:var(--muted);justify-items:center;gap:16px;font-size:17px;line-height:1.65;display:grid}.message-reference{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 10px;font-size:14px;display:flex}.message-reference code{color:var(--foreground);overflow-wrap:anywhere}.message-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 16px;margin-top:8px;display:flex}.message-screen--bare :is(a,button):focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (max-width:700px){.message-copy{font-size:16px}}@media (max-width:480px){.message-actions{flex-direction:column;align-items:stretch;width:100%}.message-actions>*{width:100%}}