*{box-sizing:border-box}:root{--bg:#ffffff;--text:#050505;--muted:#8a8a8e;--line:rgba(0,0,0,.08);--soft:#f7f7f8;--live:#ff3b30;--blue:#007aff;--green:#34c759}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app,.shell{min-height:100dvh;width:min(100%,980px);margin:0 auto;padding:20px;display:flex;flex-direction:column;gap:20px}.shell.center{align-items:center;justify-content:center}.brand{font-size:32px;line-height:1;letter-spacing:-.9px;font-weight:650}.topbar{min-height:56px;display:grid;grid-template-columns:56px 1fr 56px;align-items:center;grid-gap:8px;gap:8px}.topbar.home{display:flex;justify-content:space-between}.title{font-size:24px;line-height:1;letter-spacing:-.5px;font-weight:650;text-align:center}.name{font-size:17px;line-height:1.2;letter-spacing:-.25px;font-weight:560}.meta,.tiny{color:var(--muted);font-size:13px;line-height:1.25;margin:0}.error{color:var(--live)}.list{display:flex;flex-direction:column;border-top:1px solid var(--line)}.row{min-height:64px;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);display:grid;grid-template-columns:18px 1fr auto 22px;align-items:center;grid-gap:12px;gap:12px;padding:0;text-align:left}.row:hover{background:rgba(0,0,0,.025)}.chev,.row svg{width:20px;height:20px;color:#b8b8bd}.status{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:13px;font-weight:520}.dot{width:9px;height:9px;border-radius:999px;background:#d1d1d6;display:block}.dot.live{background:var(--live);box-shadow:0 0 0 4px rgba(255,59,48,.12)}.avatarButton,.iconButton,.roundButton{width:52px;height:52px;border-radius:999px;border:1px solid var(--line);background:var(--soft);color:var(--text);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.avatarButton svg,.iconButton svg,.roundButton svg{width:23px;height:23px}.iconButton.ghost{background:transparent}.iconButton.black,.roundButton.black{background:#000;color:#fff;border-color:#000}.iconButton.red,.roundButton.red{background:var(--live);color:#fff;border-color:var(--live)}.iconButton:disabled,.pill:disabled,.roundButton:disabled{opacity:.32;cursor:default}.avatarButton{overflow:hidden;padding:0}.avatarButton img{width:100%;height:100%;object-fit:cover}.pill{min-height:52px;border:1px solid var(--line);border-radius:999px;padding:0 22px;background:var(--soft);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600}.pill.black{background:#000;border-color:#000;color:#fff}.pill.red{background:var(--live);border-color:var(--live);color:#fff}.pill svg{width:20px;height:20px}.form{display:flex;flex-direction:column;gap:10px}.loginRow{display:flex;align-items:center;gap:8px;width:100%}input{width:100%;height:52px;border:1px solid var(--line);border-radius:16px;padding:0 16px;background:var(--soft);outline:none;color:var(--text)}input::placeholder{color:var(--muted)}input:focus{border-color:#000;background:#fff}.file{display:none}.panel{flex-direction:column;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.panel,.profileHead{display:flex;gap:12px}.actions,.buttons,.profileHead{align-items:center}.actions,.buttons{display:flex;gap:10px}.spacer{flex:1 1}.stage{width:100%;aspect-ratio:16/9;background:#000;border-radius:28px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff;position:relative}.stage iframe,.stage video{width:100%;height:100%;border:0}.stage video{object-fit:cover;background:#000}.cameraStage{min-height:min(68dvh,720px);aspect-ratio:auto}.empty{position:absolute;inset:0;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#000}.empty svg{width:34px;height:34px;opacity:.9}.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px}.bottomControls{position:-webkit-sticky;position:sticky;bottom:0;margin:auto -20px -20px;padding:14px 20px calc(14px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:14px;gap:14px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-top:1px solid var(--line)}.control{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--muted);font-size:13px;font-weight:520}.control:first-child{justify-self:start}.control:last-child{justify-self:end}.control button{width:52px;height:52px}.bigControl{width:74px;height:74px;border-radius:999px;border:4px solid #fff;outline:1px solid var(--line);background:#000;color:#fff;display:inline-flex;align-items:center;justify-content:center}.bigControl.red{background:var(--live)}.bigControl svg{width:30px;height:30px}.badge{min-height:28px;border-radius:999px;padding:0 11px;display:inline-flex;align-items:center;gap:7px;background:var(--soft);color:var(--muted);font-size:13px;font-weight:560}.badge.live{color:var(--live)}.centerText{text-align:center}.logoMark{width:52px;height:52px;border:1px solid var(--line);border-radius:14px;background:#fff;display:grid;place-items:center}.logoMark.large{width:74px;height:74px;border-radius:22px}.logoMark:after{content:"";width:14px;height:14px;border-radius:999px;background:var(--live);display:block}.logoMark.large:after{width:18px;height:18px}.loginShell{width:min(100%,460px);justify-content:center}.loginCard{align-items:center;gap:16px}.loginCard,.providerStack{width:100%;display:flex;flex-direction:column}.providerStack{gap:10px}.providerButton{width:100%;height:56px;border:1px solid var(--line);border-radius:18px;background:var(--soft);color:var(--text);display:grid;grid-template-columns:42px 1fr 42px;align-items:center;padding:0 8px}.providerButton.black{background:#000;border-color:#000;color:#fff}.providerButton span{width:42px;height:42px;border-radius:999px;display:grid;place-items:center;background:#fff;color:#000;font-weight:700}.providerButton b{font-size:17px;font-weight:650}.divider{width:100%;display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;font-weight:560}.divider:after,.divider:before{content:"";height:1px;background:var(--line);flex:1 1}@media (max-width:720px){.app,.shell{padding:16px;gap:18px}.bottomControls{margin:auto -16px -16px;padding-left:16px;padding-right:16px}.brand{font-size:30px}.cameraStage{min-height:58dvh}}