*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;background:#0a0a0a;color:#ededed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;min-height:100dvh;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,input{font-family:inherit}.page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:16px;max-width:720px;margin:0 auto;width:100%}.title{font-size:24px;font-weight:600;margin:8px 0 16px;letter-spacing:-.02em}.subtitle{font-size:14px;color:#888;margin-bottom:24px}.card{background:#141414;border:1px solid #262626;border-radius:12px;padding:20px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.label{font-size:13px;color:#aaa}.input{background:#0a0a0a;border:1px solid #2a2a2a;color:#ededed;border-radius:8px;padding:14px 16px;font-size:16px;outline:none;width:100%}.input:focus{border-color:#4a4a4a}.btn{background:#ededed;color:#0a0a0a;border:none;border-radius:8px;padding:14px 16px;font-size:16px;font-weight:600;width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#262626;color:#ededed}.btn-danger{background:#b91c1c;color:#fff}.error{color:#f87171;font-size:13px;margin-top:8px}.video-wrap{position:relative;width:100%;aspect-ratio:9/16;background:#000;border-radius:12px;overflow:hidden;margin-bottom:16px}@media (orientation:landscape){.video-wrap{aspect-ratio:16/9}}.rotation-frame{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);transform-origin:center center}.video-wrap.rotated .rotation-frame{transform:translate(-50%,-50%) rotate(90deg)}.page:-webkit-full-screen{max-width:none;padding:0;background:#000;width:100vw;height:100vh}.page:-webkit-full-screen,.page:fullscreen{max-width:none;padding:0;background:#000;width:100vw;height:100vh}.page:-webkit-full-screen .title{display:none}.page:-webkit-full-screen .title,.page:fullscreen .title{display:none}.page:-webkit-full-screen .video-wrap{width:100%;height:100%;aspect-ratio:auto;border-radius:0;margin:0;flex:1 1}.page:-webkit-full-screen .video-wrap,.page:fullscreen .video-wrap{width:100%;height:100%;aspect-ratio:auto;border-radius:0;margin:0;flex:1 1}.statusbar.fixed-overlay{position:fixed;top:16px;left:16px;right:16px;z-index:9999;margin:0}.controls.fixed-overlay{bottom:16px}.controls.fixed-overlay,.error.fixed-overlay{position:fixed;left:16px;right:16px;z-index:9999}.error.fixed-overlay{bottom:96px;background:hsla(0,0%,8%,.92);padding:8px 12px;border-radius:8px}.clock-display{font-size:2.5rem;font-weight:600;letter-spacing:.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:8px 16px}.battery-display{font-size:1.75rem;font-weight:600;gap:10px;padding:8px 14px}.battery-display svg{width:2em;height:auto}.battery-display.battery-low{color:#ef4444;border-color:#7f1d1d;background:#1a0f0f}.battery-low-text{font-size:.7em;font-weight:700;text-transform:uppercase;letter-spacing:.05em}video{width:100%;height:100%;object-fit:cover;background:#000}.status{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#aaa;background:#141414;border:1px solid #262626;padding:6px 10px;border-radius:999px;margin-bottom:12px}.statusbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.statusbar .status{margin-bottom:12px}.statusbar.fixed-overlay .status{margin-bottom:0}.dot{width:8px;height:8px;border-radius:50%;background:#555}.dot.live{background:#22c55e;box-shadow:0 0 8px #22c55e}.dot.connecting{background:#eab308}.dot.error{background:#ef4444}.controls{display:flex;gap:8px;flex-wrap:wrap}.controls .btn{flex:1 1;min-width:120px}.center{flex:1 1;display:flex;align-items:center;justify-content:center}.home{display:flex;flex-direction:column;gap:12px;width:100%}.link-btn{display:block;text-align:center;text-decoration:none;background:#141414;border:1px solid #262626;color:#ededed;padding:24px 16px;border-radius:12px;font-size:18px;font-weight:600}