:root{--bg:#050608;--text:#f6f7f8;--muted:#aab0b8;--green:#ffffff;--line:#303640;--danger:#e4007c;--mono:'SF Mono',ui-monospace,'Roboto Mono','Courier New',monospace}*{box-sizing:border-box}input[type=checkbox],input[type=range],input[type=radio]{accent-color:#e4007c}html,body,#app{width:100%;height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.screen{display:none;min-height:100%;padding:calc(34px + env(safe-area-inset-top)) clamp(24px,6vw,88px) 34px;position:relative;overflow-y:auto;overflow-x:hidden}.screen.active{display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:850;letter-spacing:.17em}.brand small{font-family:var(--mono);font-size:9px;color:var(--muted);font-weight:500;letter-spacing:.08em;text-transform:uppercase}.brand-mark{width:20px;height:20px;border:2px solid var(--green);border-radius:50%;position:relative}.brand-mark:after{content:"";position:absolute;inset:5px;background:var(--green);border-radius:50%}.center{margin:auto;text-align:center;width:min(100%,950px)}.compact{width:min(100%,620px)}.eyebrow{display:inline-block;color:var(--muted);font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.24em;margin:0 0 26px;padding-bottom:10px;border-bottom:1px solid var(--line)}h1,h2{font-family:-apple-system,'Helvetica Neue',Arial,sans-serif;font-weight:900;letter-spacing:-.03em;line-height:.92;margin:0}h1{font-size:clamp(28px,4.2vw,52px);line-height:1.08;letter-spacing:-.02em}h2{font-size:clamp(44px,7vw,92px)}h1 em{font-style:normal;color:var(--green)}.lead{color:#b3b8bf;font-size:clamp(15px,1.8vw,19px);line-height:1.55;max-width:680px;margin:25px auto}.trust-badges{display:flex;justify-content:center;gap:clamp(24px,4vw,48px);margin:6px 0 30px;flex-wrap:wrap}.trust-badges>div{display:flex;flex-direction:column;align-items:center;gap:7px;color:#8b929c}.trust-badges svg{color:var(--green)}.trust-badges span{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#c3c8ce}.field-label{display:block;color:#d6d9dd;font-size:12px;font-weight:750;margin:20px 0 8px}.center input{display:block;width:min(100%,430px);margin:8px auto 16px;padding:18px;background:#0c0e11;border:1px solid #3a414b;border-radius:2px;color:#fff;text-align:center;font-size:38px;font-weight:850;letter-spacing:.2em;outline:none}.center input:focus{border-color:var(--green);box-shadow:0 0 0 3px #ffffff18}button{font:inherit;cursor:pointer}.primary{min-height:58px;padding:0 22px;border:0;border-radius:2px;background:var(--green);color:#080a0b;font-weight:800;display:flex;align-items:center;justify-content:space-between;gap:35px;margin:0 auto}.privacy{font-size:11px;color:#828994;margin-top:20px}.camera-grid{margin:auto;display:grid;grid-template-columns:minmax(360px,1.15fr) minmax(300px,.85fr);gap:clamp(38px,6vw,90px);align-items:center;width:min(100%,1250px)}.preview{aspect-ratio:16/10;background:#111;border:1px solid #292f37;position:relative;overflow:hidden;border-radius:2px}.preview video{width:100%;height:100%;object-fit:cover}.preview>span{position:absolute;top:17px;left:17px;display:flex;align-items:center;gap:8px;background:#08090bd9;padding:9px 11px;font-size:10px;font-weight:800;letter-spacing:.13em}.preview i,.status i,.dot{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 16px var(--green);animation:pulse 1.5s infinite}@keyframes pulse{50%{opacity:.3}}.camera-info .lead{margin:18px 0}.qr-card{background:#fff;aspect-ratio:1;padding:14px;border-radius:2px}.qr-card.small{width:min(100%,230px)}.qr-card #qr,.qr-card img,.qr-card canvas{width:100%!important;height:100%!important}.status{display:flex;align-items:center;gap:10px;color:#d0d4d9;margin:18px 0;font-size:13px}.actions{display:flex;gap:10px;flex-wrap:wrap}.secondary,.live-bottom button,.danger-button{min-height:44px;padding:0 16px;border:1px solid #ffffff45;border-radius:2px;background:#101318;color:#fff}.text{border:0;background:transparent;color:#7e858e;padding:16px 0}.danger{color:#ff6fb8}.video-screen{padding:0;background:#000}.video-screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.corners{position:absolute;inset:26px;pointer-events:none}.corners i{position:absolute;width:34px;height:34px}.corners i:nth-child(1){left:0;top:0;border-left:2px solid;border-top:2px solid}.corners i:nth-child(2){right:0;top:0;border-right:2px solid;border-top:2px solid}.corners i:nth-child(3){left:0;bottom:0;border-left:2px solid;border-bottom:2px solid}.corners i:nth-child(4){right:0;bottom:0;border-right:2px solid;border-bottom:2px solid}.live-top,.live-bottom{position:absolute;left:40px;right:40px;display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:.12em}.live-top{top:42px}.live-top b{margin-left:auto}.live-bottom{bottom:38px}.live-bottom>span{margin-right:auto}.danger-button{border-color:#e4007c}.viewer-wait{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#050608}.viewer-wait small{color:#9197a0}.spinner{width:28px;height:28px;border:2px solid #333;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.viewer-wait.hidden{display:none}.black{padding:0;background:#000;cursor:none}.black #black-controls{opacity:0;position:absolute;inset:0;background:#000;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;color:#888;transition:.25s;cursor:default}.black.show-controls #black-controls{opacity:1}#toast{position:fixed;z-index:50;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;background:#191c21;border:1px solid #343942;padding:12px 18px;border-radius:2px;transition:.25s;font-size:13px;pointer-events:none;max-width:calc(100% - 32px);text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:760px){.screen{padding:calc(24px + env(safe-area-inset-top)) 24px 24px}.center h1{font-size:23px;line-height:1.22}.camera-grid{grid-template-columns:1fr;margin-top:35px}.preview{aspect-ratio:16/9}.camera-info h2{font-size:46px}.qr-card.small{width:190px}.live-top,.live-bottom{left:24px;right:24px}.live-bottom>span{display:none}}
#rotate-lock{display:none}#rotate-lock strong{font-size:20px;font-weight:900;letter-spacing:-.02em}#rotate-lock small{color:var(--muted);font-size:13px}.rotate-lock-icon{width:46px;height:74px;border:3px solid #fff;border-radius:8px;position:relative;animation:rotate-hint 1.8s ease-in-out infinite}.rotate-lock-icon:after{content:"";position:absolute;left:50%;bottom:7px;width:6px;height:6px;border-radius:50%;background:#fff;transform:translateX(-50%)}@keyframes rotate-hint{0%{transform:rotate(0deg)}35%{transform:rotate(90deg)}70%{transform:rotate(90deg)}100%{transform:rotate(0deg)}}@media(orientation:landscape) and (max-width:900px){#rotate-lock{display:flex;position:fixed;inset:0;z-index:99999;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--bg);color:#fff;text-align:center;padding:24px}}