.streams-header{position:absolute}.upload-trigger{justify-self:end;border:0;background:var(--lime);color:var(--bg);padding:12px 15px;font:500 9px var(--mono);text-transform:uppercase;cursor:pointer}.upload-trigger span{font-size:14px;margin-right:7px}.streams-hero{min-height:800px;height:92svh;padding:130px max(32px,calc((100% - 1440px)/2)) 70px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;position:relative;overflow:hidden}.streams-hero::before{content:"";position:absolute;width:650px;height:650px;border-radius:50%;background:var(--pink);filter:blur(240px);opacity:.16;right:-15%;top:10%}.streams-hero-copy{position:relative;z-index:2}.streams-hero .overline{display:flex;align-items:center;gap:10px}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--pink);box-shadow:0 0 15px var(--pink);animation:livePulse 1.3s infinite}@keyframes livePulse{50%{opacity:.35}}.streams-hero h1{font:clamp(72px,9.5vw,145px)/.79 var(--display);letter-spacing:-.075em;margin:48px 0 35px}.streams-hero h1 span,.stream-note h2 span{color:var(--pink)}.streams-hero-copy>p:not(.overline){max-width:520px;color:var(--muted);font-size:15px;line-height:1.75}.streams-hero-copy>div{display:flex;align-items:center;gap:30px;margin-top:35px}.text-upload{border:0;background:none;color:var(--ink);font:500 9px var(--mono);text-transform:uppercase;cursor:pointer}.stream-screen{height:550px;margin-left:50px;position:relative;border:2px solid #363846;background:radial-gradient(circle at 50% 45%,rgba(200,255,46,.13),transparent 25%),linear-gradient(145deg,#191b25,#0c0d12);box-shadow:25px 30px 0 var(--violet);transform:perspective(900px) rotateY(-7deg);overflow:hidden}.stream-screen::before{content:"JZ";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:230px/1 var(--display);letter-spacing:-.12em;color:#171925}.screen-top{position:absolute;z-index:2;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;font:400 8px var(--mono)}.screen-top span{color:var(--pink)}.screen-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;display:grid;place-items:center;padding-left:5px;color:var(--bg);background:var(--lime);z-index:2}.screen-chat{position:absolute;bottom:65px;left:20px;width:45%;display:grid;gap:8px}.screen-chat i{display:block;width:100%;height:5px;background:#363846}.screen-chat i:nth-child(2){width:70%}.screen-chat i:nth-child(3){width:85%}.screen-chat i:nth-child(4){width:50%}.stream-screen>small{position:absolute;bottom:20px;right:20px;font:400 9px var(--mono)}.stream-signal{position:absolute;inset:0;pointer-events:none}.stream-signal i{position:absolute;border:1px solid rgba(200,255,46,.1);border-radius:50%;width:200px;height:200px;right:20%;top:35%}.stream-signal i:nth-child(2){transform:scale(2)}.stream-signal i:nth-child(3){transform:scale(3)}.stream-signal i:nth-child(4){transform:scale(4)}
.replay-library{padding-top:140px;padding-bottom:170px}.library-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:45px}.library-head h2{font:clamp(58px,8vw,115px)/.8 var(--display);letter-spacing:-.07em;margin:28px 0 0}.library-count{display:flex;align-items:end;gap:10px}.library-count span{font:62px/.8 var(--display);color:var(--lime)}.library-count small{font:400 8px var(--mono);color:var(--muted);text-transform:uppercase}.replay-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:70px 25px;padding-top:60px}.replay-card video{display:block;width:100%;aspect-ratio:16/9;background:#101119;object-fit:contain}.replay-info{display:flex;justify-content:space-between;align-items:start;padding-top:18px}.replay-info small{display:block;color:var(--lime);font:400 8px var(--mono);text-transform:uppercase;margin-bottom:8px}.replay-info h3{font-size:19px;margin:0}.replay-info button{border:0;background:transparent;color:var(--muted);font:400 8px var(--mono);text-transform:uppercase;text-decoration:underline;cursor:pointer}.empty-vault{text-align:center;padding:130px 20px 40px}.empty-vault.hidden{display:none}.empty-icon{width:75px;height:75px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;padding-left:4px;margin:auto;color:var(--lime)}.empty-vault h3{font:36px var(--display);margin:30px 0 12px}.empty-vault p{font-size:13px;color:var(--muted);margin-bottom:30px}.stream-note{padding:140px 0 35px;background:#11121a}.stream-note h2{font:clamp(60px,9vw,130px)/.8 var(--display);letter-spacing:-.075em;margin:55px 0 40px}.stream-note>.shell>p:not(.overline){max-width:620px;color:var(--muted);line-height:1.8;font-size:14px;margin-left:auto;margin-bottom:130px}
.upload-modal{position:fixed;z-index:130;inset:0;display:grid;place-items:center;padding:20px;opacity:0;pointer-events:none;transition:.3s}.upload-modal.open{opacity:1;pointer-events:auto}.modal-overlay{position:fixed;z-index:120;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:.3s}.modal-overlay.open{opacity:1;pointer-events:auto}.upload-panel{width:min(680px,100%);max-height:94vh;overflow:auto;background:#f1efe8;color:#101116;padding:34px}.upload-top{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid rgba(0,0,0,.15);padding-bottom:22px;margin-bottom:27px}.upload-top small{font:400 8px var(--mono)}.upload-top h2{font:38px var(--display);margin:8px 0 0}.upload-top button{border:0;background:none;font-size:32px;cursor:pointer}.upload-panel label{display:block;font:500 9px var(--mono);text-transform:uppercase;margin-bottom:20px}.upload-panel input[type=text],.upload-panel input[type=date]{width:100%;border:1px solid rgba(0,0,0,.18);background:white;padding:15px;margin-top:8px;font:500 13px var(--sans);outline:none}.upload-panel input:focus{border-color:var(--violet)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.file-drop{border:1px dashed rgba(0,0,0,.3);min-height:155px;display:flex!important;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;text-align:center}.file-drop.dragging{border-color:var(--violet);background:rgba(116,87,255,.08)}.file-drop input{position:absolute;opacity:0;pointer-events:none}.file-drop b{font:600 13px var(--sans);text-transform:none}.file-drop small{margin-top:6px;color:#777;text-transform:none}.file-plus{font-size:25px;margin-bottom:8px;color:var(--violet)}.submit-upload{width:100%;border:0;background:#111218;color:white;padding:17px;display:flex;justify-content:space-between;font:500 9px var(--mono);text-transform:uppercase;cursor:pointer}.submit-upload:hover{background:var(--violet)}.upload-progress{display:none;align-items:center;gap:10px;margin:15px 0;font:400 9px var(--mono)}.upload-progress.active{display:flex}.upload-progress i{width:10px;height:10px;border:2px solid #aaa;border-top-color:var(--violet);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-message{min-height:18px;margin:0 0 8px;color:#a11;font-size:11px}
@media(max-width:900px){.streams-hero{grid-template-columns:1fr;height:auto;min-height:760px;padding:150px 18px 90px}.stream-screen{display:none}.replay-grid{grid-template-columns:1fr}.streams-hero h1{font-size:18vw}}@media(max-width:600px){.upload-trigger{font-size:0;padding:8px}.upload-trigger span{font-size:20px;margin:0}.streams-hero-copy>div{align-items:flex-start;flex-direction:column}.library-head{align-items:flex-start;flex-direction:column;gap:35px}.form-row{grid-template-columns:1fr}.upload-panel{padding:22px}.replay-library{padding-top:95px}.stream-note h2{font-size:18vw}}
.upload-trigger{text-decoration:none}.replay-video{position:relative}.replay-video video{display:block;width:100%;aspect-ratio:16/9;background:#101119;object-fit:contain}.replay-video>span{position:absolute;top:12px;left:12px;padding:7px 9px;background:var(--lime);color:#111;font:500 8px var(--mono);text-transform:uppercase}.replay-card.featured{grid-column:1/-1}.replay-card.featured .replay-video video{max-height:720px}@media(max-width:600px){.upload-trigger{font-size:9px;padding:10px}.replay-card.featured{grid-column:auto}}