.video-chat-room{z-index:1;isolation:isolate;background:0 0;border:1px solid #7dffe02e;border-radius:.85rem;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.video-chat-room:before{content:"";z-index:0;background-color:#080c1273;background-image:var(--video-frost);filter:blur(16px)saturate(1.25);pointer-events:none;background-position:50% 72%;background-size:cover;position:absolute;inset:-18%;transform:scale(1.08)}.video-chat-room:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#080c122e 0%,#080c1247 100%);position:absolute;inset:0}.video-chat-room-header,.video-chat-room-list,.video-chat-dock{z-index:1;position:relative}.video-chat-room-header{border-bottom:1px solid #ffffff1a;flex-shrink:0;align-items:center;gap:.35rem;padding:.28rem .6rem;display:flex}.video-chat-room-live{background:#00dc82;border-radius:999px;width:.45rem;height:.45rem;animation:1.6s ease-in-out infinite videoChatPulse;box-shadow:0 0 0 3px #00dc822e}.video-chat-room-title{color:#f4fbff;letter-spacing:.01em;text-overflow:ellipsis;text-shadow:0 1px 2px #000000d9,0 6px 16px #00000073,0 0 18px #7dffe02e;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:.7rem;font-weight:800;line-height:1.2;overflow:hidden}.video-chat-room-count{color:#d7dee8;font-variant-numeric:tabular-nums;text-shadow:0 1px 8px #000000b3;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.65rem;font-weight:700}.video-chat-room-list{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;flex:1;gap:.22rem;min-height:0;margin:0;padding:.28rem .6rem .2rem;list-style:none;display:flex;overflow-y:auto}.video-chat-room-line{max-width:100%;padding:.04rem 0;font-size:.7rem;line-height:1.3;animation:.22s ease-out both videoChatIn,4.8s ease-in-out infinite videoChatFloat}.video-chat-room-line:nth-child(2n){animation-delay:0s,.8s}.video-chat-room-line:nth-child(3n){animation-delay:0s,1.6s}.video-chat-room-line--self .video-chat-room-body{color:#d7fff2}.video-chat-room-name{text-shadow:0 1px 2px #000000e6,0 4px 12px #0006,0 0 14px #7dffe033;margin-right:.4rem;font-weight:800}.video-chat-room-body{color:#f3f6fb;text-shadow:0 1px 2px #000000e6,0 6px 14px #00000073;word-break:break-word}.video-chat-room-empty{color:#e8edf4;text-shadow:0 1px 8px #000000bf;align-items:center;gap:.35rem;padding:.35rem .05rem;font-size:.68rem;display:flex}.video-chat-dock{border-top:1px solid #ffffff1a;flex-shrink:0;align-items:center;gap:.35rem;padding:.32rem .45rem .4rem;display:flex}.video-chat-dock--hint{color:#e8edf4;text-shadow:0 1px 8px #000000b3;margin:0;font-size:.7rem}.video-chat-dock-input{color:#f4fbff;-webkit-backdrop-filter:blur(10px);text-shadow:0 1px 6px #0000008c;background:#080c1261;border:1px solid #7dffe047;border-radius:999px;flex:1;min-width:0;height:1.85rem;padding:0 .75rem;font-size:.7rem}.video-chat-dock-input::placeholder{color:#8b939e}.video-chat-dock-input:focus{border-color:#00dc828c;outline:none;box-shadow:0 0 0 2px #00dc8226}.video-chat-dock-send{color:#7dffe0;cursor:pointer;background:#00dc8238;border:none;border-radius:999px;flex-shrink:0;place-items:center;width:1.85rem;height:1.85rem;display:grid}.video-chat-dock-send:hover:not(:disabled){background:#00dc8257}.video-chat-dock-send:disabled{cursor:default;opacity:.4}@keyframes videoChatIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes videoChatPulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes videoChatFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.video-chat-room-line,.video-chat-room-live{animation:none}}
.video-futuristic-card{--glow-gradient:linear-gradient(90deg, #00dc82, #0ff, #f0f);--bg-dark:#0e111be0;--text-main:#e6edf3;--text-sub:#c4cbd4;--text-link:#7dffe0;isolation:isolate;background:var(--bg-dark);width:100%;color:var(--text-main);-webkit-backdrop-filter:blur(1rem)saturate(1.4);backdrop-filter:blur(1rem)saturate(1.4);border-radius:1.25rem;flex-direction:column;gap:.45rem;padding:.55rem .55rem .6rem;transition:transform .4s,box-shadow .4s;display:flex;position:relative;overflow:visible}.video-futuristic-card:before{content:"";z-index:0;border-radius:inherit;background:var(--glow-gradient);pointer-events:none;-webkit-mask-composite:xor;background-size:300% 300%;padding:.125rem;animation:6s linear infinite videoFuturisticBorderFlow;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.video-futuristic-card:hover{transform:translateY(-.3rem)scale(1.02);box-shadow:0 0 2rem #00dc8266}.video-futuristic-card--compact{flex-direction:row;align-items:stretch;gap:.7rem;padding:.65rem}.video-futuristic-card--compact:hover{transform:translateY(-.12rem)scale(1.01)}.video-futuristic-card--room{flex-direction:column;gap:0;width:100%;min-width:0;max-width:100%;height:auto;min-height:0;margin-inline:0;padding:0;display:flex;overflow:hidden}.video-futuristic-card--room:hover{transform:none}.video-futuristic-stage{z-index:1;flex-direction:column;flex:none;min-height:0;display:flex;position:relative}.video-futuristic-card--room .video-futuristic-player{aspect-ratio:16/9;border-radius:1.15rem 1.15rem 0 0;flex:none;width:100%;height:auto;max-height:none}.video-futuristic-card--room .video-futuristic-copy{background:#080a10f5;flex-direction:column;flex:none;gap:.18rem;padding:.32rem .6rem .34rem;display:flex}.video-futuristic-card--room .video-futuristic-title{font-size:.72rem}.video-futuristic-card--room .video-futuristic-footer{margin-top:0}.video-futuristic-card--room .video-futuristic-posted{font-size:.6rem}.video-futuristic-card--room .video-chat-room{z-index:1;border:none;border-top:1px solid #7dffe024;border-radius:0 0 1.15rem 1.15rem;flex:0 0 5.5rem;min-height:5.5rem;max-height:5.5rem}.video-futuristic-card--room .video-chat-room-header{padding:.18rem .55rem}.video-futuristic-card--room .video-chat-room-list{gap:.12rem;padding:.14rem .55rem .08rem}.video-futuristic-card--room .video-chat-dock{padding:.2rem .4rem .28rem}.video-futuristic-card--room .video-chat-dock-input,.video-futuristic-card--room .video-chat-dock-send{height:1.65rem}.video-futuristic-card--popup{cursor:default;grid-template:"chat stage"minmax(0,1fr)/minmax(16rem,19rem) minmax(0,1fr);width:100%;max-width:none;height:100%;margin:0;display:grid}.video-futuristic-card--popup .video-futuristic-stage{border-radius:0 1.15rem 1.15rem 0;grid-area:stage;height:100%;min-height:0;overflow:hidden}.video-futuristic-card--popup .video-futuristic-player{aspect-ratio:auto;border-radius:inherit;width:100%;height:100%;max-height:none;position:absolute;inset:0}.video-futuristic-card--popup .video-futuristic-copy{z-index:4;-webkit-backdrop-filter:blur(16px);pointer-events:none;background:#060a1085;border:1px solid #ffffff1a;border-radius:.9rem;gap:.5rem;padding:.8rem .95rem .75rem;position:absolute;bottom:4rem;left:1rem;right:11.75rem}.video-futuristic-card--popup .video-futuristic-copy a,.video-futuristic-card--popup .video-futuristic-copy button,.video-futuristic-card--popup .video-futuristic-copy [role=button]{pointer-events:auto}.video-futuristic-card--popup .video-futuristic-credits{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,.7fr);align-items:start;gap:.15rem 1.35rem;display:grid}.video-futuristic-card--popup .video-futuristic-credit{flex-direction:column;align-items:flex-start;gap:.18rem;min-width:0;max-width:100%;display:flex;overflow:hidden}.video-futuristic-card--popup .video-futuristic-credit-label{letter-spacing:.1em;font-size:.58rem}.video-futuristic-card--popup .video-futuristic-credit>*{min-width:0;max-width:100%}.video-futuristic-card--popup .video-futuristic-credit-name,.video-futuristic-card--popup .video-futuristic-title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:.8125rem;line-height:1.3;display:-webkit-box;overflow:hidden}.video-futuristic-card--popup .video-futuristic-footer{border-top:1px solid #ffffff14;margin:0;padding-top:.4rem}.video-futuristic-card--popup .video-futuristic-posted{font-size:.68rem}.video-futuristic-card--popup .video-futuristic-credit-name,.video-futuristic-card--popup .video-futuristic-posted,.video-futuristic-card--popup .video-futuristic-posted-name{text-shadow:0 1px 8px #000000bf}.video-futuristic-card--popup .video-chat-room{z-index:1;border:none;border-right:1px solid #7dffe029;border-radius:1.15rem 0 0 1.15rem;flex:none;grid-area:chat;height:100%;min-height:0;max-height:none}.video-futuristic-card--popup .video-chat-room-header{padding:.55rem .85rem}.video-futuristic-card--popup .video-chat-room-list{gap:.32rem;padding:.55rem .85rem .4rem}.video-futuristic-card--popup .video-chat-dock{padding:.65rem .85rem .75rem}.video-futuristic-card--popup .video-chat-dock-input,.video-futuristic-card--popup .video-chat-dock-send{height:2.35rem}.video-futuristic-card--popup .video-futuristic-expand{display:none}@media (max-width:56rem){.video-futuristic-card--popup .video-futuristic-copy{right:10.25rem}.video-futuristic-card--popup .video-futuristic-credits{gap:.2rem .9rem}}@media (max-width:39.99rem){.video-futuristic-card--popup{grid-template:"stage"minmax(0,1fr)"chat"11.5rem/minmax(0,1fr)}.video-futuristic-card--popup .video-futuristic-stage{border-radius:1.15rem 1.15rem 0 0}.video-futuristic-card--popup .video-chat-room{border-top:1px solid #7dffe029;border-right:none;border-radius:0 0 1.15rem 1.15rem}.video-futuristic-card--popup .video-futuristic-copy{padding:.65rem .75rem .6rem;bottom:3.75rem;left:.65rem;right:8.75rem}.video-futuristic-card--popup .video-futuristic-credits{grid-template-columns:1fr;gap:.35rem}.video-futuristic-card--popup .video-futuristic-credit{flex-direction:row;align-items:baseline;gap:.4rem}}.video-futuristic-card--openable{cursor:pointer}@media (min-width:640px){.video-futuristic-card--room:not(.video-futuristic-card--popup):not(.video-futuristic-card--tile) .video-chat-room{flex-basis:6.25rem;min-height:6.25rem;max-height:6.25rem}}.video-futuristic-card--tile{border-radius:1rem;transition:box-shadow .35s,transform .35s;box-shadow:0 8px 28px -16px #000000a6}.video-futuristic-card--tile:hover{transform:none;box-shadow:0 10px 32px -14px #00dc8247}.video-futuristic-card--tile .video-futuristic-player{border-radius:1rem 1rem 0 0;max-height:10.5rem}.video-futuristic-card--tile .video-futuristic-copy{gap:.12rem;padding:.28rem .5rem .26rem}.video-futuristic-card--tile .video-futuristic-credits{flex-wrap:nowrap;gap:.35rem .55rem}.video-futuristic-card--tile .video-futuristic-credit-name,.video-futuristic-card--tile .video-futuristic-title{font-size:.64rem}.video-futuristic-card--tile .video-futuristic-posted{font-size:.55rem}.video-futuristic-card--tile .video-futuristic-expand{width:1.45rem;height:1.45rem}.video-futuristic-card--tile .video-chat-room{border-radius:0 0 1rem 1rem;flex-basis:4.35rem;min-height:4.35rem;max-height:4.35rem}.video-futuristic-card--tile .video-chat-room-header{padding:.12rem .45rem}.video-futuristic-card--tile .video-chat-dock{padding:.12rem .35rem .2rem}.video-futuristic-card--tile .video-chat-dock-input,.video-futuristic-card--tile .video-chat-dock-send{height:1.45rem}@media (min-width:640px){.video-futuristic-card--tile .video-futuristic-player{max-height:11.75rem}.video-futuristic-card--tile .video-chat-room{flex-basis:4.85rem;min-height:4.85rem;max-height:4.85rem}}.video-futuristic-expand{width:1.7rem;height:1.7rem;color:var(--text-sub);cursor:pointer;background:#21262dd9;border:none;border-radius:.45rem;flex-shrink:0;justify-content:center;align-items:center;transition:background .3s,transform .15s,color .3s;display:inline-flex}.video-futuristic-expand:hover,.video-futuristic-expand:focus-visible{color:var(--text-main);background:#00dc8238;transform:scale(1.05)}.video-futuristic-expand:focus-visible{outline-offset:2px;outline:2px solid #00dc82b3}.video-futuristic-expand svg{width:.85rem;height:.85rem}.video-futuristic-player,.video-futuristic-copy,.video-futuristic-thumb{z-index:1;position:relative}.video-futuristic-player{aspect-ratio:16/9;border-radius:.85rem;width:100%;height:auto;position:relative;overflow:hidden}.video-futuristic-player iframe,.video-futuristic-player img{border-radius:inherit;border:0;width:100%;max-width:100%;height:100%;max-height:100%;display:block;position:absolute;inset:0}.video-futuristic-thumb{background:#111827;border-radius:.65rem;flex-shrink:0;width:3rem;height:3rem;overflow:hidden}.video-futuristic-thumb img{object-fit:cover;width:100%;height:100%;display:block}.video-futuristic-copy{flex-direction:column;flex:1;gap:.35rem;min-width:0;padding:0 .1rem .1rem;display:flex}.video-futuristic-header{flex-direction:column;gap:.12rem;min-width:0;display:flex}.video-futuristic-title{min-width:0;max-width:100%;color:var(--text-link);letter-spacing:-.02em;text-overflow:ellipsis;text-shadow:0 0 10px #00dc8259;white-space:nowrap;cursor:pointer;margin:0;font-size:.8125rem;font-weight:700;line-height:1.3;text-decoration:none;display:block;overflow:hidden}.video-futuristic-title:hover,.video-futuristic-title:focus-visible{color:#c8fff3;text-underline-offset:.16em;text-decoration:underline}.video-futuristic-title:focus-visible{outline-offset:2px;border-radius:.2rem;outline:2px solid #00dc82b3}.video-futuristic-credits{flex-wrap:wrap;align-items:baseline;gap:.1rem .7rem;min-width:0;display:flex}.video-futuristic-credit{align-items:baseline;gap:.3rem;min-width:0;max-width:100%;margin:0;display:inline-flex;overflow:hidden}.video-futuristic-credit-label{color:#8b939e;letter-spacing:.07em;text-transform:uppercase;flex-shrink:0;font-size:.55rem;font-weight:800;line-height:1.25}.video-futuristic-credit-name{min-width:0;color:var(--text-link);letter-spacing:-.02em;text-overflow:ellipsis;text-shadow:0 0 10px #00dc8247;white-space:nowrap;font-size:.72rem;font-weight:700;line-height:1.25;overflow:hidden}.video-futuristic-credit-name:hover,.video-futuristic-credit-name:focus-visible{color:#c8fff3;text-underline-offset:.14em;text-decoration:underline}.video-futuristic-footer{justify-content:space-between;align-items:center;gap:.45rem;min-width:0;display:flex}.video-futuristic-posted{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-sub);margin:0;font-size:.6875rem;line-height:1.3;overflow:hidden}.video-futuristic-posted a,.video-futuristic-posted-name{color:var(--text-main);cursor:pointer;font-weight:600;text-decoration:none}.video-futuristic-posted a:hover,.video-futuristic-posted-name:hover,.video-futuristic-posted a:focus-visible,.video-futuristic-posted-name:focus-visible{color:var(--text-link);text-underline-offset:.14em;text-decoration:underline}.video-futuristic-thread{color:var(--text-sub);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:#21262dd9;border:none;border-radius:.45rem;flex-shrink:0;align-items:center;gap:.3rem;padding:.28rem .5rem;font-size:.625rem;font-weight:700;line-height:1;transition:background .3s,transform .15s,color .3s;display:inline-flex}.video-futuristic-thread:hover,.video-futuristic-thread:focus-visible{color:var(--text-main);background:#00dc8238;transform:scale(1.05)}.video-futuristic-thread:focus-visible{outline-offset:2px;outline:2px solid #00dc82b3}.video-futuristic-thread svg{width:.8rem;height:.8rem}.video-futuristic-thread-count{font-variant-numeric:tabular-nums;color:var(--text-main)}@keyframes videoFuturisticBorderFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (prefers-reduced-motion:reduce){.video-futuristic-card:before{animation:none}.video-futuristic-card:hover,.video-futuristic-card--compact:hover,.video-futuristic-card--room:hover,.video-futuristic-thread:hover,.video-futuristic-expand:hover{transform:none}}
