body[data-page=live]{background:#101113;color:#fff;--live-pink:#ff365f;--live-line:#ffffff16}body[data-page=live]>.announcement,body[data-page=live]>.site-header,body[data-page=live]>.site-footer,body[data-page=live]>.customer-dock{display:none!important}body[data-page=live] .toast{z-index:150}.immersive-live{max-width:1320px;margin:auto;padding:0 42px 28px}.live-desktop-heading{height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--live-line);margin-bottom:24px}.live-brand{font-family:var(--serif);font-size:29px;line-height:1.1}.live-brand span{font-family:var(--sans);display:block;font-size:8px;letter-spacing:2.3px;color:#a5a5ac;margin-top:8px}.live-desktop-heading p{font-size:12px;color:#a4a4ad}.live-desktop-heading>a:last-child{font-size:11px;color:#d5d5d9}.live-experience{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start;max-width:1100px;margin:auto}.live-screen{isolation:isolate;position:relative;width:100%;max-width:490px;margin:auto;height:min(850px,calc(100dvh - 140px));min-height:590px;aspect-ratio:9/16;border-radius:24px;overflow:hidden;background:#191b1b;box-shadow:0 24px 90px #0005}.live-screen:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#0006,transparent 28%,transparent 45%,#000a 78%,#000e)}.live-screen:fullscreen{max-width:none;width:100%;height:100dvh;border-radius:0;min-height:0}.live-screen>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#050505;z-index:-3}.live-cover{position:absolute;inset:0;z-index:-2}.live-cover>img{height:100%;width:100%;object-fit:cover;filter:brightness(.7) saturate(.7);transform:scale(1.04)}.live-cover-shade{position:absolute;inset:0;background:linear-gradient(#1116,#18272433 28%,#08110dd9 73%,#080a0af5)}.live-cover-copy{position:absolute;left:28px;right:28px;top:20%;text-align:center;display:flex;flex-direction:column;align-items:center}.room-state-label{font-size:9px;letter-spacing:2.1px;font-weight:600;color:#dbe1d5}.live-monogram{font-family:var(--serif);font-size:70px;line-height:1;margin:20px 0 12px;color:#f3f3df}.live-cover h1{font-family:var(--serif);font-size:48px;line-height:1.04;max-width:350px;margin:0 0 15px}.live-cover-copy>p{font-size:12px;line-height:1.7;color:#dedfdb;max-width:280px}.live-watch{background:var(--live-pink);color:white;border-radius:24px;padding:12px 24px;font-weight:600;font-size:13px;display:flex;gap:10px;align-items:center;margin-top:20px;min-height:46px}.live-watch svg{width:19px;height:19px}.live-cover-shop{margin-top:15px;background:none;color:#deded7;font-size:11px;border-bottom:1px solid #ffffff55;padding:4px}.live-cover-shop span{margin-left:14px}.live-topbar{position:absolute;top:0;left:0;right:0;padding:18px 15px;display:flex;align-items:center;justify-content:space-between;gap:8px;z-index:4;background:linear-gradient(#0006,transparent)}.host-identity{display:flex;align-items:center;gap:9px;min-width:0}.host-identity>img{width:39px;height:39px;border-radius:50%;object-fit:cover;border:2px solid #ffffffbd}.host-identity strong{display:block;font-size:12px;font-weight:600;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.host-identity>div>span{display:block;font-size:9px;color:#e4e4e4;max-width:150px}.live-top-actions{display:flex;align-items:center;gap:7px}.live-on-air{background:#fe325c;border-radius:5px;padding:3px 7px;font-size:9px;font-weight:700;letter-spacing:1px}.live-audience{display:flex;align-items:center;gap:4px;background:#0003;padding:4px 7px;border-radius:20px;font-size:11px}.live-audience svg{width:14px;height:14px}.live-close{font-size:29px;font-weight:300;line-height:1;display:grid;place-items:center;width:28px;height:32px}.live-media-tools{position:absolute;top:82px;right:16px;display:flex;gap:7px;align-items:center;z-index:4}.live-media-tools button{background:#0005;color:white;border-radius:18px;font-size:9px;padding:7px 9px;min-height:33px;display:flex;gap:5px;align-items:center}.live-media-tools svg{width:15px;height:15px}.live-connection-status{position:absolute;top:124px;left:20px;right:20px;font-size:10px;text-align:center;color:#f1f1eb;z-index:3;line-height:1.6;pointer-events:none}.live-connection-status:empty{display:none}.live-action-rail{position:absolute;right:13px;bottom:114px;display:flex;flex-direction:column;gap:17px;align-items:center;z-index:4}.live-action{display:flex;flex-direction:column;align-items:center;gap:5px;background:none;color:white;font-size:10px;min-width:45px;padding:0;text-shadow:0 1px 4px #0007}.live-action b{font-weight:500}.action-circle{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#ffffff18;backdrop-filter:blur(8px)}.action-circle svg{width:25px;height:25px;stroke-width:1.7}.heart-circle svg{fill:#fff;stroke:white;width:26px;height:26px}.live-action:not(:disabled):active .action-circle{transform:scale(.88)}#send-heart:disabled{opacity:.55}#send-heart:enabled .heart-circle{background:#fe325c33}#send-heart:enabled svg{fill:#ff4169;stroke:#ff4169}.live-bottom-overlay{position:absolute;bottom:0;left:0;right:0;padding:35px 15px calc(15px + env(safe-area-inset-bottom));z-index:3;background:linear-gradient(transparent,#0009 42%,#000c);pointer-events:none}.live-bottom-overlay>*{pointer-events:auto}.live-room-caption{padding-right:48px;margin-bottom:10px}.live-room-caption>span{display:block;font-size:8px;letter-spacing:1.7px;color:#d0d1d1;margin-bottom:5px}.live-room-caption h2{font-family:var(--sans);font-weight:600;font-size:15px;letter-spacing:0;line-height:1.35;max-height:42px;overflow:hidden}.live-comments{width:calc(100% - 58px);height:140px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;margin-bottom:13px;mask-image:linear-gradient(transparent,#000 13%);padding-top:12px}.live-comments::-webkit-scrollbar{display:none}.live-chat-welcome{font-size:11px;line-height:1.7;color:#e2e3de;padding:6px 4px}.live-chat-welcome span{display:block;color:#b8c9a4}.live-comment{display:flex;gap:8px;align-items:flex-start;margin:0 0 11px;line-height:1.5}.live-comment-avatar{background:#bdc6b4;color:#263723;border-radius:50%;display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;font-size:11px;font-weight:600}.live-comment:nth-child(3n) .live-comment-avatar{background:#b3c5d2;color:#263640}.live-comment:nth-child(3n+1) .live-comment-avatar{background:#d3b9b5;color:#503a36}.live-comment>div{min-width:0;font-size:12px;color:#fff;overflow-wrap:anywhere;text-shadow:0 1px 3px #000b}.live-comment strong{font-size:10px;color:#d2d1d4;font-weight:500;display:block}.live-comment strong small{background:var(--live-pink);padding:1px 4px;margin-left:5px;font-size:7px;color:white;border-radius:3px}.live-comment p{margin-top:1px;line-height:1.45}.live-comment-form{display:flex;gap:8px;align-items:center}.guest-avatar{border:1px solid #ffffff65;background:#e0e5d9;color:#2c3b29;width:35px;height:35px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;font-size:13px;font-weight:600}.live-comment-form input{min-width:0;width:100%;flex:1;border:1px solid #ffffff25;background:#ffffff19;border-radius:25px;font-size:12px;color:white;padding:10px 13px;min-height:40px;backdrop-filter:blur(10px)}.live-comment-form input::placeholder{color:#e1e1df}.live-comment-form>button[type=submit]{background:none;color:white;width:25px;flex-shrink:0;padding:0}.live-comment-form>button[type=submit] svg{width:21px;height:21px}.live-bag-toggle{position:relative;display:grid;place-items:center;flex-shrink:0;background:none;color:white;width:30px;height:35px;padding:0}.live-bag-toggle svg{width:24px;height:24px}.live-bag-toggle .bag-count{position:absolute;top:-3px;right:-6px;border-radius:9px;background:var(--live-pink);color:white;font-size:8px;padding:0 4px;min-width:15px;line-height:16px}.live-pinned-product:empty{display:none}.live-pinned-card{display:flex;align-items:center;gap:9px;padding:9px;background:#ffffffed;color:#202621;border-radius:11px;margin-bottom:8px;width:calc(100% - 54px);text-align:left}.live-pinned-card>.product-photo{width:41px;height:49px;flex-shrink:0;border-radius:6px;overflow:hidden}.live-pinned-card>div:last-child{min-width:0}.live-pinned-card small{font-size:8px;color:#d72d53;font-weight:700;display:block}.live-pinned-card strong{display:block;font-size:11px;line-height:1.35;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:245px}.live-pinned-card span{font-size:9px;color:#687061}.reaction-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:5}.floating-heart{position:absolute;right:25px;bottom:180px;color:#ff4069;font-size:32px;animation:live-heart-rise 1.65s ease-out forwards;filter:drop-shadow(0 2px 6px #0003)}@keyframes live-heart-rise{0%{opacity:0;transform:translate(0,20px) scale(.4)}15%{opacity:1}65%{opacity:.9}100%{opacity:0;transform:translate(var(--heart-drift,0px),-270px) rotate(var(--heart-rotate,15deg)) scale(1.25)}}.live-collection-panel{background:#191a1e;border:1px solid var(--live-line);border-radius:19px;overflow:hidden;max-height:calc(100dvh - 140px);display:flex;flex-direction:column}.live-panel-heading{padding:26px 24px 21px}.live-panel-kicker{font-size:8px;letter-spacing:2px;color:#b0b6a7;font-weight:600}.live-panel-heading h2{font-size:35px;line-height:1.08;margin:13px 0}.live-panel-heading em{color:#c3ceb6}.live-panel-heading p{font-size:11px;color:#b6b6bd;line-height:1.8}.live-shop-controls{padding:0 20px}.live-shop-controls input,.live-shop-sheet>input{width:100%;background:#ffffff08;border:1px solid #ffffff15;border-radius:8px;color:white;font-size:11px;min-height:39px}.live-shop-tabs{display:flex;gap:19px;border-bottom:1px solid var(--live-line);margin:13px 0 0}.live-shop-tabs button{background:none;color:#b4b5bd;font-size:11px;padding:10px 0;border-bottom:2px solid transparent;min-height:40px}.live-shop-tabs button.selected{border-color:var(--live-pink);color:white}.live-shop-tabs span{display:inline-block;background:#ffffff12;font-size:9px;border-radius:8px;padding:0 5px;margin-left:4px}.live-shop-list{overflow:auto;padding:6px 20px;min-height:0;scrollbar-width:thin;scrollbar-color:#414149 transparent;overscroll-behavior:contain}.live-shop-product{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid var(--live-line);align-items:center}.live-shop-product>.product-photo{width:65px;height:80px;flex-shrink:0;border-radius:8px;overflow:hidden}.live-shop-product>div:last-child{min-width:0;flex:1}.live-shop-product small{font-size:8px;color:#a6a8ae;letter-spacing:.8px;display:block;margin-bottom:4px}.live-shop-product h3{font-size:12px;font-weight:500;line-height:1.5;margin:0 0 4px;color:#f6f5f2}.live-shop-product p{font-size:10px;color:#b1b3b6;line-height:1.5}.live-shop-product button{font-size:10px;font-weight:600;color:#ff7b98;background:#ff365f13;border-radius:5px;padding:5px 10px;margin-top:8px;min-height:30px}.live-shop-product button:disabled{color:#b0b0b4;background:#ffffff09}.live-shop-note{border-top:1px solid var(--live-line);padding:16px 20px;display:flex;gap:10px;color:#b3b4b9;font-size:10px;line-height:1.7}.live-shop-note svg{width:17px;height:17px;margin-top:2px}.live-shop-empty{padding:35px 0;text-align:center;font-size:12px;color:#b4b5bb}.live-shop-sheet{position:fixed;inset:auto 0 0;margin:0 auto;width:100%;max-width:620px;max-height:80dvh;height:650px;border:1px solid #ffffff1c;border-radius:24px 24px 0 0;padding:10px 22px 15px;background:#191a1e;color:white;overflow:hidden}.live-shop-sheet[open]{display:flex;flex-direction:column}.live-shop-sheet::backdrop{background:#0006;backdrop-filter:blur(2px)}.sheet-handle{width:36px;height:4px;background:#ffffff44;border-radius:4px;margin:0 auto 22px;flex-shrink:0}.sheet-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.sheet-heading h2{font-family:var(--serif);font-size:30px;margin-top:8px}.sheet-heading>button{background:#ffffff0e;color:white;border-radius:50%;width:32px;height:32px;font-size:26px;line-height:1;flex-shrink:0}.live-shop-sheet .live-shop-list{padding:0;flex:1}.guest-name-dialog{border:0;border-radius:20px;padding:35px 29px;width:calc(100% - 40px);max-width:365px;background:#faf9f6;color:#292c27;text-align:center}.guest-name-dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}.guest-name-close{position:absolute;right:13px;top:10px;background:none;font-size:25px;color:#7b7d73}.guest-name-mark{font-family:var(--serif);font-size:45px;color:var(--olive);display:block;margin-bottom:14px}.guest-name-dialog .eyebrow{font-size:8px}.guest-name-dialog h2{font-family:var(--serif);font-size:44px;margin:16px 0}.guest-name-dialog>p:not(.eyebrow){font-size:12px;line-height:1.7;color:#7b7d73}.guest-name-dialog form{text-align:left;display:grid;gap:12px;margin-top:22px}.guest-name-dialog label{font-size:12px}.guest-name-dialog input{font-size:16px;border-radius:7px;width:100%}.guest-name-dialog .button{font-size:12px;border-radius:7px;margin-top:4px}body[data-page=live] dialog:not(.live-shop-sheet):not(.guest-name-dialog){color:var(--ink)}body[data-page=admin] .studio-camera{aspect-ratio:9/16;max-width:360px;margin-inline:auto;border-radius:16px;overflow:hidden}body[data-page=admin] .studio-camera #host-video{object-fit:cover}body[data-page=admin] #host-likes{font-size:11px;margin-left:8px}
@media(min-width:1350px){.live-experience{grid-template-columns:minmax(0,1fr) 370px;gap:65px;max-width:1160px}.live-screen{max-width:510px}}@media(max-width:800px){html:has(body[data-page=live]){height:100%;overflow:hidden}body[data-page=live]{height:100dvh;overflow:hidden;overscroll-behavior:none}.immersive-live{padding:0;height:100dvh;width:100%;max-width:none}.live-desktop-heading,.live-collection-panel{display:none}.live-experience{display:block;height:100%;margin:0;max-width:none}.live-screen{height:100dvh;width:100%;max-width:none;min-height:0;margin:0;border-radius:0;aspect-ratio:auto;box-shadow:none}.live-screen>video{object-fit:cover}.live-topbar{padding-top:calc(14px + env(safe-area-inset-top))}.live-media-tools{top:calc(78px + env(safe-area-inset-top))}.live-connection-status{top:calc(119px + env(safe-area-inset-top))}.live-cover-copy{top:21%;left:30px;right:30px}.live-cover h1{font-size:53px}.live-cover-copy>p{font-size:13px}.live-bottom-overlay{padding:35px 14px calc(14px + env(safe-area-inset-bottom))}.live-comments{height:clamp(90px,18dvh,165px)}.live-action-rail{bottom:calc(110px + env(safe-area-inset-bottom))}.live-comment-form input{font-size:16px}.live-screen:has(.live-comment-form input:focus) .live-room-caption,.live-screen:has(.live-comment-form input:focus) .live-pinned-product{display:none}.live-screen:has(.live-comment-form input:focus) .live-comments{height:80px}body[data-page=live] .toast{bottom:85px}body[data-page=live] .product-dialog{max-height:90dvh}.live-monogram{font-size:65px;margin:20px 0 13px}}@media(max-height:700px){.live-cover-copy{top:18%}.live-monogram{font-size:44px;margin:12px 0}.live-cover h1{font-size:38px}.live-cover-copy>p{font-size:11px}.live-comments{height:90px}.live-room-caption h2{font-size:13px}.live-action-rail{gap:12px}}@media(max-width:360px){.host-identity strong{max-width:116px;font-size:11px}.host-identity>div>span{max-width:116px;font-size:8px}.live-topbar{padding-inline:11px}.live-top-actions{gap:3px}.host-identity>img{width:34px;height:34px}.live-close{width:22px}.live-action-rail{right:10px}.live-bottom-overlay{padding-inline:11px}.live-cover h1{font-size:43px}.live-comment-form{gap:6px}.live-comment-form input{padding-inline:10px}}@media(prefers-reduced-motion:reduce){.floating-heart{animation:none;display:none}.live-action:not(:disabled):active .action-circle{transform:none}}

@media(max-width:800px){body[data-page=live],body[data-page=live] .immersive-live,body[data-page=live] .live-screen{height:var(--live-vh,100dvh)}}
.live-screen.is-live .live-monogram{display:none}.live-screen.is-live .live-cover h1{margin-top:20px;font-size:44px}.live-screen.is-live .live-cover-copy{top:20%}@media(max-height:700px){.live-screen.is-live .live-cover-copy{top:16%}.live-screen.is-live .live-cover h1{font-size:34px;margin-top:12px}.live-screen.is-live .live-cover-copy>p{max-width:230px}.live-screen.is-live .live-watch{margin-top:8px}}

/* Explicit stacking keeps live media visible behind the conversation. */
.live-screen>video{z-index:0}.live-cover{z-index:1}.live-screen:after{z-index:2}
.live-cover-copy{z-index:1}.live-connection-status{pointer-events:none}
.has-expanded-live{overflow:hidden!important}
.live-expanded{position:fixed!important;inset:0!important;width:100%!important;max-width:none!important;height:100dvh!important;min-height:0!important;margin:0!important;aspect-ratio:auto!important;border-radius:0!important;z-index:120!important}
body[data-page=admin] .studio-camera:is(:fullscreen,:-webkit-full-screen,.live-expanded){width:100%;max-width:none;height:100dvh;aspect-ratio:auto;border-radius:0;background:#080908}
body[data-page=admin] .studio-camera:is(:fullscreen,:-webkit-full-screen,.live-expanded) #host-video{width:100%;height:100%;object-fit:contain}
.host-fullscreen{position:absolute;right:12px;bottom:12px;z-index:5;display:flex;align-items:center;gap:7px;min-height:44px;padding:10px 14px;border:1px solid #ffffff60;border-radius:24px;background:#161b17d9;color:#fff;font-size:12px}
.host-fullscreen svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.live-screen:-webkit-full-screen{width:100%;max-width:none;height:100dvh;border-radius:0;min-height:0}
.live-screen:is(.live-expanded,:fullscreen,:-webkit-full-screen)>video{object-fit:contain}