.sf-head{border-bottom:1px solid color-mix(in oklch, var(--color-line) 50%, transparent);padding:1.1rem 1.25rem 1rem}@media (min-width:640px){.sf-head{padding:1.35rem 1.5rem 1.15rem}}.sf-kind{background:color-mix(in oklch, var(--color-hot) 16%, transparent);width:2.5rem;height:2.5rem;color:var(--color-hot-soft);border-radius:14px;flex:none;place-items:center;display:grid}.sf-title{text-wrap:pretty;font-size:1.05rem;font-weight:600;line-height:1.25}@media (min-width:640px){.sf-title{font-size:1.2rem}}.sf-state{background:color-mix(in oklch, var(--color-white) 6%, transparent);color:var(--color-cream);border-radius:999px;align-items:center;gap:.45rem;padding:.25rem .7rem .3rem .55rem;font-size:.78rem;font-weight:600;display:inline-flex}.sf-state[data-tone=hot]{background:color-mix(in oklch, var(--color-hot) 16%, transparent);color:var(--color-hot-soft)}.sf-state[data-tone=ok]{background:color-mix(in oklch, var(--color-ok) 14%, transparent);color:var(--color-ok)}.sf-state[data-tone=warn]{background:color-mix(in oklch, var(--color-warn) 14%, transparent);color:var(--color-warn)}.sf-state[data-tone=bad]{background:color-mix(in oklch, var(--color-bad) 14%, transparent);color:var(--color-bad)}.sf-digest{color:var(--color-dim);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:.35rem .9rem;margin-top:.85rem;font-size:.74rem;display:flex}.sf-digest>span{white-space:nowrap;align-items:center;gap:.3rem;display:inline-flex}.sf-digest svg{width:.8rem;height:.8rem;color:var(--color-dim-dark)}.sf-digest b{color:var(--color-cream);font-weight:700}.sf-digest .is-bad b{color:var(--color-bad)}.sf-pulse{align-items:flex-end;gap:1.5px;height:.95rem;display:flex}.sf-pulse i{background:color-mix(in oklch, var(--color-hot) 75%, transparent);width:3px;min-height:2px;height:calc(var(--h) * 100%);border-radius:1px;display:block}.sf-report{background:color-mix(in oklch, var(--color-hot) 14%, transparent);color:var(--color-hot-soft);border-radius:999px;align-items:center;gap:.2rem;margin-left:auto;padding:.3rem .65rem .3rem .75rem;font-weight:700;text-decoration:none;display:inline-flex}.sf-rail{padding-left:1.6rem;position:relative}.sf-rail:before{content:"";background:color-mix(in oklch, var(--color-white) 8%, transparent);border-radius:2px;width:2px;position:absolute;top:.6rem;bottom:.6rem;left:.42rem}.sf-row{margin-top:.85rem;position:relative}.sf-row:first-child{margin-top:0}.sf-node{background:var(--color-coal-2);width:.9rem;height:.9rem;box-shadow:0 0 0 3px var(--color-coal);border-radius:50%;position:absolute;top:.55rem;left:-1.6rem}.sf-node:after{content:"";background:var(--color-dim-dark);border-radius:50%;position:absolute;inset:.25rem}.sf-node.is-ok:after{background:var(--color-ok)}.sf-node.is-bad:after{background:var(--color-bad)}.sf-node.is-live:after{background:var(--color-hot);box-shadow:0 0 0 0 color-mix(in oklch, var(--color-hot) 50%, transparent);animation:1.6s ease-out infinite sf-ping}.sf-node.is-you:after{background:var(--color-hot-soft)}.sf-node.is-final:after{background:var(--color-cream)}.sf-node.is-end:after{background:var(--color-ok)}.sf-end[data-tone=bad] .sf-node.is-end:after,.sf-end[data-tone=warn] .sf-node.is-end:after{background:var(--color-warn)}.sf-node.is-note:after{inset:.32rem}@keyframes sf-ping{70%,to{box-shadow:0 0 0 .45rem color-mix(in oklch, var(--color-hot) 0%, transparent)}}.sf-say-body{padding:.15rem 0 0}.sf-say-head{color:var(--color-dim);align-items:baseline;gap:.6rem;margin-bottom:.25rem;font-size:.72rem;font-weight:600;display:flex}.sf-say.is-final .sf-say-body{background:color-mix(in oklch, var(--color-white) 4%, transparent);box-shadow:inset 0 1px 0 color-mix(in oklch, var(--color-white) 6%, transparent);border-radius:16px;padding:.85rem 1rem .9rem}.sf-say.is-final .sf-say-head span:first-child{color:var(--color-cream);text-transform:uppercase;letter-spacing:.08em;font-size:.66rem}.sf-poke{display:flex}.sf-poke-body{background:var(--color-hot-deep);border-radius:16px 16px 6px;max-width:92%;margin-left:auto;padding:.7rem .9rem .6rem}@media (min-width:640px){.sf-poke-body{max-width:80%}}.sf-poke-state{color:var(--color-dim);align-items:center;gap:.3rem;margin-top:.4rem;font-size:.68rem;display:inline-flex}.sf-poke-state.is-seen{color:var(--color-ok)}.sf-note p{padding-top:.35rem}.sf-group-body{background:color-mix(in oklch, var(--color-white) 3.5%, transparent);box-shadow:inset 0 1px 0 color-mix(in oklch, var(--color-white) 5%, transparent);border-radius:16px;overflow:hidden}.sf-group-head{text-align:left;align-items:center;gap:.65rem;width:100%;padding:.6rem .75rem;display:flex}.sf-group-ico{background:var(--color-coal);width:1.6rem;height:1.6rem;color:var(--color-dim);border-radius:9px;flex:none;place-items:center;display:grid}.sf-group-ico.is-ok{background:color-mix(in oklch, var(--color-ok) 15%, transparent);color:var(--color-ok)}.sf-group-ico.is-live{background:color-mix(in oklch, var(--color-hot) 16%, transparent);color:var(--color-hot)}.sf-group-ico.is-bad{background:color-mix(in oklch, var(--color-bad) 15%, transparent);color:var(--color-bad)}.sf-steps{gap:.15rem;margin:0;padding:0 .6rem .5rem;list-style:none;display:grid}.sf-step{border-radius:10px;grid-template-columns:3.4rem 1.5rem minmax(0,1fr) auto;align-items:start;gap:0 .5rem;padding:.35rem .25rem;display:grid}.sf-step[data-state=live]{background:color-mix(in oklch, var(--color-hot) 8%, transparent)}.sf-step-t{color:var(--color-dim-dark);padding-top:.15rem;font-size:.66rem}.sf-step-ico{background:var(--color-coal);width:1.5rem;height:1.5rem;color:var(--color-dim);border-radius:8px;place-items:center;display:grid}.sf-step[data-state=bad] .sf-step-ico{background:color-mix(in oklch, var(--color-bad) 14%, transparent);color:var(--color-bad)}.sf-step[data-state=live] .sf-step-ico{background:color-mix(in oklch, var(--color-hot) 16%, transparent);color:var(--color-hot)}.sf-step-end{color:var(--color-dim-dark);white-space:nowrap;padding-top:.2rem;font-size:.66rem}.sf-step-err{background:color-mix(in oklch, var(--color-bad) 10%, transparent);color:color-mix(in oklch, var(--color-bad) 90%, white);font-family:var(--font-mono,ui-monospace, monospace);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;margin-top:.35rem;padding:.4rem .6rem;font-size:.7rem;display:block}.sf-shot{border:1px solid color-mix(in oklch, var(--color-line) 70%, transparent);background:var(--color-coal);transition:border-color .18s var(--ease-out-soft), transform .18s var(--ease-out-soft);border-radius:12px;flex:none;display:block;overflow:hidden}.sf-shot:hover,.sf-shot:focus-visible{border-color:color-mix(in oklch, var(--color-hot) 60%, transparent);transform:translateY(-1px)}.sf-shot img{object-fit:cover;object-position:top center;width:7.5rem;height:5rem;display:block}.sf-shots{scrollbar-width:none;gap:.4rem;padding:0 .75rem .7rem;display:flex;overflow-x:auto}.sf-shots::-webkit-scrollbar{display:none}.sf-shots-more{border:1px dashed color-mix(in oklch, var(--color-line) 80%, transparent);color:var(--color-dim);border-radius:12px;flex:none;align-self:stretch;padding:0 .75rem;font-size:.72rem}.sf-shots-more:hover{color:var(--color-hot)}.sf-step-shot{margin-top:.4rem;display:block}.sf-step-shot .sf-shot{width:fit-content}.sf-step-shot .sf-shot img{width:11rem;height:7rem}@media (max-width:480px){.sf-step{grid-template-columns:1.5rem minmax(0,1fr) auto}.sf-step-t{display:none}}.sf-live-body{background:color-mix(in oklch, var(--color-hot) 8%, transparent);border-radius:14px;align-items:center;gap:.6rem;min-width:0;padding:.5rem .75rem;font-size:.86rem;display:flex}.sf-live-dots{flex:none;gap:3px;display:flex}.sf-live-dots .typing-dot{background:var(--color-hot);border-radius:50%;width:5px;height:5px}.sf-scanbar{background:color-mix(in oklch, var(--color-hot) 20%, transparent);border-radius:2px;flex:0 0 3rem;height:2px;position:relative;overflow:hidden}.sf-scanbar .sf-scan{background:var(--color-hot);width:30%;position:absolute;inset:0 auto 0 0}.sf-end-body{background:color-mix(in oklch, var(--color-ok) 9%, transparent);border-radius:14px;padding:.75rem .9rem;font-size:.86rem}.sf-end[data-tone=bad] .sf-end-body{background:color-mix(in oklch, var(--color-bad) 9%, transparent)}.sf-end[data-tone=warn] .sf-end-body{background:color-mix(in oklch, var(--color-warn) 9%, transparent)}.sf-end-link{color:var(--color-hot-soft);align-items:center;gap:.3rem;margin-top:.45rem;font-weight:600;text-decoration:none;display:flex}.sf-quick{scrollbar-width:none;gap:.4rem;margin-bottom:.5rem;padding-bottom:2px;display:flex;overflow-x:auto}.sf-quick::-webkit-scrollbar{display:none}.sf-quick button{background:color-mix(in oklch, var(--color-white) 6%, transparent);color:var(--color-dim);white-space:nowrap;border-radius:999px;flex:none;padding:.4rem .75rem;font-size:.76rem;transition:background .16s,color .16s}.sf-quick button:hover{background:color-mix(in oklch, var(--color-hot) 14%, transparent);color:var(--color-hot-soft)}