:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7f7f7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#121212;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:radial-gradient(circle at 0 0,#1ed7602e,#0000 30rem),#121212;min-height:100%}body{min-height:100%;margin:0}button,select,input{font:inherit}button,.button-link{color:#07140b;cursor:pointer;background:#1ed760;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;min-height:3rem;padding:.75rem 1.1rem;font-weight:800;text-decoration:none;display:inline-flex}button:disabled{cursor:not-allowed;opacity:.5}button.secondary,.secondary-link{color:#f7f7f7;background:#242424;border:1px solid #3a3a3a}button.active{color:#07140b;background:#f7d154}select{color:#f7f7f7;background:#181818;border:1px solid #3a3a3a;border-radius:.9rem;width:100%;min-height:3rem;padding:0 .9rem}.app-shell{width:min(46rem,100%);padding:max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));margin:0 auto}.hero{padding:1.25rem 0 .75rem}.eyebrow{color:#1ed760;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .5rem;font-size:.82rem;font-weight:800}h1,h2,p{margin-top:0}h1{margin-bottom:.75rem;font-size:clamp(2.3rem,12vw,4.8rem);line-height:.9}h2{margin-bottom:.35rem;font-size:1.05rem}.lede,.note,.muted,.status{color:#b3b3b3}.lede{max-width:33rem;font-size:1.05rem}.panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#181818e0;border:1px solid #ffffff14;border-radius:1.5rem;margin:1rem 0;padding:1rem;box-shadow:0 1rem 3rem #00000038}.section-title-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.status{min-height:1.3rem;margin-bottom:0}.badge{color:#1ed760;border:1px solid #1ed76073;border-radius:999px;flex:none;padding:.38rem .65rem;font-size:.75rem;font-weight:800}.viewport-wrap{aspect-ratio:3/4;background:#050505;border-radius:1.25rem;margin:1rem 0;position:relative;overflow:hidden}video{object-fit:cover;width:100%;height:100%;display:block}.scan-frame{pointer-events:none;border-radius:1.1rem;position:absolute;inset:12%}.scan-frame:before{content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:0 0 0 999px #0000003d}.scan-frame span{border-style:solid;border-color:#1ed760;width:3rem;height:3rem;position:absolute}.scan-frame span:first-child{border-width:.25rem 0 0 .25rem;border-top-left-radius:1rem;top:0;left:0}.scan-frame span:nth-child(2){border-width:.25rem .25rem 0 0;border-top-right-radius:1rem;top:0;right:0}.scan-frame span:nth-child(3){border-width:0 .25rem .25rem 0;border-bottom-right-radius:1rem;bottom:0;right:0}.scan-frame span:nth-child(4){border-width:0 0 .25rem .25rem;border-bottom-left-radius:1rem;bottom:0;left:0}.controls,.result-actions{grid-template-columns:1fr;gap:.65rem;display:grid}.field,.check-row{gap:.5rem;margin:1rem 0;display:grid}.field>span,.check-row{color:#dedede;font-weight:700}.check-row{grid-template-columns:auto 1fr;align-items:start;line-height:1.35}.check-row input{accent-color:#1ed760;width:1.15rem;height:1.15rem;margin-top:.1rem}.note{border-left:3px solid #1ed760;margin-bottom:0;padding-left:.85rem}.result-card{background:#101010;border:1px solid #303030;border-radius:1.1rem;gap:1rem;padding:1rem;display:grid}.playback-shell{align-content:center;min-height:100vh;display:grid}.playback-panel{position:relative;overflow:hidden}.playback-loader{aspect-ratio:1;border:.35rem solid #ffffff14;border-top-color:#1ed760;border-radius:50%;width:min(12rem,52vw);margin:2rem auto;animation:1s linear infinite spin}.playback-actions{grid-template-columns:1fr}@keyframes spin{to{transform:rotate(360deg)}}code{overflow-wrap:anywhere;color:#1ed760;font-size:1.05rem;font-weight:800;display:block}@media (width>=38rem){.controls,.result-actions{grid-template-columns:repeat(3,1fr)}.result-actions{grid-template-columns:1fr 1fr}.viewport-wrap{aspect-ratio:16/10}}