:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e7e1d6;--bg-2:#f3eee6;--ink:#1b1714;--muted:#6d645b;--line:#d9d0c3;--card:#fffdf8;--accent:#c4491d;--accent-ink:#fff7f2;--good:#1f7a45;--warn:#9a5b00;--bad:#a3262e;--shadow:0 1px 0 #ffffffb3 inset, 0 18px 40px #46301814;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans:"Avenir Next", "Segoe UI", sans-serif;--mono:ui-monospace, "SFMono-Regular", "Cascadia Code", Menlo, Consolas, monospace}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#12110f;--bg-2:#1b1916;--ink:#f4efe7;--muted:#b3a89c;--line:#322d27;--card:#1e1b17;--accent:#e37a45;--accent-ink:#1b100b;--good:#7dcea0;--warn:#f0b429;--bad:#ff8b7b;--shadow:0 18px 40px #00000059}*{box-sizing:border-box}html,body{margin:0}body{background:radial-gradient(900px 420px at 0% -10%, #c4491d24, transparent 55%), linear-gradient(180deg, var(--bg-2), var(--bg) 320px);min-height:100vh;color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.45}button,input{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wrap{max-width:1120px;margin:0 auto;padding:28px 20px 72px}.top{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.mark{border:1.5px solid var(--accent);border-radius:50%;width:28px;height:28px;position:relative}.mark:before,.mark:after{content:"";background:var(--accent);position:absolute}.mark:before{width:1.5px;height:16px;top:5px;left:12px}.mark:after{width:16px;height:1.5px;top:12px;left:5px}.brand-kicker,.kicker,.k{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:11px;display:block}.brand-name{font-family:var(--serif);font-size:18px}h1{font-family:var(--serif);letter-spacing:-.04em;margin:8px 0 12px;font-size:clamp(36px,6vw,64px);font-weight:560;line-height:.95}.lede{max-width:40rem;color:var(--muted);margin:0 0 22px;font-size:17px}.form{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:6px;padding:6px 6px 6px 18px;display:flex}.form:focus-within{border-color:var(--accent)}input[type=url]{background:0 0;border:0;flex:1;min-width:0;padding:10px 0;font-size:16px}input:focus{outline:none}button.ghost,.examples button,.seg button,.tags summary{color:var(--muted);background:0 0;border:0}#go,.specimen-bar .seg button[aria-pressed=true],button[data-action=copy],button[data-action=share]{background:var(--accent);color:var(--accent-ink);border:0;border-radius:999px;padding:12px 18px;font-weight:650}.examples{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.examples button{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:6px 12px}.section-title{font-family:var(--serif);letter-spacing:-.03em;margin:32px 0 12px;font-size:32px}.section-row{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;display:flex}.subhead{margin:22px 0 8px;font-size:16px}.muted,.foot,.sources,.notes,.meta{color:var(--muted)}.foot{margin-top:36px;font-size:13px}.summary,.callout,.diag,.specimen{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow)}.summary{border-radius:18px;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:8px;padding:14px 16px;display:flex}.summary a,.hop-url,.hop-next{word-break:break-word}.chain{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.chain li{grid-template-columns:auto 1fr;align-items:start;gap:10px;display:grid}.hop-url,.snip,.tags td{font-family:var(--mono);font-size:12.5px}.code{font-variant-numeric:tabular-nums;font-weight:750}.code.ok,.dot.ok{color:var(--good)}.code.re{color:var(--warn)}.code.bad,.dot.bad{color:var(--bad)}.dot{background:currentColor;border-radius:50%;width:8px;height:8px;display:inline-block}.callouts{color:var(--muted);margin:14px 0 0;padding-left:18px}.callouts li+li{margin-top:6px}.callout{border-radius:16px;margin-top:14px;padding:12px 14px}.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px;display:grid}.specimen{border-radius:18px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.specimen-bar{justify-content:space-between;align-items:flex-start;gap:10px;padding:12px 12px 10px;display:flex}.specimen-bar h2{margin:0 0 6px;font-size:16px}.pills,.seg{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pill{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:11px}.pill.good{color:var(--good);border-color:color-mix(in srgb, var(--good) 45%, var(--line))}.pill.warn{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 45%, var(--line))}.seg{background:var(--bg);border-radius:999px;padding:3px}.seg button{border-radius:999px;padding:6px 10px}.seg button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.stage{border-top:1px solid var(--line);background:color-mix(in srgb, var(--bg) 70%, var(--card));padding:14px}.notes{margin:0;padding:0 14px 12px;font-size:13px;list-style:none}.notes li+li{margin-top:4px}.sources{margin:0;padding:0 14px 14px;font-size:12px}.screen{color:#111;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.specimen[data-theme=dark] .screen{color:#f3f3f3}.tweet>div{flex:1;min-width:0}.xcard,.x-row,.xcopy,.fbcard,.gcard,.mcard,.licard{min-width:0}.phone{max-width:300px;margin:0 auto}.imsg{background:#e5e5ea;border-radius:28px;padding:22px 12px}.specimen[data-theme=dark] .imsg{background:#000}.lp{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #0000001f}.specimen[data-theme=dark] .lp{color:#fff;background:#1c1c1e}.lp-copy,.xcopy,.gcopy,.mcopy,.wa-copy,.th-copy,.li-foot,.fbfoot{padding:10px 12px 12px}.lp-title,.g-title,.x-title,.fb-title,.m-title,.wa-title,.ig-title,.th-title,.li-title,.tg-title,.sl-title,.dc-title,.yt-title{margin:0;font-weight:680}.lp-host,.x-domain,.m-domain,.wa-domain,.ig-domain,.th-domain,.li-domain,.g-domain{color:#8e8e93;margin:3px 0 0;font-size:12px}.andr{background:#f1f3f4;border-radius:22px;padding:14px}.specimen[data-theme=dark] .andr{background:#202124}.gcard{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #3c40432e}.specimen[data-theme=dark] .gcard{color:#e8eaed;background:#303134}.g-domain{color:#188038}.x,.fb,.li,.th,.ig,.yt,.slack{color:#0f1419;background:#fff}.x,.ig{border:1px solid #cfd9de;border-radius:16px;padding:12px}.specimen[data-theme=dark] .x{color:#e7e9ea;background:#000;border-color:#2f3336}.tweet,.posthead,.slack-msg,.dc-msg,.igcard{gap:10px;display:flex}.avatar{color:#1b1714;background:#d7dde3;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.who{flex-wrap:wrap;align-items:baseline;gap:6px;margin:0;display:flex}.who span,.meta,.yt-label,.yt-author{color:#536471;font-size:13px}.tweet-text,.caption,.wa-link,.yt-copy{word-break:break-word;margin:4px 0 8px}.xcard{border:1px solid #cfd9de;border-radius:16px;overflow:hidden}.specimen[data-theme=dark] .xcard{border-color:#2f3336}.x-row{min-height:112px;display:flex}.x-row .media{flex:none;width:112px}.x-row .xcopy{flex:1;min-width:0}.specimen[data-theme=dark] .x .who span,.specimen[data-theme=dark] .x-domain{color:#71767b}.fb,.li,.th{border:1px solid #dddfe2;border-radius:12px;overflow:hidden}.fbfoot{background:#f0f2f5}.fb-domain{text-transform:uppercase;letter-spacing:.03em;color:#65676b;margin:0;font-size:12px}.fb-title{margin-top:2px;font-size:17px}.fb-desc,.g-desc,.x-desc,.m-desc,.wa-desc,.ig-desc,.th-desc,.li-desc,.sl-desc,.dc-desc{color:#65676b;margin:4px 0 0;font-size:14px}.specimen[data-theme=dark] .fb{color:#e4e6eb;background:#242526;border-color:#3e4042}.specimen[data-theme=dark] .fbfoot{background:#3a3b3c}.specimen[data-theme=dark] .fb-desc{color:#b0b3b8}.msg{background:#efeef3;border-radius:24px;padding:18px 12px}.specimen[data-theme=dark] .msg{background:#000}.mcard{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #00000014}.specimen[data-theme=dark] .mcard{color:#e4e6eb;background:#242526}.wa{background:#e7ddd4;border-radius:24px;padding:18px 12px}.specimen[data-theme=dark] .wa{background:#0b141a}.wa-bubble{background:#fff;border-radius:8px;padding:4px 4px 6px;box-shadow:0 1px .5px #00000026}.specimen[data-theme=dark] .wa-bubble{color:#e9edef;background:#1f2c34}.wa-prev{background:#f0f2f5;border-radius:6px;overflow:hidden}.specimen[data-theme=dark] .wa-prev{background:#182229}.wa-prev.row{display:flex}.wa-prev.row .media{flex:none;width:78px}.wa-domain{color:#667781}.ig-title{font-size:14px}.specimen[data-theme=dark] .ig,.specimen[data-theme=dark] .th,.specimen[data-theme=dark] .li,.specimen[data-theme=dark] .yt,.specimen[data-theme=dark] .slack{color:#f5f5f5;background:#101010;border-color:#333}.th-copy{padding:10px 12px 12px}.th-domain{color:#737373;margin:0;font-size:12px}.yt{border:1px solid #e5e5e5;border-radius:12px;padding:12px}.yt a{color:#065fd4;text-decoration:none}.specimen[data-theme=dark] .yt a{color:#3ea6ff}.yt-label{text-transform:uppercase;letter-spacing:.08em;margin:8px 0 2px;font-size:11px}.player{background:#111;border-radius:12px;position:relative;overflow:hidden}.play{color:#fff;background:#000000b8;border-radius:50%;place-items:center;width:56px;height:56px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.yt-title{margin-top:8px}.yt-author,.yt-watch{margin:4px 0 0}.slack,.dc{border-radius:12px;padding:12px}.attach{border-left:4px solid var(--brand,#71717a);padding-left:12px}.sl-title{color:#1264a3}.specimen[data-theme=dark] .sl-title{color:#1d9bd1}.sl-site,.dc-site{color:#616061;align-items:center;gap:6px;margin:0 0 4px;font-size:12px;display:flex}.dc{background:#fff}.specimen[data-theme=dark] .dc{color:#dbdee1;background:#313338}.embed{border-left:4px solid var(--brand,#4f545c);background:#f2f3f5;border-radius:4px;padding:8px 12px 10px}.specimen[data-theme=dark] .embed{background:#2b2d31}.dc-title{color:#0068e0}.specimen[data-theme=dark] .dc-title{color:#00a8fc}.li-foot{border-top:1px solid #e0dfdc}.specimen[data-theme=dark] .li{background:#1d2226;border-color:#38434f}.tg{background:#c5dceb;border-radius:22px;padding:16px 12px}.specimen[data-theme=dark] .tg{background:#0e1621}.tg-bubble{background:#fff;border-left:3px solid #3390ec;border-radius:12px;overflow:hidden}.specimen[data-theme=dark] .tg-bubble{color:#fff;background:#182533}.tg-bubble.row{align-items:stretch;display:flex}.tg-bubble.row .media{flex:none;width:84px}.tg-copy{padding:8px 10px 10px}.tg-site{color:#3390ec;margin:0;font-size:13px;font-weight:700}.favicon{object-fit:cover;border-radius:3px;width:16px;height:16px}.media img{object-fit:cover;background:#d9d3c8;width:100%;display:block}.media.hero img{aspect-ratio:1.91}.media.square img,.media.square{aspect-ratio:1;height:100%}.media.thumb{flex:none;width:72px;height:72px}.media.thumb img{height:100%}.igcard .media.thumb,.wa-prev.row .media.thumb{width:72px;height:72px}.media.wide16 img{aspect-ratio:16/9}.media.is-failed{color:#6d645b;min-height:72px;font-family:var(--serif);background:#ece7df;place-items:center;font-size:28px;display:grid}.media.is-failed:before{content:attr(data-letter)}.clamp2,.clamp3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.clamp2{-webkit-line-clamp:2}.clamp3{-webkit-line-clamp:3}.missing{color:#8e8e93;font-weight:500}.banner{background:var(--card);border:1px solid var(--line);border-radius:14px;margin:18px 0;padding:12px 14px}.banner.bad{border-color:color-mix(in srgb, var(--bad) 50%, var(--line))}.diags{flex-direction:column;gap:10px;display:flex}.diag{border-left-width:4px;border-radius:14px;padding:12px 14px}.diag h3{margin:0 0 6px;font-size:15px}.diag p{margin:0 0 8px}.diag.error{border-left-color:var(--bad)}.diag.warn{border-left-color:var(--warn)}.diag.info{border-left-color:#3b82f6}.diag-level{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px}.snip{white-space:pre-wrap;background:var(--bg);border-radius:10px;max-height:240px;margin:8px 0;padding:10px;overflow:auto}.tags{margin-top:16px}.tags table{border-collapse:collapse;width:100%}.tags th,.tags td{text-align:left;vertical-align:top;border-top:1px solid var(--line);padding:6px 8px 6px 0}.tags th{width:9rem;color:var(--muted);font-weight:600}.skel{background:linear-gradient(90deg, var(--line), var(--card), var(--line));background-size:200% 100%;border-radius:18px;height:280px;animation:1.2s linear infinite sheen}@keyframes sheen{to{background-position:-200% 0}}#bench{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 12px}@media (width<=640px){.form{border-radius:18px;flex-direction:column;align-items:stretch;padding:10px}#go{width:100%}.top{align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}