:root{color:#142024;background:#f4f7f6;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{flex-direction:column;align-items:center;max-width:520px;min-height:100dvh;margin:auto;padding:36px 24px;display:flex}header{align-self:stretch}small{color:#5b7470;letter-spacing:.14em;font-size:11px;font-weight:700}h1{margin:12px 0 4px;font-size:34px;line-height:1.1}p{color:#667973;margin:8px 0}.lamp{background:#e94949;border-radius:50%;width:162px;height:162px;margin:65px auto 26px;transition:background .15s,box-shadow .15s;box-shadow:0 0 0 18px #fbe8e8,0 0 70px #e9494977}.lamp.open{background:#22b573;box-shadow:0 0 0 18px #dff8eb,0 0 70px #22b573aa}.result{color:#142024;text-align:center;min-height:30px;font-size:18px;font-weight:600}.controls{gap:10px;width:100%;margin:24px 0;display:flex}button,.upload{color:#fff;font:inherit;text-align:center;cursor:pointer;background:#193c35;border:0;border-radius:10px;flex:1;padding:12px 14px;font-size:14px}.upload{color:#193c35;background:#dceae5}input{display:none}video{object-fit:cover;border-radius:12px;width:100%;max-height:300px}footer{color:#657a74;justify-content:space-between;align-self:stretch;margin-top:auto;padding-top:28px;font-size:12px;display:flex}.sync-switch{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:20px;font-size:14px;display:flex;position:relative}.sync-switch input{opacity:0;width:1px;height:1px;display:block;position:absolute}.sync-track{background:#b9c6c1;border-radius:20px;flex-shrink:0;width:42px;height:24px;transition:background .15s}.sync-track:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;margin:3px;transition:transform .15s;display:block}.sync-switch input:checked+.sync-track{background:#193c35}.sync-switch input:checked+.sync-track:after{transform:translate(18px)}.sync-switch input:focus-visible+.sync-track{outline-offset:3px;outline:2px solid #193c35}.sync-switch input:disabled+.sync-track{opacity:.5}