*{box-sizing:border-box}body.live-shell{margin:0;background:#f5f4ef;color:#20352f;font:16px/1.55 system-ui,sans-serif}.live-shell main,.live-shell header{max-width:1080px;margin:auto;padding:24px}.live-shell header{display:flex;justify-content:space-between;gap:16px}.brand{font-size:26px;font-weight:800;letter-spacing:-1px}.live-shell a{color:inherit}.live-shell h1{font-size:clamp(32px,5vw,52px);letter-spacing:-2px;line-height:1.1}.live-shell button,.live-shell input,.live-shell select,.live-shell textarea,.safety-dialog button,.safety-dialog input,.safety-dialog select,.safety-dialog textarea{font:inherit;border:1px solid #ccd4cf;border-radius:12px;padding:12px}.live-shell button,.safety-dialog button{cursor:pointer;background:white;color:#20352f}.live-shell button:disabled,.safety-dialog button:disabled{opacity:.5;cursor:wait}.live-shell .primary,.safety-dialog .primary{background:#234e40;color:white;border:0}.live-shell label,.safety-dialog label{display:grid;gap:6px;margin:16px 0}.live-shell input,.live-shell select,.live-shell textarea,.safety-dialog input,.safety-dialog select,.safety-dialog textarea{width:100%;background:white;color:#20352f}.live-shell .check{display:flex;align-items:flex-start}.check input{width:auto;margin-top:6px}.panel{background:#fff;border:1px solid #dde2d9;border-radius:20px;padding:24px;margin:20px 0}.muted{color:#5d6d65;font-size:14px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px}.badge{background:#e7ede7;padding:5px 10px;border-radius:20px;font-size:13px}.live-video{width:100%;max-height:60vh;background:#17251f;border-radius:16px;object-fit:contain}.live-actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.live-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.live-dot{color:#a4273c}.safety-dialog{font:16px/1.5 system-ui,sans-serif;color:#20352f;border:0;border-radius:24px;padding:28px;width:min(540px,calc(100% - 24px));max-height:90dvh;overflow:auto}.safety-dialog::backdrop{background:#122a2366}.safety-dialog .close{float:right;border:0}.preserve{white-space:pre-wrap}.report-entry{font-size:12px!important}.live-shell [hidden]{display:none!important}@media(max-width:600px){.live-shell main,.live-shell header{padding:16px}.panel{padding:18px}}

/* Explicit dialog surface: the app base dialog is dark. */
dialog.safety-dialog{background:#fff;color:#302831;color-scheme:light;box-shadow:0 24px 80px #24131d38;overscroll-behavior:contain}
dialog.safety-dialog :is(h2,h3,p,label,small){color:#302831}
dialog.safety-dialog h2{font-size:26px;line-height:1.2;letter-spacing:-.6px;margin:22px 0 12px}
dialog.safety-dialog p{line-height:1.55;overflow-wrap:anywhere}
dialog.safety-dialog .eyebrow{color:#91334d;font-size:11px;letter-spacing:1.4px}
dialog.safety-dialog .muted,dialog.safety-dialog label small{color:#665a67;font-size:13px}
dialog.safety-dialog :is(input,select,textarea){color:#302831;background:#fff;border-color:#b9acb9;font-size:16px;min-width:0;min-height:48px}
dialog.safety-dialog textarea::placeholder{color:#756a76;opacity:1}
dialog.safety-dialog .close{background:#f4eff3;color:#443544;min-width:44px;min-height:44px;padding:8px;margin:0 0 12px 12px}
dialog.safety-dialog .primary{background:#a52849;color:#fff;width:100%;min-height:48px}
dialog.safety-dialog form>a{display:block;color:#8e2442;text-decoration:underline;margin-top:16px;font-size:14px;min-height:44px;line-height:1.5}
dialog.safety-dialog [role=status]{color:#8e2442}
.sidebar .live-nav-entry{display:flex;align-items:center;gap:12px;text-decoration:none}
.df-view-tools .df-live-entry{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 10px;color:#fff;background:transparent;border-radius:6px;font-size:12px;font-weight:500;text-decoration:none;white-space:nowrap}
@media(max-width:700px){
 body .mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
 body .mobile-nav .live-nav-entry{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:58px;font-size:11px;font-weight:650;color:#a52849;text-decoration:none}
 body.discovery-active .mobile-nav .live-nav-entry{color:#ff839f;font-size:10px}
 .mobile-nav .live-nav-entry svg{width:23px;height:23px}
 dialog.safety-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 32px);padding:22px 20px;margin:auto;border-radius:22px}
 dialog.safety-dialog h2{font-size:24px}
}

.df-view-tools .df-live-entry{margin-inline-start:2px;align-self:center;opacity:.78}
.df-live-entry>span{font-size:7px;color:#ec8ca4}
.df-view-tools .df-live-entry:hover,.df-view-tools .df-live-entry:focus-visible{opacity:1}
.df-view-tools .df-live-entry:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.df-browse .df-live-entry{color:#62545e}
@media(min-width:1100px){.df-view-tools .df-live-entry{color:#62545e}.df-live-entry>span{color:#a52849}}
