:root{--u:calc(max(100vw, 100vh) / 1920)}*{box-sizing:border-box}html,body{color:#fff;background:#1b1c20;height:100%;margin:0;font-family:Archivo,Segoe UI,system-ui,sans-serif;overflow:hidden}.feed{background:radial-gradient(120% 60% at 50% 105%,#3a3430 0%,#0000 60%),linear-gradient(#24262b 0%,#1c1d21 55%,#141518 100%);position:fixed;inset:0}.cam{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.feed:after{content:"";background:radial-gradient(140% 100% at 50% 40%,#0000 55%,#0000008c),linear-gradient(#00000040,#0000 22% 60%,#00000073);position:absolute;inset:0}.chrome-top{left:calc(36 * var(--u));right:calc(36 * var(--u));top:calc(70 * var(--u));z-index:50;justify-content:space-between;align-items:center;display:flex;position:fixed}.host{align-items:center;gap:calc(14 * var(--u));padding:calc(8 * var(--u)) calc(26 * var(--u)) calc(8 * var(--u)) calc(8 * var(--u));background:#00000052;border-radius:99px;display:flex}.host .avatar{width:calc(68 * var(--u));height:calc(68 * var(--u));font-weight:700;font-size:calc(30 * var(--u));background:#5c6470;border-radius:50%;place-items:center;display:grid}.host b{font-size:calc(28 * var(--u));font-weight:600;display:block}.host small{font-size:calc(21 * var(--u));opacity:.7;display:block}.viewers b{padding:calc(10 * var(--u)) calc(20 * var(--u));font-size:calc(24 * var(--u));background:#00000052;border-radius:99px;font-weight:600}.live-pill{left:calc(44 * var(--u));top:calc(168 * var(--u));z-index:50;padding:calc(3 * var(--u)) calc(14 * var(--u));border-radius:calc(6 * var(--u));font:700 calc(21 * var(--u))/1.35 "Archivo", sans-serif;letter-spacing:.06em;background:#e3143a;position:fixed}.chrome-bottom{left:calc(36 * var(--u));right:calc(36 * var(--u));bottom:calc(56 * var(--u));z-index:50;position:fixed}.say{padding:calc(22 * var(--u)) calc(30 * var(--u));font-size:calc(27 * var(--u));opacity:.75;background:#ffffff1f;border-radius:99px;display:block}.banner{left:calc(24 * var(--u));z-index:55;align-items:center;gap:calc(14 * var(--u));padding:calc(8 * var(--u)) calc(10 * var(--u)) calc(8 * var(--u)) calc(8 * var(--u));min-width:calc(520 * var(--u));opacity:0;background:linear-gradient(90deg,#e8b428eb,#e878288c);border-radius:99px;display:flex;position:fixed;top:36%;transform:translate(-120%)}.banner.on{animation:2.6s cubic-bezier(.2,.8,.2,1) forwards bannerIn}@keyframes bannerIn{0%{opacity:0;transform:translate(-120%)}12%{opacity:1;transform:none}82%{opacity:1;transform:none}to{opacity:0;transform:translate(-30%)}}.b-avatar{width:calc(64 * var(--u));height:calc(64 * var(--u));background:#2a2d33;border-radius:50%;flex:none}.b-text{line-height:1.15;display:grid}.b-text b{font-size:calc(26 * var(--u));font-weight:700}.b-text small{font-size:calc(22 * var(--u));opacity:.9}.b-gift{width:calc(78 * var(--u));height:calc(78 * var(--u));border-radius:calc(16 * var(--u));font:800 calc(22 * var(--u))/1 "Archivo", sans-serif;background:#fff3;place-items:center;margin-left:auto;display:grid}.b-count{font:800 italic calc(44 * var(--u))/1 "Archivo", sans-serif;padding-right:calc(12 * var(--u))}#look{opacity:0;z-index:60;width:min(100vw,56.25vh);height:22vh;transition:opacity .2s;position:fixed;top:66%;left:50%;translate:-50% -66%}#look.on{opacity:1}@media (prefers-reduced-motion:reduce){.banner.on{animation-duration:10ms}}.slate{z-index:90;opacity:0;visibility:hidden;background:#15171b;place-items:center;transition:opacity .5s,visibility 0s .5s;display:grid;position:fixed;inset:0}.offair .slate{opacity:1;visibility:visible;transition:opacity .2s}.slate-in{justify-items:center;gap:calc(28 * var(--u));text-align:center;display:grid}.slate-host{align-items:center;gap:calc(16 * var(--u));font-size:calc(30 * var(--u));opacity:.7;display:inline-flex}.slate-host .avatar{width:calc(56 * var(--u));height:calc(56 * var(--u));font-weight:700;font-size:calc(26 * var(--u));background:#5c6470;border-radius:50%;place-items:center;display:grid}.slate b{font:800 calc(110 * var(--u))/.95 "Archivo", sans-serif;max-width:6ch;font-stretch:68%}.slate-count{min-height:calc(160 * var(--u));font:800 calc(160 * var(--u))/1 "Archivo", sans-serif;color:#e3143a;font-variant-numeric:tabular-nums;font-stretch:68%}.slate-count:not(:empty){animation:.42s ease-out tick}@keyframes tick{0%{opacity:0;transform:scale(1.35)}to{opacity:1;transform:none}}.offair .live-pill{opacity:0}.live-pill{transition:opacity .3s}.hearts{right:calc(40 * var(--u));bottom:calc(150 * var(--u));width:calc(90 * var(--u));z-index:45;pointer-events:none;height:45%;position:fixed}.heart{width:calc(62 * var(--u));height:calc(56 * var(--u));background:var(--c);-webkit-mask:var(--heart) center / contain no-repeat;-webkit-mask:var(--heart) center / contain no-repeat;mask:var(--heart) center / contain no-repeat;--heart:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 22 1.8 11.6A6.3 6.3 0 0 1 12 3.1a6.3 6.3 0 0 1 10.2 8.5Z'/%3E%3C/svg%3E");animation:2.6s ease-out forwards float;position:absolute;bottom:0;left:50%}@keyframes float{0%{opacity:0;transform:translate(-50%)scale(.4)}12%{opacity:1;transform:translate(-50%,-10%)scale(1)}to{transform:translate(calc(-50% + var(--drift)), -900%) scale(.9);opacity:0}}