.vf{--vf-field:#0a1216;--vf-line:var(--basalt-line);background:var(--ink);color:var(--on-dark);padding-bottom:5rem}.vf a{color:var(--steam)}.vf code{font-family:var(--font-mono);color:inherit;overflow-wrap:anywhere;background:0 0;border:0;padding:0;font-size:.85em}.vf-shell{max-width:var(--page);padding:0 var(--gutter);margin:0 auto}.vf-head{border-bottom:1px solid var(--vf-line);background-image:linear-gradient(color-mix(in srgb, var(--vf-line) 55%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--vf-line) 55%, transparent) 1px, transparent 1px);background-size:4rem 4rem;margin-bottom:2rem;padding:2.5rem 0 2.25rem}.vf-head .kicker{color:var(--steam)}.vf-title{font-family:var(--font-display);font-weight:400;font-size:var(--step-5);letter-spacing:-.02em;color:var(--on-dark);margin:.5rem 0 1rem;line-height:1}.vf-title em{color:var(--steam)}.vf-lede{color:var(--on-dark-2);font-size:var(--step-1);max-width:60ch;margin:0;line-height:1.55}.vf-grid{gap:1.5rem;display:grid}@media (min-width:60rem){.vf-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}}.vf-panel{background:var(--basalt);border:1px solid var(--vf-line);border-radius:var(--radius);min-width:0;padding:1.5rem}.vf-panel-title{font-size:var(--step--1);letter-spacing:.08em;text-transform:uppercase;color:var(--on-dark-2);margin:0 0 1rem;font-weight:600}.vf-drop{border:1px dashed var(--rule-strong);border-radius:var(--radius);background:var(--vf-field);text-align:center;cursor:pointer;justify-items:center;gap:.35rem;padding:2.5rem 1rem;transition:border-color .2s,background-color .2s;display:grid;position:relative}.vf-drop:hover,.vf-drop.is-over,.vf-drop:focus-within{border-color:var(--steam);background:color-mix(in srgb, var(--geothermal) 12%, var(--vf-field))}.vf-drop.is-busy{opacity:.6;cursor:progress}.vf-input{opacity:0;cursor:inherit;position:absolute;inset:0}.vf-drop-mark{color:var(--steam);margin-bottom:.5rem}.vf-drop-title{font-weight:600;font-size:var(--step-1)}.vf-drop-sub{color:var(--on-dark-2);font-size:var(--step--1)}.vf-note{color:var(--on-dark-2);font-size:var(--step--1);margin:1rem 0 0;line-height:1.5}.vf-try{border-top:1px solid var(--vf-line);flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.25rem;padding-top:1.25rem;display:flex}.vf-try-label{font-size:var(--step--1);color:var(--on-dark-2);flex-basis:100%}.vf-button{font:inherit;font-size:var(--step--1);border-radius:var(--radius);border:1px solid var(--geothermal);background:var(--geothermal);color:var(--white);cursor:pointer;padding:.6rem 1rem;font-weight:600;transition:background-color .2s,border-color .2s}.vf-button:hover:not(:disabled){background:var(--geothermal-dark);border-color:var(--geothermal-dark)}.vf-button.ghost{border-color:var(--vf-line);color:var(--on-dark);background:0 0}.vf-button.ghost:hover:not(:disabled){border-color:var(--thermal-light)}.vf-button:disabled{opacity:.5;cursor:progress}.vf-empty,.vf-working{color:var(--on-dark-2);margin:0;line-height:1.55}.vf-working{align-items:center;gap:.75rem;display:flex}.vf-spinner{border:2px solid var(--vf-line);border-top-color:var(--steam);border-radius:50%;width:1rem;height:1rem;animation:.8s linear infinite vf-spin}@keyframes vf-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.vf-spinner{animation:none}}.vf-verdict{border-radius:var(--radius);border:1px solid;border-left-width:4px;gap:.35rem;padding:1rem 1.25rem;line-height:1.5;display:grid}.vf-verdict strong{font-family:var(--font-display);font-weight:500;font-size:var(--step-2);line-height:1.2}.vf-verdict span{color:var(--on-dark-2)}.vf-verdict.ok{border-color:var(--steam);background:color-mix(in srgb, var(--geothermal) 14%, transparent)}.vf-verdict.ok strong{color:var(--steam)}.vf-verdict.bad{border-color:var(--thermal-light);background:color-mix(in srgb, var(--thermal) 16%, transparent)}.vf-verdict.bad strong{color:var(--thermal-light)}.vf-facts{background:var(--vf-field);border:1px solid var(--vf-line);border-radius:var(--radius);gap:.6rem;margin:1.25rem 0;padding:1rem 1.25rem;display:grid}.vf-facts div{gap:.1rem;display:grid}.vf-facts dt{font-size:var(--step--1);color:var(--on-dark-2)}.vf-facts dd{margin:0}.vf-checks{margin-top:1.25rem}.vf-checks h3{font-size:var(--step-0);margin:0 0 .5rem;font-weight:600}.vf-checks ul{border:1px solid var(--vf-line);border-radius:var(--radius);margin:0;padding:0;list-style:none}.vf-checks li{border-top:1px solid var(--vf-line);grid-template-columns:1.5rem minmax(0,1fr);column-gap:.5rem;padding:.6rem .9rem;display:grid}.vf-checks li:first-child{border-top:0}.vf-mark{font-weight:700}.vf-checks li.ok .vf-mark{color:var(--steam)}.vf-checks li.bad .vf-mark{color:var(--thermal-light)}.vf-check-detail{color:var(--on-dark-2);grid-column:2;font-size:.8em}.vf-expected{color:var(--thermal-light);font-weight:600}.vf-link{font-size:var(--step--1);margin-top:.75rem;font-weight:600;display:inline-block}.vf-how{max-width:var(--measure);margin-top:3.5rem;line-height:1.6}.vf-how h2{font-family:var(--font-display);font-weight:400;font-size:var(--step-3);margin:0 0 1rem}.vf-how ol{color:var(--on-dark-2);padding-left:1.25rem}.vf-how li{margin-bottom:.75rem}.vf-how strong{color:var(--on-dark)}.vf-foot{color:var(--on-dark-2)}