*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;min-height:100dvh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;background:#0a0a0f;color:#e8e8ef}#root{min-height:100dvh}button,input,select{font:inherit}.app{min-height:100dvh;display:flex;flex-direction:column;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));max-width:480px;margin:0 auto}.app-main{padding-bottom:24px}.loading{display:flex;align-items:center;justify-content:center;min-height:60dvh;color:#888}.auth-screen{padding-top:8dvh}.auth-screen h1{margin:0 0 4px;font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.auth-sub{margin:0 0 28px;color:#8b8b9e;font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field span{font-size:.8rem;color:#a0a0b8;text-transform:uppercase;letter-spacing:.04em}.field input{padding:14px 16px;border-radius:12px;border:1px solid #2a2a38;background:#12121a;color:#fff}.field input:focus{outline:none;border-color:#5c6cff}.btn{border:none;border-radius:12px;padding:14px 20px;font-weight:600;cursor:pointer;touch-action:manipulation}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#5c6cff,#8b5cf6);color:#fff}.btn-secondary{background:#1e1e2e;color:#e8e8ef;border:1px solid #2a2a38}.muted{color:#6b6b7a}.small{font-size:.8rem}.error{color:#ff6b7a;margin:0}.error.banner{text-align:center;padding:10px;background:#ff6b7a1f;border-radius:10px;margin-top:12px}.header{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #1e1e2e}.header h1{margin:0;font-size:1.25rem;flex:1}.user-pill{font-size:.75rem;padding:4px 10px;border-radius:999px;background:#1e1e2e;color:#b8b8cc}.stream-badge{font-size:.7rem;text-transform:uppercase;padding:4px 8px;border-radius:6px;background:#2a2a38;color:#888}.stream-live{background:#22c55e33;color:#4ade80}.stream-error{background:#ef444433;color:#f87171}.main-scroll{flex:1;display:flex;flex-direction:column;gap:20px}.video-section h2,.controls-section h2{margin:0 0 10px;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:#8b8b9e}.video-wrap{border-radius:16px;overflow:hidden;background:#000;aspect-ratio:1 / 1}.preview-video{width:100%;height:100%;object-fit:cover;display:block}.controls-grid{display:flex;flex-direction:column;gap:14px}.ctrl-btn{width:100%}.ctrl-slider,.ctrl-text,.ctrl-color{display:flex;flex-direction:column;gap:8px}.ctrl-slider span,.ctrl-text span,.ctrl-color span{font-size:.85rem;color:#a0a0b8}.ctrl-slider input[type=range]{width:100%;accent-color:#5c6cff}.ctrl-text input{padding:12px 14px;border-radius:10px;border:1px solid #2a2a38;background:#12121a;color:#fff}.ctrl-toggle{display:flex;align-items:center;gap:12px;padding:12px 0;font-size:.95rem}.ctrl-toggle input{width:22px;height:22px;accent-color:#5c6cff}.ctrl-color input[type=color]{width:100%;height:44px;border:none;border-radius:10px;padding:0;background:transparent}.controls-section input:disabled,.controls-section button:disabled{opacity:.45}