:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f7ff;background:#050812;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{background:#050812;min-height:100%;margin:0}button,input{font:inherit}.page{min-height:100svh;padding:max(14px, env(safe-area-inset-top)) 16px max(14px, env(safe-area-inset-bottom));background:radial-gradient(circle at 0 0,#37d7d01f,#0000 40%),radial-gradient(circle at 100% 100%,#69e6a11a,#0000 38%),#050812;grid-template-rows:auto minmax(0,1fr) auto auto;gap:12px;display:grid}.topbar,.cameraCard,.controls,.debugLine{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0e1db8;border:1px solid #ffffff1f;border-radius:24px;box-shadow:0 20px 70px #0000003d}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#65e6a1;margin:0 0 2px;font-size:12px;font-weight:800}h1{margin:0;font-size:clamp(28px,5vw,46px);line-height:.95}.badges{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.badge{color:#ffffffe0;text-overflow:ellipsis;white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:999px;max-width:min(440px,60vw);padding:10px 14px;font-weight:700;overflow:hidden}.badge.ok{color:#06111f;background:linear-gradient(135deg,#77eba7,#78d5ff)}.badge.bad{color:#ffc4d2;background:#ff537b2e;border-color:#ff537b7a}.cameraCard{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.hint{color:#ffffffc2;border-bottom:1px solid #ffffff1a;align-items:center;gap:18px;padding:12px 18px;display:flex}.hint strong{color:#fff}.videoFrame{background:#03050b;width:100%;min-height:340px;position:relative;overflow:hidden}.video{object-fit:contain;background:#02040a;width:100%;height:100%;position:absolute;inset:0}.overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.empty{color:#ffffffb3;background:#00000059;place-items:center;font-size:22px;font-weight:700;display:grid;position:absolute;inset:0}.controls{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:12px;display:grid}button,.fileButton{color:#fff;cursor:pointer;text-align:center;background:#ffffff14;border:1px solid #ffffff24;border-radius:18px;place-items:center;min-height:56px;font-weight:800;display:grid}button.primary{color:#06111f;background:linear-gradient(135deg,#6ee4a4,#78d4ff)}.fileButton input{display:none}.debugLine{color:#ffffffbd;flex-wrap:wrap;gap:12px 22px;padding:10px 14px;font-size:13px;display:flex}@media (width<=760px){.page{padding:max(10px, env(safe-area-inset-top)) 8px max(10px, env(safe-area-inset-bottom));gap:8px}.topbar{border-radius:18px;align-items:flex-start;padding:10px 12px}h1{font-size:32px}.badges{gap:6px}.badge{max-width:52vw;padding:8px 10px;font-size:13px}.hint{padding:10px 12px;font-size:14px;display:block}.hint span{margin-top:3px;display:block}.cameraCard{border-radius:18px}.videoFrame{min-height:58svh}.controls{border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr))}button,.fileButton{border-radius:14px;min-height:48px;font-size:14px}.debugLine{display:none}}button.active{color:#101018;background:linear-gradient(135deg,#ffd86b,#ff8fb3)}@media (width>=900px){.controls{grid-template-columns:repeat(6,minmax(0,1fr))}}