*,: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}}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}.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}