@font-face{font-family:Geist Mono;src:url('/viewer-font.ttf') format('truetype');font-weight:500;font-display:swap}
*{box-sizing:border-box}html,body{margin:0;height:100%;color-scheme:dark}
html{--bg:#0e100d;--ink:#5efd36;background:var(--bg);color:var(--ink);font:500 12px/1.3 'Geist Mono',monospace}
html[data-tone=vivid]{--bg:#5efd36;--ink:#0e100d;color-scheme:light}
body{border:4px solid var(--bg);border-radius:12px;overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr) auto;background:var(--bg)}
.fragment{display:block;width:100%;height:100%;border:0;border-radius:8px 8px 0 0;background:#0e100d}
.bar{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 8px 0;background:var(--bg)}
.brand{display:flex;align-items:center;gap:6.962px;width:70px;height:24px;color:inherit;text-decoration:none}
.brand img{display:block;flex:none}.meta{border:0;padding:0;background:transparent;color:inherit;font:inherit;cursor:pointer;position:absolute;left:50%;transform:translateX(-50%);width:max-content;white-space:nowrap;text-align:center}.bar[data-compact=true] .meta{visibility:hidden}.by{opacity:.5}.actions{display:flex;align-items:center;gap:4px;flex:none}
.info-icon{width:16px;height:16px;display:block;background:currentColor;mask:url('data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJJY29uQ2lyY2xlSW5mbyI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik03LjE2NjY3IDcuMzMzMzNIOFYxMC44MzMzTTE0LjE2NjcgOEMxNC4xNjY3IDExLjQwNTcgMTEuNDA1NyAxNC4xNjY3IDggMTQuMTY2N0M0LjU5NDI1IDE0LjE2NjcgMS44MzMzMyAxMS40MDU3IDEuODMzMzMgOEMxLjgzMzMzIDQuNTk0MjUgNC41OTQyNSAxLjgzMzMzIDggMS44MzMzM0MxMS40MDU3IDEuODMzMzMgMTQuMTY2NyA0LjU5NDI1IDE0LjE2NjcgOFoiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGlkPSJWZWN0b3JfMiIgZD0iTTggNC45MTY2N0M3Ljc2OTg3IDQuOTE2NjcgNy41ODMzMyA1LjEwMzIxIDcuNTgzMzMgNS4zMzMzM0M3LjU4MzMzIDUuNTYzNDUgNy43Njk4NyA1Ljc1IDggNS43NUM4LjIzMDEzIDUuNzUgOC40MTY2NyA1LjU2MzQ1IDguNDE2NjcgNS4zMzMzM0M4LjQxNjY3IDUuMTAzMjEgOC4yMzAxMyA0LjkxNjY3IDggNC45MTY2N1oiIGZpbGw9ImJsYWNrIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjAuMjUiLz4KPC9nPgo8L3N2Zz4K') center/16px 16px no-repeat;-webkit-mask:url('data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJJY29uQ2lyY2xlSW5mbyI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik03LjE2NjY3IDcuMzMzMzNIOFYxMC44MzMzTTE0LjE2NjcgOEMxNC4xNjY3IDExLjQwNTcgMTEuNDA1NyAxNC4xNjY3IDggMTQuMTY2N0M0LjU5NDI1IDE0LjE2NjcgMS44MzMzMyAxMS40MDU3IDEuODMzMzMgOEMxLjgzMzMzIDQuNTk0MjUgNC41OTQyNSAxLjgzMzMzIDggMS44MzMzM0MxMS40MDU3IDEuODMzMzMgMTQuMTY2NyA0LjU5NDI1IDE0LjE2NjcgOFoiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGlkPSJWZWN0b3JfMiIgZD0iTTggNC45MTY2N0M3Ljc2OTg3IDQuOTE2NjcgNy41ODMzMyA1LjEwMzIxIDcuNTgzMzMgNS4zMzMzM0M3LjU4MzMzIDUuNTYzNDUgNy43Njk4NyA1Ljc1IDggNS43NUM4LjIzMDEzIDUuNzUgOC40MTY2NyA1LjU2MzQ1IDguNDE2NjcgNS4zMzMzM0M4LjQxNjY3IDUuMTAzMjEgOC4yMzAxMyA0LjkxNjY3IDggNC45MTY2N1oiIGZpbGw9ImJsYWNrIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjAuMjUiLz4KPC9nPgo8L3N2Zz4K') center/16px 16px no-repeat}
.icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:0;border-radius:4px;padding:4px;color:var(--ink);background:transparent;cursor:pointer}
.icon:hover{background:color-mix(in srgb,var(--ink) 14%,transparent)}.icon img{display:block;width:16px;height:16px}
.icon .copy-check{display:none;width:16px;height:16px}.icon[data-action][data-copied=true] img{display:none!important}.icon[data-copied=true] .copy-check{display:block}
a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:1px}
.notch{display:block;position:absolute;bottom:100%;width:12px;height:12px;pointer-events:none}.notch.left{left:0}.notch.right{right:0;transform:rotate(180deg) scaleY(-1)}
[data-asset-tone=vivid]{display:none!important}html[data-tone=vivid] [data-asset-tone=dark]{display:none!important}html[data-tone=vivid] [data-asset-tone=vivid]{display:block!important}
.tooltip{position:fixed;z-index:10;max-width:calc(100vw - 16px);padding:8px 12px;border:1px solid #41433e;border-radius:12px;background:#292c26;color:#f0f2e9;font:400 13px/1.35 system-ui,sans-serif;box-shadow:0 4px 14px #0003;overflow-wrap:anywhere}
[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.vat-popover{position:fixed;inset:auto;margin:0;width:min(320px,calc(100vw - 24px));border:0;border-radius:12px 12px 4px 12px;padding:12px;background:var(--ink);color:var(--bg);font:500 16px/1 'Geist Mono',monospace;max-height:calc(100dvh - 80px);overflow:auto;color-scheme:light}
html[data-tone=vivid] .vat-popover{color-scheme:dark}
.vat-popover::backdrop{background:transparent}
.vat-popover h2{font:inherit;margin:0 0 6px;white-space:nowrap}
.copy-popover h2{margin-bottom:12px}
.copy-field{position:relative;border-radius:8px;background:color-mix(in srgb,var(--bg) 12%,transparent);overflow:hidden}
.copy-field span{display:block;padding:4px 10px;font:400 12px/1.35 'Geist Mono',monospace;color:color-mix(in srgb,var(--bg) 50%,transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.copy-field textarea{position:absolute;inset:0;display:block;width:100%;height:100%;padding:4px 10px;border:0;border-radius:8px;resize:none;overflow:hidden;background:transparent;color:transparent;caret-color:transparent;font:400 12px/1.35 'Geist Mono',monospace;white-space:pre;outline:0}
.copy-field:focus-within span{visibility:hidden}.copy-field textarea:focus{color:color-mix(in srgb,var(--bg) 50%,transparent)}.copy-field textarea::selection{background:#000;color:#5efd36}
#vat-copy-dismiss{display:none}body:has(.vat-popover:popover-open) #vat-copy-dismiss{display:block;position:fixed;inset:0;z-index:1}body:has(.vat-popover:popover-open) .bar{z-index:2}
body:has(.vat-popover:popover-open) .fragment{filter:brightness(.25)}
body:has(.vat-popover:popover-open) .bar .brand,body:has(.vat-popover:popover-open) .bar .meta,body:has(.vat-popover:popover-open) .icon:not([aria-expanded=true]){opacity:.25}
.icon[data-action=prompt][aria-expanded=true]{transform:rotate(12deg)}
@media(pointer:coarse){.copy-field span,.copy-field textarea{font-size:16px;line-height:1.5;padding-top:10px;padding-bottom:10px}}

.report-link{display:inline-block;margin-top:12px;font-size:11px;color:inherit;opacity:.65}.info-popover h2{white-space:normal;line-height:1.2;overflow-wrap:anywhere}.info-author{margin:0 0 6px;font:400 12px/1.35 'Geist Mono',monospace;opacity:.65;overflow-wrap:anywhere}.info-description{margin:0;font:400 12px/1.35 'Geist Mono',monospace;white-space:pre-wrap;overflow-wrap:anywhere}.info-context{margin:12px 0 0;font:400 12px/1.45 'Geist Mono',monospace;white-space:pre-wrap;overflow-wrap:anywhere}.vat-popover ::selection{background:#000;color:#5efd36}
@media(pointer:coarse){.icon{width:44px;height:44px}.brand{height:44px}}

/* Private preview status and controls. */

html{--preview-accent:#FF3819}
.icon svg{display:block;width:16px;height:16px;flex:none}
.preview-lock{color:var(--preview-accent)}
.preview-lock[aria-expanded=true]{background:color-mix(in srgb,var(--preview-accent) 15%,transparent)}
.preview-details{background:#FF3819;color:#0e100d;line-height:1.4;width:min(320px,calc(100vw - 24px))}
html[data-tone=vivid] .preview-details{background:#0e100d;color:#FF3819}
.preview-details p{font:400 12px/1.5 'Geist Mono',monospace;margin:12px 0 0}
.preview-details h2{margin:0;line-height:1.25}
.preview-secondary{opacity:1}.preview-details .preview-revision{opacity:1;font-size:10px;overflow-wrap:anywhere}
#preview-reload{position:relative}
#preview-reload[data-update-ready=true]{opacity:1;box-shadow:inset 0 0 0 1px currentColor}
#preview-reload[data-update-ready=true]::after{content:"";position:absolute;right:3px;top:3px;width:4px;height:4px;border-radius:50%;background:currentColor}
#preview-reload[data-loading=true] svg{animation:preview-refresh .6s linear infinite}
@keyframes preview-refresh{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#preview-reload[data-loading=true] svg{animation:none}}

html[data-tone=vivid] .preview-lock{background:#0e100d}

.preview-details h2 + .preview-secondary{margin-top:6px}

.preview-details h2{font-size:14px}