.live-room-screen{background:#000!important;color:#fff;border-radius:20px;overflow:hidden;padding:0!important;--live-stage-height:46dvh}
.live-room-screen>.live-page-tools{padding:8px 12px;margin:0;background:#000}
.live-room-screen>h2,.live-room-screen>p.muted{display:none}
.live-room-screen .live-video-stage{height:var(--live-stage-height)!important;min-height:240px!important;max-height:none!important;width:100%;margin:0!important;border:0;border-radius:0!important;position:relative;overflow:hidden;background:#19251e}
.live-room-screen .live-video-stage>video{width:100%;height:100%;object-fit:cover}
.live-engagement{position:absolute;top:10px;inset-inline:12px;display:flex;justify-content:space-between;align-items:center;z-index:5;pointer-events:none;gap:12px}
.live-engagement>span,.live-engagement>button{display:flex;align-items:center;gap:6px;background:#0508079e;border:1px solid #ffffff18;border-radius:22px;padding:7px 11px;color:#fff;font-size:13px;min-height:34px;backdrop-filter:blur(8px)}
.live-engagement b{font-weight:600;font-variant-numeric:tabular-nums;direction:ltr}.live-engagement small{font-size:11px;color:#eee}.live-engagement>button{pointer-events:auto;color:#ff6695;cursor:pointer;touch-action:manipulation}.live-engagement>button b{color:white}
.live-hearts{position:absolute;inset:45px 0 0;overflow:hidden;pointer-events:none;z-index:6}.live-hearts>span{position:absolute;left:var(--heart-x);bottom:8%;font-size:36px;color:#ff5688;text-shadow:0 0 12px #ff37644d;animation:live-heart-rise 1.25s ease-out forwards}
.live-room-screen .live-chat{background:#000;border:0;border-radius:0;padding:10px 14px;margin:0;box-shadow:none;display:flex;flex-direction:column;height:35dvh;min-height:220px}
.live-room-screen .live-chat h3{font-size:13px;margin:0;color:#aaa}.live-room-screen #live-messages{flex:1;min-height:0;height:auto;max-height:none;overflow:auto;background:#000;padding:8px 0;overscroll-behavior:contain}
.live-room-screen .live-message{border:0;background:transparent;padding:7px 0;color:#fff;font-size:13px}.live-room-screen .live-message strong{color:#d2b8e8;font-size:12px}.live-room-screen .live-comment-avatar{background:#26232c;color:#e9deef}
.live-room-screen #live-comment{display:flex;gap:8px;align-items:end;margin:6px 0 0}.live-room-screen #live-comment label{flex:1;min-width:0;font-size:0}.live-room-screen #live-comment input{background:#1b1b1f;border:1px solid #ffffff14;color:#fff;border-radius:24px;font-size:13px;padding:11px 14px;margin:0;width:100%;box-sizing:border-box}.live-room-screen #live-comment button{border-radius:50%;background:#e7c58c;color:#231b10;width:38px;height:38px;padding:0;flex:none}
.live-room-screen .live-controls{background:#080808;padding:6px 12px;margin:0;gap:6px;flex-wrap:wrap}.live-room-screen .live-controls button{font-size:11px;padding:7px 10px;min-height:30px}.live-room-screen .gift-live-button{margin:0;border-radius:0;background:#111;color:#edce98;padding:8px;font-size:12px;border:0;border-bottom:1px solid #ffffff0b}.live-room-screen #live-video-status{top:auto;bottom:10px;pointer-events:none;font-size:10px;background:#0006;border-radius:8px;padding:3px 6px}
.live-room-screen .live-error:empty{display:none}.live-room-screen .live-chat>.live-error{font-size:11px;margin:3px 0}
@keyframes live-heart-rise{0%{opacity:0;transform:translateY(0) scale(.5)}15%{opacity:1}100%{opacity:0;transform:translate(var(--heart-drift),-160px) scale(1.25)}}
@media(prefers-reduced-motion:reduce){.live-hearts>span{animation:none;opacity:0}}
.live-room-screen #live-comment .live-composer-gift{display:grid;place-items:center;border:1px solid #e2bd7666;background:linear-gradient(135deg,#49351d,#1d1c1a);color:#f6d692;box-shadow:0 0 14px #dcb77b15;cursor:pointer}
.live-composer-gift svg{width:23px;height:23px;display:block}.live-composer-gift:focus-visible{outline:2px solid #f2d49a;outline-offset:3px}
.live-reference-layout .live-message .live-reply-button{background:none;border:0;box-shadow:none;color:#b8a894;font:inherit;font-size:10px;padding:3px 5px;min-height:26px;flex:none;margin-inline-start:auto;cursor:pointer}.live-reply-button:focus-visible{outline:1px solid #d4bd90;border-radius:5px}
.live-reference-layout .live-message .live-reply-quote{display:block;color:#c4ad9d;font-size:10px;line-height:1.5;border-inline-start:2px solid #812F45;padding-inline-start:6px;margin:4px 0;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.live-reply-target{display:flex;align-items:center;gap:8px;border-inline-start:2px solid #812F45;background:#ffffff09;padding:8px 10px;margin-top:5px;flex:none}.live-reply-target[hidden]{display:none}.live-reply-target>span{flex:1;min-width:0}.live-reply-target strong{display:block;font-size:11px;color:#e4ccbd}.live-reply-target small{display:block;font-size:10px;color:#aaa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-reply-target button{border:0;background:none;color:#ddd;font-size:20px;padding:0 5px;min-height:26px}
.live-explore-strip{padding:8px 12px;background:#131514;border-block:1px solid #ffffff10;flex:none}.live-explore-strip[hidden]{display:none}.live-explore-strip>small{font-size:10px;color:#cbb799}.live-explore-strip>div{display:flex;gap:8px;overflow:auto;margin-top:6px}.live-explore-strip a{display:grid;grid-template-columns:auto 1fr;gap:3px 6px;min-width:120px;max-width:170px;padding:7px 10px;border:1px solid #ffffff14;border-radius:12px;text-decoration:none;color:#fff;background:#ffffff04}.live-explore-strip a>span{color:#ef5073;font-size:9px;align-self:center}.live-explore-strip strong{font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.live-explore-strip a small{grid-column:1/-1;font-size:9px;color:#b3aaa2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.live-tap-explainer{font-size:9px;color:#aaa;background:#000;margin:0;padding:4px 12px;text-align:center;flex:none}
.live-reference-layout #live-comment .live-composer-share{order:3;display:grid;place-items:center;width:38px;height:38px;background:#242424;border:0;color:#eee;flex:none}
.live-composer-share svg{width:22px;height:22px}.live-composer-share:focus-visible{outline:2px solid #edce98;outline-offset:2px}
.live-share-sheet{max-width:450px;color:#f3eadc}.live-share-summary{display:flex;align-items:center;gap:10px;background:#ffffff07;border:1px solid #ffffff10;border-radius:13px;padding:12px;margin:12px 0}.live-share-summary>span{color:#ff476f;font-size:17px}.live-share-summary strong{font-size:14px;display:block}.live-share-summary small{font-size:11px;color:#aaa;display:block;margin-top:4px}
.live-share-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.live-share-actions button{background:#252326;border:1px solid #ffffff14;border-radius:12px;min-height:56px;color:#f6e9cf;padding:10px 5px;font:inherit;font-size:12px}.live-share-actions button:hover{background:#3a3030}.live-share-actions button:focus-visible,.live-share-contact button:focus-visible{outline:2px solid #e1bf7f;outline-offset:2px}
.live-share-status{font-size:12px;line-height:1.8;color:#e7d4b3;min-height:20px}.live-share-status input{width:100%;box-sizing:border-box;font-size:12px;color:#eee;background:#1a1a1c;border:1px solid #ffffff25;padding:10px;border-radius:9px}.live-share-private label{display:block;font-size:12px;color:#bbb}.live-share-private input{display:block;box-sizing:border-box;width:100%;padding:10px 12px;border-radius:12px;background:#222;border:1px solid #ffffff18;color:white;font:inherit;margin:7px 0 10px}.live-share-contacts{max-height:32dvh;overflow:auto;overscroll-behavior:contain}.live-share-contact{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #ffffff0d}.live-share-avatar{display:grid;place-items:center;flex:none;width:37px;height:37px;border-radius:50%;background:#4c3c37;color:#f1d8ae}.live-share-contact>div{flex:1;min-width:0}.live-share-contact strong{font-size:13px;display:block}.live-share-contact small{font-size:10px;color:#aaa;display:block;direction:ltr;text-align:right}.live-share-contact button{background:#812F45;border:0;border-radius:16px;color:white;font:inherit;font-size:11px;padding:7px 13px}.live-share-contact button:disabled{opacity:.55}.live-share-local{font-size:10px;color:#aaa;line-height:1.7;border-top:1px solid #ffffff12;padding-top:10px}
.live-message-card{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;border:1px solid #ffffff25;border-radius:14px;background:#ffffff08;padding:12px;max-width:320px}.live-message-card>span:first-child{color:#ff547c;font-size:11px}.live-message-card strong{display:block;font-size:14px}.live-message-card small{display:block;font-size:11px;opacity:.7;margin-top:5px}.live-message-card:hover{background:#ffffff12}
.live-preview-gift-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:55dvh;overflow:auto;padding:3px}.live-preview-gift-grid button{display:flex;align-items:center;flex-direction:column;gap:6px;min-height:100px;padding:12px 4px;border:1px solid #d6b77926;border-radius:12px;background:#ffffff04;color:#eed9b6;font:inherit}.live-preview-gift-grid button>span{font-size:30px;line-height:1.3}.live-preview-gift-grid strong{font-size:10px;font-weight:500}.live-preview-gift-grid small{font-size:10px;color:#c7ab78}.live-preview-gift-grid button:focus-visible,.live-preview-gift-grid button:hover{border-color:#dbb779;background:#d7b67512}
.live-preview-page .live-reference-layout .presenter{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:90%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}
.live-preview-page .live-reference-layout .presenter .avatar{font-size:52px;width:auto;height:auto;background:none;line-height:1.2}
.live-preview-page .live-reference-layout .presenter strong{font-size:13px}
.live-preview-page .live-reference-layout .preview-badge{top:8px;right:10px;font-size:9px}
.live-preview-page .live-reference-layout .stage-hint{bottom:12px;font-size:10px}
@media(max-width:600px){.live-preview-page main{width:100%;margin:0;padding:0}.live-preview-page main>header,.live-preview-page main>p{display:none}.live-preview-page .preview-layout{display:block}.live-preview-page .preview-layout>.live-reference-layout{height:100dvh;min-height:480px}.live-preview-page .preview-controls{margin:18px 12px}.live-preview-page .live-reference-layout .live-screen-header{min-height:115px}.live-preview-page .live-reference-layout .live-video-stage{height:30dvh!important}.live-preview-page .live-reference-layout .live-screen-top{gap:5px}.live-preview-page .live-reference-layout .live-screen-header .live-engagement>button{padding:5px}.live-preview-page .live-reference-layout .live-host-follow{padding:7px;font-size:10px}}