.live-hub-page{background:var(--light-canvas)}.live-hub-page .live-header{max-width:1320px}.live-hub-intro{justify-content:space-between;align-items:end;gap:20px;max-width:1320px;margin:0 auto;padding:clamp(28px,5vw,58px) 2px 18px;display:flex}.live-hub-eyebrow{color:var(--light-accent);letter-spacing:.16em;align-items:center;gap:9px;font-size:12px;font-weight:900;display:inline-flex}.live-hub-eyebrow i{background:var(--light-accent-soft);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #25304a12,0 0 22px #25304a12}.live-hub-intro h1{letter-spacing:-.04em;margin:8px 0 0;font-size:clamp(31px,4vw,52px);line-height:1.06}.live-hub-start{color:#fff;background:var(--light-action);white-space:nowrap;border-radius:13px;align-items:center;gap:9px;min-height:47px;padding:10px 13px 10px 17px;font-size:14px;font-weight:850;display:inline-flex;box-shadow:0 9px 28px #25304a12}.live-hub-start:hover,.live-hub-empty-action:hover{filter:brightness(1.12)}.live-hub-page .live-hub-grid{grid-template-columns:minmax(0,1fr) minmax(280px,335px);align-items:start;gap:19px;max-width:1320px;margin:0 auto 30px}.live-hub-page .live-list,.live-hub-page .live-create{border:1px solid var(--light-line);background:var(--light-surface);border-radius:22px;box-shadow:0 14px 38px #25304a12}.live-hub-page .live-list{min-height:450px;padding:clamp(17px,2.3vw,26px)}.live-hub-page .live-section-title{border-bottom:1px solid var(--light-line);padding-bottom:17px}.live-hub-page .live-section-title h2{letter-spacing:-.02em;margin:0;font-size:20px}.live-hub-page .live-section-title>span{border:1px solid var(--light-line);background:var(--light-accent-soft);border-radius:99px;padding:5px 10px;font-size:13px}.live-hub-page .live-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:13px;margin-top:20px}.live-hub-page .live-card{isolation:isolate;aspect-ratio:4/5.5;border:1px solid var(--light-line);background:var(--light-surface);border-radius:18px;min-height:260px;padding:0;transition:transform .2s,border-color .2s,box-shadow .2s;display:block;position:relative;overflow:hidden}.live-hub-page .live-card:hover{border-color:var(--light-accent-line);transform:translateY(-3px);box-shadow:0 12px 30px #25304a12}.live-card-art{color:var(--light-text);background:var(--light-accent-soft);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.live-card:nth-child(3n+2) .live-card-art,.live-card:nth-child(3n+3) .live-card-art{background:var(--light-accent-soft)}.live-card-art>svg{filter:drop-shadow(0 0 25px #fff7)}.live-card-orbit{aspect-ratio:1;border:1px solid var(--light-line);border-radius:50%;width:74%;position:absolute;transform:rotate(-18deg)scaleX(.83);box-shadow:0 0 0 26px #25304a12,0 0 0 56px #25304a12,inset 0 0 60px #25304a12}.live-card:after{content:"";z-index:0;background:var(--light-surface);pointer-events:none;position:absolute;inset:35% 0 0}.live-card-top{z-index:1;position:absolute;top:12px;left:12px}.live-hub-page .live-badge{background:var(--light-canvas);border:0;border-radius:7px;padding:6px 8px;font-size:11px;box-shadow:0 3px 16px #25304a12}.live-card-content{z-index:1;flex-direction:column;align-items:start;gap:8px;padding:15px;display:flex;position:absolute;bottom:0;left:0;right:0}.live-card-person{align-items:center;gap:7px;min-width:0;max-width:100%;font-size:12px;font-weight:750;display:inline-flex;color:var(--light-text)!important}.live-card-person>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.live-card-avatar{border:2px solid var(--light-line);background:var(--light-raised);width:29px;height:29px;color:var(--light-text);border-radius:50%;flex:none;place-items:center;font-size:13px;display:grid}.live-hub-page .live-card strong{-webkit-line-clamp:2;max-width:100%;color:var(--light-text);-webkit-box-orient:vertical;font-size:clamp(16px,1.5vw,19px);line-height:1.19;display:-webkit-box;overflow:hidden}.live-hub-page .live-card small{color:var(--light-muted);font-size:11px}.live-hub-page .live-card b{width:100%;color:var(--light-text);justify-content:space-between;align-items:center;margin-top:3px;font-size:13px;font-weight:850;display:flex}.live-hub-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:345px;padding:35px 18px;display:flex}.live-hub-empty-icon{border:1px solid var(--light-line);background:var(--light-surface);width:76px;height:76px;color:var(--light-accent);border-radius:23px;place-items:center;display:grid;box-shadow:0 9px 26px #25304a12}.live-hub-empty p{color:var(--light-text);margin:0;font-size:17px;font-weight:750}.live-hub-empty-action{border:1px solid var(--light-line);background:var(--light-action);color:#fff;border-radius:10px;align-items:center;gap:5px;margin-top:5px;padding:10px 13px;font-size:13px;font-weight:850;display:inline-flex}.live-hub-loading .live-hub-empty-icon{opacity:.6}.live-hub-page .live-create{padding:23px;scroll-margin-top:20px}.live-create-heading{align-items:center;gap:12px;display:flex}.live-create-heading>span{background:var(--light-accent-soft);width:44px;height:44px;color:var(--light-accent);border-radius:13px;flex:none;place-items:center;display:grid}.live-hub-page .live-create h2{font-size:20px}.live-hub-page .live-create>p{margin:15px 0 0;line-height:1.55}.live-hub-page .live-create .live-state{border-top:1px solid var(--light-line);color:var(--light-muted);padding-top:17px}.live-hub-page .live-create form{margin-top:24px}.live-hub-page .live-main-action{width:100%;box-shadow:0 8px 25px #25304a12}@media (max-width:800px){.live-hub-page .live-hub-grid{grid-template-columns:1fr}.live-hub-page .live-create{order:initial}}@media (max-width:600px){.live-hub-intro{flex-direction:column;align-items:start;gap:16px;padding:27px 4px 17px}.live-hub-intro h1{font-size:34px}.live-hub-start{justify-content:center;width:100%}.live-hub-page .live-hub-grid{gap:13px}.live-hub-page .live-list,.live-hub-page .live-create{border-radius:17px}.live-hub-page .live-list{min-height:300px;padding:15px 12px 17px}.live-hub-page .live-section-title h2{font-size:17px}.live-hub-page .live-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px}.live-hub-page .live-card{aspect-ratio:3/4.8;border-radius:13px;min-height:230px}.live-card-content{gap:5px;padding:11px}.live-card-top{top:9px;left:9px}.live-hub-page .live-card strong{font-size:15px}.live-hub-page .live-card small{font-size:10px}.live-hub-empty{min-height:260px}}@media (max-width:350px){.live-hub-page .live-cards{grid-template-columns:1fr}.live-hub-page .live-card{max-width:260px;min-height:280px}}