@font-face{font-family:Barlow Condensed;src:url(/fonts/barlow-condensed-600.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/fonts/barlow-condensed-800.woff2)format("woff2");font-weight:800;font-display:swap}:root{color-scheme:light dark;--bg:light-dark(#f2eee2,#0a0e13);--surface:light-dark(#fffdf6,#121922);--surface-2:light-dark(#e8e3d3,#1a2430);--ink:light-dark(#10151c,#f2eee2);--muted:light-dark(#4a5260,#a6b0bd);--line:light-dark(#8d8676,#5a6878);--volt:#d4ff3a;--on-volt:#0a0e13;--accent:light-dark(#0a6634,#d4ff3a);--live:light-dark(#c4102b,#ff5d52);--button-bg:light-dark(#10151c,#d4ff3a);--button-ink:light-dark(#d4ff3a,#0a0e13);--display:"Barlow Condensed", "DIN Condensed", "Arial Narrow", sans-serif;--body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--gutter:clamp(1rem, 4vw, 2.5rem)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*,:before,:after{box-sizing:border-box}body{min-height:100dvh;font:400 1.0625rem/1.55 var(--body);color:var(--ink);background:var(--bg);flex-direction:column;margin:0;display:flex;overflow-x:clip}h1,h2,h3{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;text-wrap:balance;margin:0;font-weight:800;line-height:.95}a{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}[tabindex="-1"]:focus{outline:none}[hidden]{display:none!important}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{left:var(--gutter);z-index:2;background:var(--button-bg);color:var(--button-ink);padding:.6rem 1rem;font-weight:700;position:absolute;top:-4rem;&:focus{top:.75rem}}.bar{padding:.75rem var(--gutter);border-bottom:3px solid var(--ink);justify-content:space-between;align-items:center;gap:1rem;display:flex}.brand{color:inherit;font:800 1.5rem/1 var(--display);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.6rem;text-decoration:none;display:inline-flex}.brand-badge{background:var(--volt);width:2.25rem;height:2.25rem;color:var(--on-volt);place-items:center;font-size:1.15rem;display:grid;transform:skew(-10deg)}.nav{gap:.25rem 1.5rem;margin-left:auto;display:flex;& a{color:inherit;font:600 1.15rem/1 var(--display);text-transform:uppercase;letter-spacing:.06em;padding:.75rem 0;text-decoration:none;&:hover{text-underline-offset:.3em;text-decoration:underline 2px}}@media (width<52rem){display:none}}.theme-toggle,.account-button{border:2px solid var(--line);background:var(--surface);min-height:2.75rem;color:inherit;font:600 1rem/1 var(--display);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;align-items:center;gap:.5rem;padding:.4rem .9rem;display:inline-flex;& svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round}& .moon{fill:currentColor;stroke:none}@media (width<40rem){& .theme-label,& .account-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}&[aria-pressed=true] .sun,&[aria-pressed=false] .moon{display:none}&:hover{border-color:var(--ink)}}.switch{border:2px solid;border-radius:1rem;width:2.25rem;height:1.25rem;position:relative;&:after{content:"";background:currentColor;border-radius:50%;width:.75rem;height:.75rem;position:absolute;top:2px;left:2px}[aria-pressed=true]>&{background:var(--accent);border-color:var(--accent);&:after{background:var(--on-volt);left:auto;right:2px}}}main{width:100%;max-width:76rem;padding:clamp(1.25rem, 4vw, 2.5rem) var(--gutter) 3rem;flex:1;margin:0 auto}.tag{background:var(--volt);color:var(--on-volt);font:800 .95rem/1 var(--display);text-transform:uppercase;letter-spacing:.08em;clip-path:polygon(.4em 0,100% 0,calc(100% - .4em) 100%,0 100%);padding:.3em .75em;display:inline-block}.tag-red{background:var(--live);color:light-dark(#fff,#0a0e13)}.kicker{font:600 1.15rem/1.2 var(--display);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 1rem;display:flex}.lede{max-width:38rem;color:var(--muted);font-size:1.15rem}.hint{color:var(--muted);margin:.4rem 0 0;font-size:1rem}.button{border:2px solid var(--ink);min-height:3rem;color:var(--ink);font:800 1.2rem/1 var(--display);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;text-decoration:none;display:inline-flex;& svg{fill:none;stroke:currentColor;stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round}&:hover{background:var(--surface-2)}}.button.primary{background:var(--button-bg);border-color:var(--button-bg);color:var(--button-ink);&:hover{box-shadow:.3rem .3rem 0 var(--live)}&[aria-disabled=true]{cursor:progress;opacity:.8}}.link-button{min-height:2.75rem;color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:.5rem;font-weight:600;text-decoration:underline}.error{color:var(--live);margin:1rem 0 0;font-weight:600;&:empty{display:none}&:before{content:"⚠ "}}.start{grid-template-columns:minmax(0,1fr);gap:clamp(1.25rem,3vw,2rem) clamp(2rem,4vw,3.5rem);display:grid;@media (width>=60rem){grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;& .hero,& .how,& .data{grid-column:1/-1}& .jump{display:none}}}.hero{& h1{margin-bottom:.75rem;font-size:clamp(2.6rem,3vw + 1.5rem,4.25rem)}& .lede{margin:0}@media (width<40rem){& .kicker{display:none}& .lede{font-size:1.05rem}}}.jump{align-items:center;gap:.4rem;min-height:2.75rem;margin-top:.25rem;font-weight:700;display:inline-flex;& svg{fill:currentColor}}mark{background:linear-gradient(transparent 12%, var(--volt) 12% 92%, transparent 92%);color:var(--on-volt);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .12em}.panel{background:var(--surface);border:2px solid var(--ink);border-top-width:.5rem;border-top-color:var(--volt);outline-offset:.5rem;outline:3px dashed #0000;padding:clamp(1rem,3vw,1.75rem);transition:outline-color .15s;box-shadow:.5rem .5rem light-dark(#10151c1f,#00000080);&.dragging{outline-color:var(--accent)}}.panel-head{font:800 1.35rem/1 var(--display);text-transform:uppercase;letter-spacing:.04em;flex-wrap:wrap;align-items:center;gap:.6rem;margin:0 0 1.25rem;display:flex;@media (width<40rem){display:none}}.field{gap:.4rem;display:grid;& label{font-weight:700}}textarea,select,input:not([type=file],[type=radio]){border:2px solid var(--line);background:var(--bg);width:100%;color:var(--ink);border-radius:0;padding:.75rem;font:1rem/1.5 ui-monospace,SF Mono,Menlo,Consolas,monospace;&:hover{border-color:var(--ink)}&:focus-visible{border-color:var(--accent);outline-offset:0}&::placeholder{color:var(--muted)}}textarea{resize:vertical;@media (width<40rem){height:6.5rem}}.file-chip{border:2px solid var(--accent);background:var(--bg);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex;& svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linejoin:round;flex:none}& .file-meta{overflow-wrap:anywhere;flex:1;min-width:0}& #file-size{color:var(--muted)}}.upload-row{flex-wrap:wrap;align-items:center;gap:.6rem .9rem;margin-top:1rem;display:flex;& .or,& .drop-hint{color:var(--muted)}& .drop-hint{@media (width<40rem){display:none}}& .or{font:800 1.1rem/1 var(--display);text-transform:uppercase}}.file-input{opacity:0;width:1px;height:1px;position:absolute;&:focus-visible+label{outline:3px solid var(--accent);outline-offset:3px}}.kick{width:100%;min-height:3.75rem;margin-top:1.25rem;font-size:1.6rem}.privacy{gap:.5rem;margin:.9rem 0 0;font-size:.975rem;display:flex;& svg{fill:none;stroke:var(--accent);stroke-width:2.25px;flex:none;margin-top:.2rem}}.example{& h2{margin-bottom:1rem;font-size:clamp(1.75rem,2vw + 1rem,2.5rem)}& .kicker{margin-bottom:.6rem}}.example-body{grid-template-columns:minmax(0,1fr);gap:1.25rem;display:grid;@media (width>=30rem){grid-template-columns:minmax(0,15rem) minmax(0,1fr);align-items:start}& video{aspect-ratio:9/16;border:2px solid var(--ink);width:100%;max-width:15rem;box-shadow:.5rem .5rem 0 var(--volt);background:#0b1b4a;display:block}}.example-notes{font-size:.975rem;& .example-intro{color:var(--muted);margin:0 0 .75rem}& h3{border-bottom:3px solid var(--ink);margin:.75rem 0 .35rem;padding-bottom:.25rem;font-size:1.3rem}& ul{margin:0;padding-left:1.1rem}& li{margin:.3rem 0;&::marker{color:var(--accent)}}}.data{border:2px dashed var(--line);padding:clamp(1rem,3vw,1.75rem);& h2{margin-bottom:.75rem;font-size:1.75rem}& ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.75rem 2rem;margin:0;padding:0;list-style:none;display:grid}}.how{counter-reset:how;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid;& li{counter-increment:how;border-top:3px solid var(--ink);padding-top:.75rem;&:before{content:counter(how, decimal-leading-zero);font:800 2.25rem/1 var(--display);color:var(--ink);display:block}}& strong{color:var(--ink)}}.scorebug{border:2px solid var(--ink);font:800 1.35rem/1 var(--display);text-transform:uppercase;letter-spacing:.08em;align-items:stretch;display:inline-flex;&>*{align-items:center;gap:.5rem;padding:.5rem .9rem;display:inline-flex}}.live-pill{background:var(--live);color:light-dark(#fff,#0a0e13)}.dot{background:currentColor;border-radius:50%;width:.6rem;height:.6rem}.clock{background:var(--surface);font-variant-numeric:tabular-nums;min-width:5.5ch}.live-status{margin:0;font-size:1.15rem;font-weight:600}.steps{gap:.5rem;margin:2rem 0;padding:0;list-style:none;display:grid;& li{background:var(--surface);border:2px solid var(--line);border-left-width:.5rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.9rem 1rem;display:grid}& .num{font:800 2.5rem/1 var(--display);text-align:center;min-width:1.5ch;color:var(--muted)}& .step-body{display:grid}& .step-title{font:800 1.45rem/1.1 var(--display);text-transform:uppercase;letter-spacing:.03em}& .step-text{color:var(--muted);font-size:.975rem}& .state{font:800 1rem/1 var(--display);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);white-space:nowrap}& [data-state=done]{border-left-color:var(--accent);& .num,& .state{color:var(--accent)}& .state:before{content:"✓ "}}& [data-state=live]{border-color:var(--ink);border-left-color:var(--live);& .num,& .state{color:var(--live)}& .state:before{content:"● "}}@media (width<30rem){& li{grid-template-columns:auto minmax(0,1fr)}& .state{grid-column:2}}}.note{color:var(--live);font-weight:600}.welcome{color:var(--accent);font-weight:600}.actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid;& .primary{grid-column:1/-1}& .secondary{padding-inline:.5rem;font-size:1.05rem}}summary{cursor:pointer;min-height:2.75rem;font:800 1.35rem/1 var(--display);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.5rem;display:flex;&::marker,&::-webkit-details-marker{content:"";display:none}&:before{content:"▸";color:var(--accent)}details[open]>&:before{content:"▾"}}.notes-body{& h4{font:800 1.35rem/1 var(--display);text-transform:uppercase;letter-spacing:.01em;border-bottom:3px solid var(--ink);margin:1.25rem 0 .5rem;padding-bottom:.3rem}& ul{margin:0;padding-left:1.25rem}& li{margin:.4rem 0;&::marker{color:var(--accent)}}& details{border-top:2px dashed var(--line);margin-top:1.25rem;padding-top:.5rem;& p{margin:.75rem 0}}}.bar-end{align-items:center;gap:.5rem;display:flex}@media (width<23rem){.brand>span:last-child{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (width<40rem){.bar{gap:.5rem}.brand{white-space:nowrap}.theme-toggle,.account-button{padding-inline:.6rem}}.bar-login{min-height:2.75rem;padding:.4rem .9rem;font-size:1rem}.account-menu{inset:4.5rem var(--gutter) auto auto;width:min(20rem, 100vw - 2 * var(--gutter));background:var(--surface);color:var(--ink);border:2px solid var(--ink);border-top:.5rem solid var(--volt);margin:0;padding:1rem;position:fixed;box-shadow:.5rem .5rem light-dark(#10151c1f,#00000080);& .account-who{color:var(--muted);overflow-wrap:anywhere;margin:0;& strong{color:var(--ink)}}& ul{margin:.5rem 0 1rem;padding:0;list-style:none}& a{min-height:2.75rem;color:inherit;font:600 1.2rem/1 var(--display);text-transform:uppercase;letter-spacing:.06em;align-items:center;display:flex;&:hover{text-decoration-thickness:2px}}& .button{width:100%}}.nav a[aria-current=page]{text-underline-offset:.3em;text-decoration:underline 3px;text-decoration-color:var(--accent)}.narrow{max-width:40rem;& h1{margin-bottom:1rem;font-size:clamp(2.5rem,5vw + .75rem,4rem)}& .lede{color:var(--ink);margin-bottom:1.5rem}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem 2rem;margin-bottom:1.5rem;display:flex;& h1{overflow-wrap:anywhere;font-size:clamp(2.25rem,4vw + 1rem,3.75rem)}& .kicker{margin-bottom:.6rem}}.notice{border:2px solid var(--accent);background:var(--surface);margin:0 0 1.25rem;padding:.9rem 1.1rem;font-weight:600}.panel-intro{color:var(--muted);margin:0 0 1rem}select{font:1rem/1.4 var(--body);min-height:2.75rem}.choices{border:0;margin:1rem 0;padding:0;& legend{margin-bottom:.25rem;padding:0;font-weight:700}}.choice{align-items:center;gap:.6rem;min-height:2.75rem;display:flex;& input{width:1.25rem;height:1.25rem;accent-color:var(--accent);flex-shrink:0;margin:0}}.login-box{border-top:2px dashed var(--line);margin-top:1.5rem;padding-top:1.25rem;& h2{margin-bottom:.5rem;font-size:1.9rem}&>p{margin:.5rem 0 1rem}}.login-form .button,#login-form .kick{width:100%;margin-top:1rem}.sent{& ol{padding-left:1.25rem}& li{margin:.3rem 0}& p{margin:0 0 .75rem}}.library{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.library-item{background:var(--surface);border:2px solid var(--line);border-left:.5rem solid var(--accent);padding:1rem 1.25rem;position:relative;& h2{overflow-wrap:anywhere;font-size:1.6rem}& a{color:inherit;text-decoration:none;&:after{content:"";position:absolute;inset:0}&:focus-visible{outline:none}}&:hover{border-color:var(--ink);border-left-color:var(--accent)}&:focus-within{outline:3px solid var(--accent);outline-offset:3px}& .meta{color:var(--muted);margin:.35rem 0 0}}.empty{border:2px dashed var(--line);padding:clamp(1rem,3vw,1.75rem);& h2{margin-bottom:.5rem;font-size:1.9rem}& p{max-width:40rem;margin:0 0 1.25rem}}.usage{max-width:40rem;margin-bottom:2rem;& p{margin:0 0 .5rem}& .usage-plan{font:800 1.6rem/1.1 var(--display);text-transform:uppercase;letter-spacing:.02em}& .usage-line{font-weight:600}& #manage{margin-top:1.25rem}}.meter{border:2px solid var(--ink);height:.9rem;margin:.25rem 0 .75rem;& span{background:var(--accent);height:100%;display:block}}.plans{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.plan{background:var(--surface);border:2px solid var(--line);border-top:.5rem solid var(--line);align-content:start;gap:.5rem;padding:1.25rem;display:grid;& p{margin:0}& h2{font-size:2rem}& .price{font:800 2.75rem/1 var(--display);& span{color:var(--muted);text-transform:uppercase;font-size:1.2rem}}& .button{margin-top:.5rem}&[data-current]{border-color:var(--ink);border-top-color:var(--volt)}& .plan-current{background:var(--volt);color:var(--on-volt);font:800 1rem/1 var(--display);text-transform:uppercase;letter-spacing:.08em;justify-self:start;margin-top:.5rem;padding:.3em .75em}}.transcript-text{border:2px dashed var(--line);margin:0 0 2rem;padding:.25rem 1rem;& pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:.5rem 0 1rem;font:.95rem/1.55 ui-monospace,SF Mono,Menlo,Consolas,monospace}}.transcript-grid{grid-template-columns:minmax(0,1fr);gap:2rem 3rem;display:grid;@media (width>=64rem){grid-template-columns:minmax(0,1fr) 22rem;align-items:start;& .new-version{position:sticky;top:1rem}}}.versions>h2{margin-bottom:1rem;font-size:2rem}.new-version{& h2{margin-bottom:.5rem;font-size:2rem}& .field+.field{margin-top:1rem}& .credits{margin:1.25rem 0 0;font-weight:600}& .out{border-top-color:var(--live);& p:not(.panel-head){margin:0 0 1.25rem}}}.version{background:var(--surface);border:2px solid var(--line);border-left:.5rem solid var(--line);padding:clamp(1rem,3vw,1.5rem);container-type:inline-size;&+&{margin-top:1.25rem}&[data-status=done]{border-color:var(--ink);border-left-color:var(--accent)}&[data-status=running],&[data-status=queued],&[data-status=failed]{border-left-color:var(--live)}& .kicker{color:var(--ink);margin-bottom:.5rem;font-size:1.05rem}& h3{overflow-wrap:anywhere;margin-bottom:.4rem;font-size:clamp(1.6rem,2vw + 1rem,2.25rem)}& .meta{color:var(--muted);margin:0 0 1rem;font-size:.975rem}& .lede{color:var(--ink);margin:0}}.version-body{grid-template-columns:minmax(0,1fr);gap:1.25rem;display:grid;@container (width>=34rem){grid-template-columns:minmax(0,14rem) minmax(0,1fr);align-items:start}& video{aspect-ratio:9/16;border:2px solid var(--ink);width:100%;max-width:18rem;box-shadow:.5rem .5rem 0 var(--volt);background:#000;display:block}}.version-side{gap:1rem;display:grid;& audio{width:100%}& .label{font:800 1.1rem/1 var(--display);text-transform:uppercase;letter-spacing:.06em;margin:0 0 .3rem}& .recap{border-top:2px dashed var(--line);padding-top:.5rem}}.progress{& .live-status{margin:1rem 0 0}& .hint{margin-top:.5rem}}.steps.compact{gap:.35rem;margin:1rem 0;& li{gap:.75rem;padding:.6rem .8rem}& .num{font-size:1.75rem}& .step-title{font-size:1.2rem}}.foot{padding:1.25rem var(--gutter);border-top:3px solid var(--ink);color:var(--muted);font-size:.95rem;& p{max-width:76rem;margin:0 auto}& strong{color:var(--ink);font:800 1.15rem/1 var(--display);text-transform:uppercase;letter-spacing:.04em}}@media (prefers-reduced-motion:no-preference){.live-pill .dot{animation:1.2s ease-in-out infinite pulse}.steps [data-state=live]{background-image:linear-gradient(90deg,#0000,light-dark(#c4102b14,#ff5d521a),#0000);background-repeat:no-repeat;background-size:50% 100%;animation:2.4s linear infinite sweep}main>*,.version{animation:.35s ease-out enter}}@keyframes pulse{50%{opacity:.25}}@keyframes sweep{0%{background-position:-100% 0}to{background-position:200% 0}}@keyframes enter{0%{opacity:0;translate:0 .75rem}}.lang-switch{border:2px solid var(--line);background:var(--surface);min-width:2.75rem;min-height:2.75rem;color:inherit;font:600 1rem/1 var(--display);text-transform:uppercase;letter-spacing:.06em;justify-content:center;align-items:center;padding:.4rem .6rem;text-decoration:none;display:inline-flex;&:hover{border-color:var(--ink)}}.bar-login svg{display:none}@media (width<40rem){.theme-toggle{padding-inline:.55rem;& svg{display:none}& .switch:before{content:"";background:currentColor;width:11px;height:11px;position:absolute;top:50%;right:3px;translate:0 -50%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 14.5A8.5 8.5 0 0 1 9.5 4a8.5 8.5 0 1 0 10.5 10.5Z'/%3E%3C/svg%3E") 50%/contain no-repeat}&[aria-pressed=true] .switch:before{background:var(--on-volt);left:3px;right:auto}}.bar-end{gap:.4rem}.bar-login{padding-inline:.6rem;& svg{display:block}& .bar-login-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}}