.live-page{min-height:100vh;padding:calc(var(--app-header-height, 74px) + 14px) var(--app-page-gutter,20px) 28px;background:radial-gradient(circle at top left,rgba(16,185,129,.08),transparent 28%),var(--app-page-bg);overflow-x:hidden}.live-feed-header{width:100%}.live-feed-kicker{margin:0;display:block;text-transform:uppercase;letter-spacing:.08em;color:#1877f2;font-size:var(--app-font-size-caption);font-weight:var(--app-font-weight-control)}.live-feed-title{display:block;margin-top:8px}.live-feed-header h1{margin:0;color:#1d2129;font-size:var(--app-font-size-page-title)}.live-feed-header>.app-page-hero-copy>p:last-child{margin:0;color:#637185;font-size:var(--app-font-size-body)}.refresh-live-btn{border:0;border-radius:8px;padding:10px 13px;font-weight:var(--app-font-weight-control);background:#1877f2;color:#fff;cursor:pointer}.live-feed-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.live-creator-action{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border-radius:8px;padding:0 14px;background:#0f9f6e;color:#fff;font-size:var(--app-font-size-small);font-weight:var(--app-font-weight-emphasis);text-decoration:none;white-space:nowrap}.live-feed-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.live-feed-grid>.ui-data-skeleton{grid-column:1/-1;grid-template-columns:inherit}.live-card{position:relative;border-radius:20px;border:1px solid var(--app-border-color);overflow:hidden;background:var(--app-surface-bg);box-shadow:0 6px 18px rgba(15,23,42,.055)}.live-card-video{position:relative;height:180px;background:linear-gradient(170deg,rgba(2,36,31,.3),rgba(8,14,13,.78)),radial-gradient(circle at 20% 20%,rgba(63,191,157,.65),transparent 45%),radial-gradient(circle at 88% 70%,rgba(236,169,26,.56),transparent 40%),#12352f}.live-card-video:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.68));pointer-events:none}.live-dot{position:absolute;top:10px;left:10px;border-radius:999px;padding:4px 9px;font-size:var(--app-font-size-meta);font-weight:var(--app-font-weight-heading);color:#fff;background:#db2537}.live-card-overlay{position:absolute;left:12px;right:12px;bottom:10px;color:#ebf8f3}.live-card-overlay h3{margin:0;font-size:var(--app-font-size-ui)}.live-card-overlay p{margin:4px 0 0;opacity:.9;font-size:var(--app-font-size-body)}.live-card-body{padding:12px}.live-card-body p{margin:0 0 6px;color:#3a5751;font-size:var(--app-font-size-body)}.stream-key{color:#1f7f6b;font-weight:var(--app-font-weight-control)}.live-tags{display:flex;gap:8px;flex-wrap:wrap}.live-card-link{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:36px;border:0;margin-top:10px;border-radius:8px;background:#1877f2;color:#fff;font-size:var(--app-font-size-small);font-weight:var(--app-font-weight-heading);text-decoration:none;cursor:pointer}.live-preview-modal .ant-modal-content{border-radius:18px;padding:0;overflow:hidden}.live-preview-panel{display:grid;gap:14px;padding:14px}.live-preview-poster{position:relative;min-height:240px;display:flex;align-items:flex-end;border-radius:14px;padding:14px;overflow:hidden;background:linear-gradient(170deg,rgba(2,36,31,.3),rgba(8,14,13,.78)),radial-gradient(circle at 20% 20%,rgba(63,191,157,.65),transparent 45%),radial-gradient(circle at 88% 70%,rgba(236,169,26,.56),transparent 40%),#12352f;background-position:50%;background-size:cover;color:#fff}.live-preview-poster>div{position:relative;z-index:1;display:grid;gap:4px}.live-preview-poster strong{font-size:var(--app-font-size-card-title)}.live-preview-poster span:not(.live-dot){color:hsla(0,0%,100%,.82);font-size:var(--app-font-size-body)}.live-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.live-preview-grid>div{display:grid;gap:4px;border:1px solid var(--app-border-color);border-radius:10px;padding:10px;background:#f7faf9}.live-preview-grid span,.live-preview-panel p{margin:0;color:#637185;font-size:var(--app-font-size-small)}.live-preview-grid strong{min-width:0;overflow:hidden;color:#1d2129;font-size:var(--app-font-size-body);text-overflow:ellipsis;white-space:nowrap}.live-preview-primary{min-height:44px;border:0;border-radius:999px;background:#1877f2;color:#fff;font-size:var(--app-font-size-body);font-weight:var(--app-font-weight-emphasis);cursor:pointer}.live-empty,.live-feed-error{width:100%;margin:0;border-radius:12px;padding:12px}.live-empty{border:1px dashed #9bcfc5;color:#365853;background:#f3fcf8}.live-empty-modern{grid-column:1/-1;min-height:420px;display:grid;place-items:center;align-content:center;gap:10px;border:1px solid var(--app-border-color);border-radius:20px;background:radial-gradient(circle at 20% 15%,rgba(24,119,242,.12),transparent 34%),radial-gradient(circle at 85% 30%,rgba(16,185,129,.14),transparent 36%),#fff;text-align:center}.live-empty-modern strong{color:#1d2129;font-size:var(--app-font-size-section-title)}.live-empty-modern span{max-width:460px;color:#65676b;font-size:var(--app-font-size-body);line-height:1.5}@media (max-width:1024px){.live-feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.live-empty-modern a{display:inline-flex;align-items:center;min-height:38px;border-radius:999px;background:#1877f2;color:#fff;font-size:var(--app-font-size-small);font-weight:var(--app-font-weight-emphasis);padding:0 16px;text-decoration:none}.live-feed-error{border:1px solid #efbbba;color:#8f2523;background:#fceaea;margin-bottom:12px}.live-room-entry{width:min(1160px,100%);margin:20px auto 0;border-radius:20px;border:1px solid var(--app-border-color);background:var(--app-surface-bg);padding:14px}.live-room-entry h2{margin:0;color:#16463d;font-size:var(--app-font-size-card-title)}.live-room-entry p{margin:6px 0 0;color:#4b635f;font-size:var(--app-font-size-body)}@media (max-width:980px){.live-page{padding-inline:16px}.live-feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.live-page{padding:calc(var(--app-mobile-header-height, 60px) + var(--app-mobile-hero-gap, 12px)) var(--app-mobile-edge-inset,4px) calc(var(--app-mobile-nav-height, 72px) + 16px + env(safe-area-inset-bottom))}.live-feed-header{width:100%;border-radius:var(--app-mobile-card-radius,18px);padding:16px 14px}.live-feed-actions{justify-content:flex-start}.live-feed-grid{grid-template-columns:1fr;gap:var(--app-mobile-stack-gap,12px)}.live-card,.live-empty-modern,.live-room-entry{border-radius:var(--app-mobile-card-radius,18px)}.live-card-video{height:220px}}@media (max-width:720px){.live-page{padding:calc(var(--app-mobile-header-height, 60px) + 10px) var(--app-mobile-edge-inset,4px) calc(var(--app-mobile-nav-height, 72px) + 10px + env(safe-area-inset-bottom));background:#050505}.live-feed-header{width:100%;max-width:100%;position:sticky;top:var(--app-mobile-header-height,60px);z-index:4;align-items:center;border-color:hsla(0,0%,100%,.12);border-radius:18px;background:rgba(5,5,5,.78);backdrop-filter:blur(16px);padding:10px 12px 12px}html.mobile-chrome-hidden .live-feed-header{top:0}.live-feed-header p,.live-feed-kicker{display:none}.live-feed-header h1{margin:0;font-size:var(--app-font-size-card-title);line-height:1.2}.live-feed-header h1,.live-feed-header p{color:#fff}.refresh-live-btn{min-height:34px;border-radius:999px;padding:0 12px;background:hsla(0,0%,100%,.12);backdrop-filter:blur(10px)}.live-feed-actions{gap:8px;flex-wrap:wrap}.live-creator-action{min-height:34px;border-radius:999px;padding:0 12px;font-size:var(--app-font-size-meta)}.live-feed-grid{grid-template-columns:1fr;width:100%;max-width:100%;gap:12px;scroll-snap-type:y mandatory}.live-empty-modern{min-height:calc(100svh - var(--app-mobile-header-height, 60px) - var(--app-mobile-nav-height, 72px) - 132px - env(safe-area-inset-bottom));margin:0;border-color:hsla(0,0%,100%,.14);background:radial-gradient(circle at 35% 22%,rgba(24,119,242,.22),transparent 36%),radial-gradient(circle at 70% 60%,rgba(16,185,129,.18),transparent 38%),#111}.live-empty-modern strong{color:#fff}.live-empty-modern span{color:hsla(0,0%,100%,.72)}.live-card{position:relative;min-height:calc(100svh - var(--app-mobile-header-height, 60px) - var(--app-mobile-nav-height, 72px) - 132px - env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:flex-end;border:1px solid hsla(0,0%,100%,.12);border-radius:22px;scroll-snap-align:start;background:#080808;box-shadow:none}.live-card:after{content:"";position:absolute;right:12px;bottom:92px;width:44px;height:142px;border-radius:999px;background:radial-gradient(circle at 50% 20px,hsla(0,0%,100%,.22) 0 18px,transparent 19px),radial-gradient(circle at 50% 71px,hsla(0,0%,100%,.18) 0 18px,transparent 19px),radial-gradient(circle at 50% 122px,hsla(0,0%,100%,.18) 0 18px,transparent 19px);pointer-events:none}.live-card-video{position:absolute;inset:0;height:auto}.live-card-body{position:relative;z-index:2;padding:18px 68px 20px 14px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.84))}.live-card-overlay{right:74px;bottom:154px}.live-card-body p{color:hsla(0,0%,100%,.88)}.live-card-link{width:auto;min-height:42px;border-radius:999px;padding:0 18px;background:linear-gradient(135deg,#1d9bf0,#13a77a)}.live-preview-modal{top:auto;max-width:none;margin:0;padding-bottom:0}.live-preview-modal .ant-modal-content{border-radius:20px 20px 0 0;background:#0b0b0b}.live-preview-modal .ant-modal-close{color:#fff}.live-preview-panel{padding:12px 12px calc(16px + env(safe-area-inset-bottom))}.live-preview-poster{min-height:44svh;border-radius:16px}.live-preview-grid>div{border-color:hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.08)}.live-preview-grid span,.live-preview-panel p{color:hsla(0,0%,100%,.68)}.live-preview-grid strong{color:#fff}.live-room-entry{width:100%;max-width:100%;margin-top:12px;border-radius:18px}}