.live-kicker{display:inline-flex;align-items:center;gap:8px;color:#ff9d93;font-size:12px;letter-spacing:1px}.live-kicker i{width:7px;height:7px;border-radius:50%;background:#ff685c;box-shadow:0 0 0 5px #ff685c13}.live-intro{padding:16px 0 28px}.live-intro h2{font-size:40px;line-height:1.2;letter-spacing:-1px;margin:22px 0 16px}.live-intro h2 em{font-style:normal;color:#ff9d93}.live-intro p{color:#aaa5ae;font-size:13px;margin-bottom:22px}.live-intro>small{display:block;color:#96909f;font-size:11px;line-height:1.8;margin-top:12px}.live-intro .primary svg{margin-left:8px}.live-discovery{border-top:1px solid #ffffff12;padding-top:22px}.live-discovery h3{font-size:19px}.live-room{display:flex;gap:14px;align-items:center;width:100%;background:transparent;padding:18px 0;text-align:right;border-radius:0;border-bottom:1px solid #ffffff14}.live-room-art{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;width:68px;height:94px;border-radius:14px;background:radial-gradient(ellipse at top right,#ad5f68,#31232c);color:#f8c5ba;flex-shrink:0}.live-room-art>span{font-size:30px}.live-room-art b{font-size:9px;letter-spacing:1px;color:#fff;background:#c34751;border-radius:4px;padding:0 6px}.live-room-info{display:grid;flex:1;gap:5px;min-width:0}.live-room-info strong{font-size:16px;overflow-wrap:anywhere}.live-room-info small{font-size:11px;color:#a39ba9}.live-empty{text-align:center;padding:38px 12px;color:#9b93a3}.live-empty>svg{width:42px;height:42px;margin-bottom:18px;color:#b98489}.live-empty h3{font-size:19px;color:#e1d9e4}.live-empty p{font-size:12px}.live-error{color:#ffb3a4;font-size:12px}.live-error:empty{display:none}.live-page-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.live-video-stage{position:relative;aspect-ratio:3/4;max-width:420px;margin:20px auto;background:radial-gradient(ellipse at top,#31252c,#141218);border:1px solid #ffffff12;border-radius:20px;overflow:hidden}.live-video-stage video{width:100%;height:100%;object-fit:cover;display:block}.live-video-stage>span{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#000b);padding:28px 16px 14px;font-size:11px;color:#f2e8f0;pointer-events:none}.live-badge{display:inline-block;background:#ed53621a;color:#ff8e9a;border:1px solid #ed536233;border-radius:7px;padding:4px 10px;font-size:11px}.live-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:16px 0}.live-controls button{font-size:12px;min-height:42px;padding:9px 12px}.live-controls .live-end{background:#c64252;color:#fff;margin-inline-start:auto}.live-controls button[hidden],#live-active[hidden],#live-watching[hidden]{display:none}.live-chat{border-top:1px solid #ffffff17;margin-top:24px;padding-top:20px}.live-chat h3{font-size:17px}.live-chat #live-viewers{font-size:11px;color:#b9aebb}#live-messages{max-height:260px;min-height:80px;overflow:auto;overscroll-behavior:contain;padding:14px 0}.live-message{display:flex;align-items:start;gap:10px;margin:10px 0}.live-comment-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#d98d9a18;color:#ecbdc5;font-size:13px;flex-shrink:0}.live-message>span:nth-child(2){display:grid;gap:2px;flex:1;min-width:0}.live-message strong{font-size:11px;color:#c2b1c3}.live-message>span>span{font-size:13px;overflow-wrap:anywhere}.live-message button{padding:4px 8px;background:transparent;min-width:36px}#live-comment{display:flex;gap:10px;align-items:end}#live-comment label{flex:1;min-width:0;font-size:11px;margin:0}#live-comment input{margin-top:6px;font-size:13px}#live-comment>button{min-height:46px;min-width:46px;padding:8px;background:#e88d85;color:#241416}#live-start>small{display:block;font-size:11px;color:#a297a7;line-height:1.8;margin:14px 0}.live-report{padding:16px 0;border-bottom:1px solid #ffffff15}.live-entry{background:radial-gradient(ellipse at right,#e65f6c25,transparent 80%),#262029;border-color:#e65f6c40}.live-entry>span:first-child{color:#ff8e9a;font-size:20px}.live-entry strong{font-size:19px}.feed-quick .live-feed-button{color:#ffe7ea;border-color:#ff8e9a40}.live-feed-button>span{width:6px;height:6px;background:#ff687a;border-radius:50%;display:inline-block}.live-video-stage video:empty{min-height:100%}
@media(max-width:700px){.live-intro h2{font-size:32px}.live-video-stage{aspect-ratio:3/4;border-radius:16px}.live-controls{gap:6px}.live-controls button{font-size:11px}}

.live-video-stage>.live-preview-camera{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:175px;min-height:48px;background:#ff795f;color:#241410;z-index:1;font-size:14px;font-weight:700}.live-preview-camera[hidden]{display:none}.live-preview-camera svg{margin-left:7px}

.live-source-page,.live-obs-setup{padding:12px 0 28px}.live-source-page h2,.live-obs-setup h2{font-size:28px;line-height:1.4;margin:18px 0 8px}.live-source-options{display:grid;gap:14px;margin-top:28px}.live-source-card{display:flex;align-items:center;gap:16px;width:100%;padding:22px 18px;text-align:start;border:1px solid #ffffff20;background:linear-gradient(120deg,#35252b,#211d24);border-radius:18px;min-height:104px;color:#f9eef1}.live-source-card:hover:not(:disabled),.live-source-card:focus-visible{border-color:#ed998e;background:#3c2a30}.live-source-card:focus-visible{outline:2px solid #ed998e;outline-offset:3px}.live-source-card>span:nth-child(2){display:grid;gap:7px;flex:1}.live-source-card strong{font-size:17px}.live-source-card small{font-size:12px;color:#bdb0b8;line-height:1.7}.live-source-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#ed998e19;color:#ffb4a6;flex-shrink:0}.live-source-icon svg{width:27px;height:27px}.live-source-note,.live-obs-setup small{font-size:12px;color:#ac9eaa;line-height:1.9;margin-top:18px}.live-obs-steps{padding-inline-start:22px;color:#cfc0cb;font-size:13px;line-height:2}.live-obs-key-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.live-obs-setup input[readonly]{font-family:ui-monospace,monospace;font-size:12px}.live-obs-setup [hidden],#live-obs-stage[hidden]{display:none!important}#live-obs-notice{font-size:13px;color:#f2bdad;line-height:1.8}@media(max-width:480px){.live-source-card{padding:18px 14px;gap:12px}.live-source-card strong{font-size:16px}.live-source-icon{width:44px;height:44px}.live-source-page h2{font-size:25px}}
.live-camera-layout{margin:18px 0;border:1px solid #c8ad7540;border-radius:18px;background:linear-gradient(145deg,#14352a85,#1b1b20);overflow:hidden}
.live-camera-layout summary{cursor:pointer;padding:15px 18px;font-weight:700;list-style:none;display:flex;align-items:center;gap:9px;color:#ead7af}
.live-camera-layout summary>span{font-size:22px;color:#c8ad75}
.live-camera-layout-body{padding:0 16px 17px;display:grid;gap:12px}
.live-camera-layout-body p,.live-camera-layout-body label{margin:0;font-size:12px}
.live-camera-layout-body label{display:grid;gap:6px}
.dual-primary{color:var(--muted);overflow-wrap:anywhere}
.dual-source-row{display:flex;gap:9px;align-items:end;flex-wrap:wrap}
.dual-source-row label{flex:1;min-width:160px}
.dual-source-row select{font-size:11px;min-width:0}
.dual-source-row>button{padding:11px 12px;font-size:11px;min-height:44px}
.dual-layout-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.dual-layout-options>button{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;padding:12px 5px;background:#ffffff08;border:1px solid #ffffff12;min-height:70px}
.dual-layout-options>button>span{font:25px/1 sans-serif;color:#c6c6c9}
.dual-layout-options>button[aria-pressed=true]{border-color:#c8ad75;background:#006c3538;color:#f2e3be}
.dual-layout-options>button[aria-pressed=true]>span{color:#ead7af}
.dual-size-label output{color:#e2c994;font-size:12px;direction:ltr;text-align:start;font-variant-numeric:tabular-nums}
.dual-size-label input{padding:0;accent-color:#c8ad75;min-height:38px;cursor:ew-resize}
.dual-preset-row{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 12px}
.dual-preset-row button{padding:7px 9px;font-size:10px;border:1px solid #ffffff12;background:#ffffff08}
.dual-camera-status{padding:10px 12px;background:#0002;border-radius:10px;line-height:1.9;color:#d8d1c2}
.live-camera-layout-body>small{color:var(--muted);font-size:10px;line-height:1.9}
.live-camera-layout [hidden]{display:none!important}
.live-camera-layout button:disabled{cursor:not-allowed}
@media(max-width:380px){.dual-layout-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
.live-video-stage>video.live-camera-composite,.round-seat>video.live-camera-composite{object-fit:contain!important;background:#090909}