body{--fx-sans:var(--font-family, "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);--fx-mono:var(--secondary-font-family, "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace);--fx-base:var(--font-size, 1rem);--fx-label:var(--secondary-font-size, 0.72rem);--fx-ink:var(--background-color, #0b0e14);--fx-text:var(--primary-color, #eceef2);--fx-amber:var(--secondary-color, #ffb02e);--fx-tally:#ff2e3f;--fx-ok:#3ddc84;--fx-dim:color-mix(in srgb, var(--fx-text) 55%, transparent);--fx-panel:color-mix(in srgb, var(--fx-ink) 86%, var(--fx-text) 6%);--fx-line:color-mix(in srgb, var(--fx-text) 16%, transparent);--fx-glass:color-mix(in srgb, var(--fx-ink) 58%, transparent);--fx-ink-2:color-mix(in srgb, var(--fx-ink) 92%, var(--fx-text) 4%);background:radial-gradient(120% 60% at 50% -10%,color-mix(in srgb,var(--fx-amber) 8%,transparent),transparent 55%),var(--fx-ink)!important;color:var(--fx-text);font-family:var(--fx-sans);font-size:var(--fx-base);-webkit-font-smoothing:antialiased}#formContainer form{padding:.5rem}#formContainer,#formContainer.form{background:var(--fx-panel);border:1px solid var(--fx-line);border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.45);color:var(--fx-text)}#formContainer label{color:var(--fx-dim);font-weight:600}#formContainer input[type=text]{background:var(--fx-ink-2);border:1px solid var(--fx-line);border-radius:12px;color:var(--fx-text);font-family:var(--fx-sans);transition:border-color .2s ease,box-shadow .2s ease}#formContainer input[type=text]:focus{outline:0;border-color:var(--fx-amber);box-shadow:0 0 0 3px color-mix(in srgb,var(--fx-amber) 22%,transparent)}#videoContainer{position:relative;border-radius:22px;overflow:hidden;background:#05070b}#deepar-container,#deepar-container canvas{border-radius:22px}#switchCameraBtn{background:var(--fx-glass)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--fx-line)!important;border-radius:50%!important;box-shadow:0 6px 18px rgba(0,0,0,.4)}.live-badge{font-family:var(--fx-mono);font-size:var(--fx-label);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#fff;background:rgba(255,46,63,.16);border:1px solid rgba(255,46,63,.5);border-radius:999px;padding:5px 11px 5px 9px;display:inline-flex;align-items:center;gap:7px;backdrop-filter:blur(8px)}.live-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--fx-tally);animation:fxTally 1.8s ease-out infinite}#controls{color:var(--fx-text)}.gallery-intro{font-family:var(--secondary-font-family,var(--fx-mono));font-size:var(--secondary-font-size,var(--fx-label));line-height:1;letter-spacing:.2em;text-transform:uppercase;color:var(--fx-dim)}.gallery-cell{border-radius:14px!important;border:10px solid transparent!important;background:var(--fx-panel);color:var(--fx-text);font-family:var(--secondary-font-family,var(--fx-mono));font-size:var(--secondary-font-size,var(--fx-label));line-height:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;transition:border-color .18s ease}.gallery-cell.is-selected{border:10px solid transparent!important}.gallery-cell.is-selected img{filter:none!important}.gallery-cell.no-filter-cell{color:var(--fx-dim)}.gallery-cell .filter-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:12px;display:block;pointer-events:none;-webkit-user-drag:none;user-select:none}.gallery-cell .filter-thumb-label{position:absolute;left:0;right:0;bottom:0;z-index:2;pointer-events:none;user-select:none;padding:10px 6px 5px;font-family:var(--secondary-font-family,var(--fx-mono));font-size:calc(var(--secondary-font-size,var(--fx-label)) * .92);line-height:1;text-align:center;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.72));border-radius:0 0 12px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#cameraBtn.btn{font-weight:700;border-radius:999px;border:none;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease}#cameraBtn.btn-start{background:var(--fx-amber);color:color-mix(in srgb,var(--fx-ink) 88%,#000)}#cameraBtn.btn-stop{background:var(--fx-tally);color:#fff}#cameraBtn.btn:active{transform:scale(.97)}#recordingBtn,#screenshotBtn{font-family:var(--fx-mono);font-size:calc(var(--fx-label) * 1.05);letter-spacing:.08em;text-transform:uppercase;background:var(--fx-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--fx-text);border:1px solid var(--fx-line);border-radius:999px;transition:border-color .2s ease,transform .15s ease}#recordingBtn:active,#screenshotBtn:active{transform:scale(.97)}#recordingBtn:hover,#screenshotBtn:hover{border-color:var(--fx-amber)}#status{font-family:var(--fx-mono);font-size:var(--fx-label);letter-spacing:.06em;color:var(--fx-dim)}@keyframes fxTally{0%{box-shadow:0 0 0 0 rgba(255,46,63,.55)}100%,70%{box-shadow:0 0 0 7px rgba(255,46,63,0)}}@media (prefers-reduced-motion:reduce){.live-badge::before{animation:none!important}}body{--fx-neon:var(--fx-amber);--fx-neon-2:color-mix(in srgb, var(--fx-amber) 40%, #00e5ff)}#videoContainer{border:2px solid var(--fx-neon)!important;box-shadow:0 0 14px color-mix(in srgb,var(--fx-neon) 65%,transparent),0 0 44px color-mix(in srgb,var(--fx-neon) 28%,transparent),inset 0 0 60px rgba(0,0,0,.55)!important}#videoContainer::after{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;border-radius:22px;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px),radial-gradient(120% 100% at 50% 50%,transparent 62%,rgba(0,0,0,.4) 100%)}.gallery-intro{color:var(--fx-neon);text-shadow:0 0 8px color-mix(in srgb,var(--fx-neon) 60%,transparent)}.gallery-cell{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fx-neon) 26%,transparent),inset 0 0 16px rgba(0,0,0,.45);text-shadow:0 0 6px color-mix(in srgb,var(--fx-neon) 45%,transparent)}.gallery-cell.filter-on{border-color:var(--fx-neon)!important;box-shadow:0 0 0 2px var(--fx-neon),0 0 16px color-mix(in srgb,var(--fx-neon) 75%,transparent),0 0 34px color-mix(in srgb,var(--fx-neon) 32%,transparent)!important}.gallery-cell .filter-thumb-label{color:#fff;text-shadow:0 0 6px var(--fx-neon),0 1px 2px #000;background:linear-gradient(transparent,color-mix(in srgb,var(--fx-neon) 22%,rgba(0,0,0,.82)))}#cameraBtn.btn{text-transform:uppercase;letter-spacing:.1em}#cameraBtn.btn-start{color:#14100a;box-shadow:0 6px 0 color-mix(in srgb,var(--fx-neon) 45%,#000),0 0 20px color-mix(in srgb,var(--fx-neon) 70%,transparent),inset 0 0 12px rgba(255,255,255,.35)!important}#cameraBtn.btn-stop{box-shadow:0 6px 0 rgba(120,12,20,.9),0 0 20px rgba(255,46,63,.6),inset 0 0 12px rgba(255,255,255,.25)!important}#cameraBtn.btn:active{transform:translateY(4px)!important}#recordingBtn,#screenshotBtn{text-shadow:0 0 6px color-mix(in srgb,var(--fx-neon) 45%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fx-neon) 35%,transparent),0 0 12px color-mix(in srgb,var(--fx-neon) 22%,transparent)}#recordingBtn:hover,#screenshotBtn:hover{box-shadow:inset 0 0 0 1px var(--fx-neon),0 0 18px color-mix(in srgb,var(--fx-neon) 55%,transparent)}.live-badge{box-shadow:0 0 10px var(--fx-tally),0 0 22px color-mix(in srgb,var(--fx-tally) 45%,transparent);text-shadow:0 0 8px var(--fx-tally);animation:fxFlicker 4s steps(1) infinite}#status{text-shadow:0 0 6px color-mix(in srgb,var(--fx-neon) 40%,transparent)}.gallery-intro::after{content:"";display:block;width:34px;height:2px;margin:6px auto 0;border-radius:2px;background:var(--fx-neon-2);box-shadow:0 0 8px color-mix(in srgb,var(--fx-neon-2) 70%,transparent)}@keyframes fxArcadeGlow{0%,100%{box-shadow:0 0 12px color-mix(in srgb,var(--fx-neon) 55%,transparent),0 0 40px color-mix(in srgb,var(--fx-neon) 22%,transparent),inset 0 0 60px rgba(0,0,0,.55)}50%{box-shadow:0 0 20px color-mix(in srgb,var(--fx-neon) 85%,transparent),0 0 60px color-mix(in srgb,var(--fx-neon) 40%,transparent),inset 0 0 60px rgba(0,0,0,.55)}}@keyframes fxFlicker{0%,100%,92%{opacity:1}94%{opacity:.72}96%{opacity:1}98%{opacity:.85}}@media (prefers-reduced-motion:reduce){#videoContainer,.live-badge{animation:none!important}}