.live-shell{background:#faf9f6;min-height:100dvh}.live-header{border-bottom:1px solid #e6e6dd;justify-content:space-between;align-items:center;gap:24px;height:88px;padding:0 clamp(20px,4vw,70px);display:flex}.live-brand{font:42px/1 var(--serif);letter-spacing:-2px;align-items:center;gap:7px;padding:0;display:flex}.live-brand>span{font:26px var(--sans);color:#82926b}.live-header-note{letter-spacing:2px;color:#7b806e;font-size:9px}.live-account-tools{align-items:center;gap:10px;display:flex}.live-account-tools>button{border:1px solid #e4e5dc;border-radius:30px;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-size:12px;display:flex}.live-account-tools>button:hover{background:#edf0e5}.live-account-tools>button>span{white-space:nowrap;text-overflow:ellipsis;max-width:120px;overflow:hidden}.live-main{max-width:1500px;min-height:calc(100dvh - 144px);margin:0 auto;padding:28px clamp(20px,4vw,70px) 16px}.meeting-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.meeting-heading h1{font:clamp(32px,3vw,48px)/1.2 var(--serif);letter-spacing:-1px;margin-top:9px}.meeting-heading>p{color:#737c6b;padding-bottom:7px;font-size:12px}.opening-note{color:#6b6a53;background:#efeee4;border:1px solid #e6e3d5;border-radius:10px;margin-bottom:16px;padding:10px 16px;font-size:12px}.meeting-stage{background:#d3dac9;border:1px solid #dfe3d6;border-radius:24px;grid-template-columns:1fr 1fr;gap:2px;height:clamp(380px,57dvh,650px);display:grid;position:relative;overflow:hidden}.meeting-pane{isolation:isolate;background:#e9eddf;min-width:0;position:relative;overflow:hidden}.remote-pane{background:#e0e6d5}.meeting-video{object-fit:cover;background:#17221d;width:100%;height:100%;position:absolute;inset:0}.local-pane>.meeting-video{transform:scaleX(-1)}.remote-pane>.meeting-video{opacity:0}.remote-pane>.meeting-video.is-visible{opacity:1}.video-empty{text-align:center;color:#71805d;background:radial-gradient(at 50% 45%,#f4f5eb 0%,#e5e9d9 75%);flex-direction:column;justify-content:center;align-items:center;gap:13px;padding:65px 38px;display:flex;position:absolute;inset:0}.remote-pane>.video-empty{background:radial-gradient(at 50% 45%,#eef1e2 0%,#dbe2cd 85%)}.video-empty>svg{box-sizing:content-box;border:1px solid #ced7bd;border-radius:50%;margin-bottom:4px;padding:18px}.video-empty h2{font:clamp(23px,2.4vw,34px)/1.18 var(--serif);max-width:340px}.video-empty p{color:#768168;max-width:260px;font-size:12px;line-height:1.8}.participant-label{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;overflow-wrap:anywhere;background:#17231d9c;border:1px solid #ffffff25;border-radius:13px;gap:3px;max-width:calc(100% - 40px);padding:10px 14px;display:grid;position:absolute;top:20px;left:20px}.participant-label strong{font-size:14px;font-weight:600}.participant-label small{color:#e5e7db;font-size:11px;font-weight:400}.participant-label>span{color:#f2f4e9;font-size:12px}.participant-label>span>span{margin-right:3px}.meeting-divider{z-index:5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#eaf6a4;background:#566443e6;border:1px solid #e8efc777;border-radius:50%;place-items:center;width:72px;height:72px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 8px #faf9ed25,0 0 0 9px #d7dec055}.meeting-divider:before{content:"";border:1px solid #b2bf9466;border-radius:50%;position:absolute;inset:-14px}.in-conversation .meeting-divider:before{animation:4s ease-in-out infinite onyamo-breathe}.pane-state{color:#fff;background:#17231d99;border:1px solid #fff2;border-radius:20px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;display:flex;position:absolute;bottom:18px;right:18px}.pane-state .little-dot{background:#e7f398}.meeting-controls{justify-content:space-between;align-items:center;gap:18px;padding:20px 0 12px;display:flex}.meeting-primary{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.meeting-primary .btn{border-radius:30px;padding:14px 24px;font-size:13px}.meeting-primary .primary{color:#2d3c25;background:#e6f399;border:1px solid #d7e888}.meeting-primary .primary:hover:not(:disabled){background:#ddec80}.meeting-primary .primary:disabled{opacity:.65}.meeting-controls .round-btn{width:46px;height:46px}.meeting-bottom{justify-content:space-between;align-items:center;gap:15px;min-height:30px;display:flex}.meeting-bottom>p{color:#6e7863;align-items:center;gap:7px;font-size:11px;display:flex}.meeting-safety{gap:18px;display:flex}.meeting-safety button{align-items:center;gap:6px;font-size:11px;display:flex}.live-footer{color:#7f8773;align-items:center;gap:20px;max-width:1500px;margin:0 auto;padding:18px clamp(20px,4vw,70px);font-size:10px;display:flex}.live-footer>span:last-child{margin-left:auto}.live-shell .toast{bottom:24px;left:50%}.back-to-live{color:#637154;align-items:center;gap:4px;min-height:36px;margin-bottom:24px;font-size:12px;display:flex}.simple-profile{max-width:620px;margin:0 auto 35px}.simple-profile .profile-fields{margin:0}.simple-profile .page-heading{margin-bottom:25px}.simple-profile input:not([type=checkbox]),.simple-profile select{font-size:16px}.profile-location{color:#677459;background:#eef0e6;border-radius:10px;align-items:flex-start;gap:8px;padding:12px;font-size:11px;display:flex}.profile-location p{flex:1}.profile-location button{white-space:nowrap;font-size:11px;text-decoration:underline}.simple-profile .checkbox-label{align-items:flex-start}.simple-profile .btn{font-size:13px}.live-shell .settings-page{max-width:1050px;margin:0 auto}.live-shell .settings-page .page-heading h1{font-size:40px}.live-shell .settings-layout{margin-bottom:25px}@keyframes onyamo-breathe{50%{opacity:.5;transform:scale(1.1)}}@media (max-width:1000px){.live-header-note{display:none}.live-header{height:76px}.live-main{padding-top:24px}.meeting-heading>p{max-width:190px}.meeting-stage{height:clamp(380px,53dvh,570px)}.video-empty{padding:70px 22px}.meeting-divider{width:60px;height:60px}.meeting-bottom{align-items:flex-start}.meeting-bottom>p{max-width:65%}}@media (max-width:700px){.live-header{gap:12px;height:70px;padding:0 18px}.live-brand{font-size:34px}.live-brand>span{font-size:21px}.live-account-tools{gap:6px}.live-account-tools>button{min-width:40px;min-height:40px;padding:9px}.live-account-tools>button>span{display:none}.live-main{min-height:calc(100dvh - 130px);padding:20px 14px 10px}.meeting-heading{align-items:flex-start;margin-bottom:16px}.meeting-heading h1{letter-spacing:-.8px;margin-top:7px;font-size:29px}.meeting-heading .eyebrow{letter-spacing:1.3px;font-size:8px}.meeting-heading>p{display:none}.opening-note{margin-bottom:12px;padding:10px 12px;font-size:11px}.meeting-stage{border-radius:19px;grid-template-rows:1fr 1fr;grid-template-columns:1fr;height:clamp(430px,58dvh,640px)}.meeting-pane{min-height:0}.meeting-divider{width:48px;height:48px;box-shadow:0 0 0 5px #faf9ed25}.meeting-divider:before{inset:-8px}.meeting-divider svg{width:22px}.video-empty{gap:7px;padding:48px 30px 20px}.video-empty h2{max-width:300px;font-size:24px}.video-empty>svg{width:23px;height:23px;margin:0;padding:8px}.video-empty p{max-width:280px;font-size:10px;line-height:1.6}.participant-label{border-radius:9px;gap:1px;max-width:calc(100% - 24px);padding:7px 10px;top:12px;left:12px}.participant-label strong{font-size:12px}.participant-label>span{font-size:10px}.participant-label small{font-size:9px}.pane-state{padding:4px 8px;font-size:10px;bottom:10px;right:10px}.meeting-controls{flex-direction:column;gap:12px;padding:16px 0 12px}.meeting-primary{justify-content:center;gap:8px;width:100%}.meeting-primary .primary{flex:1}.meeting-primary .btn{padding:13px 16px;font-size:12px}.meeting-controls .controls-group{gap:12px}.meeting-controls .round-btn{width:42px;height:42px}.meeting-bottom{text-align:center;flex-direction:column;align-items:center;gap:10px}.meeting-bottom>p{max-width:100%;font-size:10px;line-height:1.6}.meeting-bottom>p>svg{display:none}.live-footer{flex-wrap:wrap;gap:12px;padding:16px 18px;font-size:9px}.live-footer>span:last-child{margin-left:auto}.simple-profile .page-heading h1{font-size:34px}.simple-profile .field-grid{grid-template-columns:1fr}.simple-profile .profile-fields{padding:22px}.profile-location{flex-wrap:wrap}.profile-location>p{min-width:170px}.live-shell .toast{bottom:18px}.live-shell .settings-page .page-heading h1{font-size:34px}}@media (prefers-reduced-motion:reduce){.in-conversation .meeting-divider:before{animation:none}}