@font-face{font-family:"Onest";src:url("fonts/Onest-Variable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

:root{font-family:"Onest",Arial,Helvetica,sans-serif;color:#f6f5f6;background:#131315;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid #f45a9b;outline-offset:5px}header,.hero,.collection,footer{max-width:1320px;margin:auto}header{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #303033}.brand{font-weight:800;font-size:35px;letter-spacing:-1.9px;text-decoration:none;color:#fff;line-height:1;position:relative}.brand>span{color:#ed0065;font-size:43px;vertical-align:middle}.brand small{display:block;font-size:8px;letter-spacing:3.6px;margin-top:9px}.header-right{display:flex;gap:32px;align-items:center}.private{font-size:12px;color:#aaa}.private i,.saved>span{width:5px;height:5px;background:#e60064;border-radius:100%;display:inline-block;margin-right:7px}.outline{display:flex;gap:10px;align-items:center;border:1px solid #555558;background:transparent;color:#eee;padding:12px 18px;border-radius:5px;font-size:12px}.outline:hover{background:#2b2b30}.hero{display:flex;justify-content:space-between;align-items:center;padding:67px 0 69px;gap:40px}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:600;color:#a4a4ac}.eyebrow>span{display:inline-block;background:#e60064;width:21px;height:2px;vertical-align:middle;margin-right:9px}h1{font-size:clamp(64px,7vw,102px);font-weight:500;line-height:1.01;letter-spacing:-6px;margin:26px 0 0;position:relative}h1 em{font-style:normal;color:#eb0064}.asterisk{position:absolute;font-size:76px;line-height:1;right:-110px;bottom:10px;color:#e60064;font-weight:300}.intro{width:345px;padding-top:30px}.small-label{font-size:9px;color:#8b8b95;letter-spacing:2px}.intro p{font-size:23px;line-height:1.5;margin:19px 0 29px;letter-spacing:-.5px}.intro-bottom{border-top:1px solid #37373b;padding-top:18px;display:flex;align-items:center;justify-content:space-between;color:#8b8b95;font-size:11px}.intro-bottom svg{color:#e60064}.collection{border-top:1px solid #303033;padding-top:33px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}h2{font-size:31px;font-weight:500;letter-spacing:-1px;margin:8px 0 0}.counter{font-size:24px;color:#eee}.counter span{font-size:10px;color:#81818c;letter-spacing:1px;margin-left:6px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 26px}.screen{position:relative;aspect-ratio:16/9;border:1px solid #343037;border-radius:7px;overflow:hidden;background:#211b21}.art{position:absolute;inset:0;overflow:hidden;opacity:.62;background:radial-gradient(ellipse at 20% 75%,#52213788,transparent 70%)}.orb{width:70%;aspect-ratio:1;border:1px solid #6e405444;position:absolute;left:-29%;top:-20%;border-radius:50%;box-shadow:0 0 100px #b7186711,inset -20px -10px 80px #b718671a}.orbit{position:absolute;transform:rotate(-30deg);width:125%;height:100%;border:1px solid #80566b24;border-radius:50%;left:-10%;top:27%}.orbit.two{top:38%}.card-2 .art{filter:hue-rotate(270deg);transform:rotate(180deg)}.card-3 .art{filter:hue-rotate(320deg);transform:rotate(90deg) scale(1.5)}.card-4 .art{filter:hue-rotate(35deg);transform:rotate(210deg)}.empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.empty-icon{color:#b999a8;background:#ffffff06;border:1px solid #ffffff12;padding:13px;border-radius:50%;display:flex;margin-bottom:14px}.empty h3{font-size:15px;font-weight:400;margin:0 0 8px;color:#d2c6cd}.empty p{font-size:11px;color:#8f7e89;margin:0 0 20px}.upload{color:#e6d4de;background:#ffffff07;border:1px solid #70515e;border-radius:4px;padding:10px 16px;font-size:11px;display:flex;align-items:center;gap:8px}.upload:hover{background:#e60064;color:white;border-color:#e60064}.screen-number{position:absolute;top:18px;left:20px;color:#b298a5;font-family:inherit;font-size:11px;pointer-events:none}.caption{display:flex;justify-content:space-between;align-items:center;padding:18px 1px 0;gap:10px}.clip-name{display:flex;align-items:center;gap:13px;min-width:0}.clip-name>span{font-size:10px;color:#6e6e77;border-right:1px solid #49494e;padding-right:13px}.clip-name h3{font-weight:400;font-size:14px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pending{font-size:10px;color:#7c7c86}.clip-actions{display:flex;align-items:center;gap:12px;white-space:nowrap}.clip-actions button{font-size:10px;background:transparent;border:0;color:#dba6bc;text-decoration:underline}.ready{font-size:10px;color:#b7c8b6;display:flex;align-items:center;gap:5px}.upload-note{display:flex;align-items:center;gap:8px;color:#777780;font-size:10px;margin:35px 0 55px}.saved{margin-left:auto}.saved>span{background:#a3ae99}footer{border-top:1px solid #303033;padding:27px 0 32px;display:flex;justify-content:space-between;color:#808089;font-size:11px}footer>div{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:1.8px}footer svg{color:#e60064}.notice{display:flex;justify-content:space-between;padding:14px;background:#30252d;border:1px solid #624052;border-radius:4px;margin-bottom:20px;font-size:13px}.notice button{color:white;border:0;background:transparent}.progress{position:absolute;bottom:0;left:0;height:4px;background:#e60064;transition:width .2s}.video-preview{position:absolute;inset:0;border:0;background:#080809;width:100%;padding:0}.video-preview video{width:100%;height:100%;object-fit:contain;opacity:.7}.play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:62px;height:62px;background:#e60064;border-radius:50%;display:grid;place-items:center;color:white;padding-left:3px}.preview-label{position:absolute;bottom:20px;left:0;right:0;font-size:9px;color:#eee;letter-spacing:2px}.modal{position:fixed;inset:0;z-index:50;background:#080809f5;display:grid;place-items:center;padding:70px 5vw}.close{position:absolute;top:24px;right:30px;color:white;border:1px solid #555;border-radius:50%;padding:10px;background:#222;display:flex}.player{width:min(1150px,100%)}.player video{width:100%;max-height:75vh;background:#000}.player>div{padding-top:18px;font-size:16px}.player>div>span{color:#e60064;margin-right:15px}.presentation .collection{padding-bottom:50px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1500px){header,.hero,.collection,footer{max-width:1260px}}@media(max-width:1400px){main{padding:0 6vw}}@media(max-width:800px){header{height:95px}.private{display:none}.hero{padding:45px 0;gap:30px;align-items:start}.intro{width:240px}.intro p{font-size:18px}h1{font-size:68px;letter-spacing:-4px}.asterisk{right:-55px;font-size:44px}.intro-bottom{font-size:10px;gap:12px}.grid{gap:24px 16px}.empty-icon{padding:9px;margin-bottom:8px}.empty h3{font-size:12px}.empty p{font-size:10px;margin-bottom:12px}.upload{padding:8px 12px}.screen-number{top:12px;left:12px}.saved{display:none}}@media(max-width:600px){main{padding:0 6vw}.brand{font-size:29px}.brand>span{font-size:35px}.outline{font-size:11px;padding:10px 12px}.hero{display:block}.intro{width:100%;padding-top:30px}.intro p{font-size:18px;margin:12px 0}.intro p br{display:none}.asterisk{right:35px;bottom:12px}.grid{grid-template-columns:1fr;gap:28px}.screen{aspect-ratio:16/10}.empty h3{font-size:15px}.empty p{font-size:11px}.upload{padding:10px 15px}.empty-icon{padding:12px;margin-bottom:15px}footer{gap:20px;align-items:center;font-size:10px}footer>div{font-size:8px;letter-spacing:1px}.upload-note{line-height:1.7;margin-bottom:35px}.ready{display:none}.intro-bottom{font-size:11px}.section-head{margin-bottom:22px}}
.brand>span{display:inline-flex;vertical-align:middle}.asterisk{width:76px;height:76px}@media(max-width:800px){.asterisk{width:44px;height:44px}}
.brand{display:block;line-height:0}.brand img{display:block;width:180px;height:auto;max-width:100%}@media(max-width:600px){.brand img{width:145px}}

[hidden]{display:none!important}a.outline,a.upload{text-decoration:none}button{color:inherit}h1,h2,h3,p{padding:0}.counter b{font-weight:400}.brand img{object-fit:contain}.asterisk{overflow:visible}.intro-bottom>span:last-child,footer>div>span{color:#e60064;font-size:23px}.play{font-size:22px}.title-field{font-size:11px;color:#999;display:block;margin-top:15px}.title-field input{width:100%;background:#222227;border:1px solid #45454c;border-radius:4px;color:#eee;padding:10px;margin-top:8px;font:inherit}.presentation .upload-note{display:none}.auth{max-width:520px;margin:65px auto;padding:0 25px}.auth .brand{margin-bottom:45px}.auth-box{border:1px solid #35353b;background:#1b1b20;padding:30px;border-radius:10px}.auth-box p{font-size:14px;line-height:1.6;color:#b7b7c0}.auth form{margin-top:24px}.auth label{display:block;color:#c7c7cf;font-size:13px;margin-bottom:18px}.auth input{display:block;width:100%;padding:12px;margin-top:8px;background:#131315;border:1px solid #55555d;border-radius:4px;color:white;font:inherit}.auth .upload{background:#e60064;border-color:#e60064;color:white;display:inline-flex;font-size:13px}.back{display:block;color:#aaa;font-size:12px;margin-top:25px}.auth [role=alert]{color:#ffafcf}dialog{border:0;padding:70px 5vw;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;background:#080809fa;color:white;overflow:auto}dialog[open]{display:grid;place-items:center}dialog::backdrop{background:#080809}.player{margin:auto}body:has(dialog[open]){overflow:hidden}
