.slider-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:12rem}.slider-wrapper{display:flex;width:100%;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:1rem}.slider-root{position:relative;display:flex;width:100%;max-width:200px;flex-grow:1;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;padding:1rem 0}.slider-root:active{cursor:grabbing}.slider-track-wrapper{display:flex;flex-grow:1}.slider-track{position:relative;height:100%;flex-grow:1;overflow:hidden;border-radius:9999px;background-color:#80808066}.slider-range{position:absolute;height:100%;background-color:#888;border-radius:9999px}.value-indicator{color:gray;position:absolute;transform:translateY(-1rem);font-size:.75rem;font-weight:500;letter-spacing:.05em}.icon{width:24px;height:24px;color:#888}.icon.dark{color:#ddd}.text-type{display:inline-block;white-space:pre-wrap}.text-type__cursor{margin-left:.25rem;display:inline-block;opacity:1}.text-type__cursor--hidden{display:none}.content{position:relative}.svg{position:relative;width:100%;height:100%;display:block;will-change:transform}.card-text{position:absolute;bottom:1.2em;letter-spacing:-.5px;font-weight:900;left:1em;font-size:2.5rem;line-height:1.5em}.card-text:first-line{font-size:4rem}.light-rays-container{width:100%;height:100%;position:relative;pointer-events:none;z-index:3;overflow:hidden}@font-face{font-family:Vinque Rg;src:url(/fonts/Vinque%20Rg.ttf) format("truetype");font-weight:400;font-style:normal}.text-slide{display:flex;justify-content:center;align-items:center;height:100%;font-size:24px;color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:transform .25s ease-out,opacity .25s;animation:fadeIn .25s ease}.tv-noise{position:absolute;inset:0;pointer-events:none;z-index:40;opacity:.2;background-image:url(/pictures/noise4.png);mix-blend-mode:overlay;animation:noiseMove .25s steps(3) infinite}@keyframes noiseMove{0%{transform:translate(0)}to{transform:translate(-20px,20px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}body{background-color:#0e171c;color:#cecece;font-family:Inter,sans-serif;margin:0;overflow:hidden}.text-gothic-video,.text-gothic{display:flex;justify-content:center;align-items:center;text-align:center;padding:0 5vw;background:linear-gradient(45deg,#ff7aa8,#ff2e63);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Vinque Rg,sans-serif;font-size:clamp(2rem,5vw,4rem);line-height:1.3;letter-spacing:.03em;text-shadow:0 0 4px rgba(255,110,170,.6),0 0 10px rgba(255,110,170,.35)}.text-gothic:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(0,0,0,.4),transparent 70%);z-index:-1}.start-wrapper{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:2rem}.start-btn{padding:14px 40px;font-size:1.2rem;font-family:Vinque Rg,sans-serif;color:#ff9ac1;background:#140a1499;border:1px solid rgba(255,120,170,.4);border-radius:12px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .25s ease;box-shadow:0 0 10px #ff64a040,inset 0 0 10px #ff64a026}.start-btn:hover{color:#fff;border-color:#ff96c8b3;box-shadow:0 0 18px #ff6eaa99,inset 0 0 12px #ff78b440;transform:translateY(-2px)}.start-btn:active{transform:translateY(0)}.start-bg{position:fixed;inset:0;background:radial-gradient(circle at center,#1a0f2b,#0e091a);overflow:hidden}.handImage{position:absolute;text-align:center}.body-glow{position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 30% 30%,rgba(255,105,180,.1),transparent 60%),radial-gradient(circle at 70% 70%,rgba(255,182,193,.1),transparent 60%);filter:blur(40px)}.bg{position:fixed;inset:0;z-index:-1;pointer-events:none}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle,rgba(255,192,203,.05) 1px,transparent 1px),radial-gradient(circle,rgba(255,105,180,.05) 1px,transparent 1px);background-size:50px 50px}.body-bg{position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 30% 30%,rgba(255,105,180,.08),transparent 60%),radial-gradient(circle at 70% 70%,rgba(255,182,193,.06),transparent 60%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.02),transparent 50%);background-blend-mode:overlay;filter:blur(60px)}.body-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,192,203,.02) 1px,transparent 1px),radial-gradient(circle,rgba(255,105,180,.02) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.wrapper{height:100vh;width:100vw;overflow:hidden;position:relative}.video{height:100%;width:100%;object-fit:cover;opacity:1;transition:opacity .3s ease}.video.fade-out{opacity:0}.arrow{position:absolute;font-size:22px;color:#fff9;background:#00000026;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:none;padding:6px 10px;border-radius:12px;cursor:pointer;opacity:.3;transition:all .2s ease}.arrow:hover{opacity:1;background:#00000059;color:#fff}.arrow.left{left:15px;top:50%;transform:translateY(-50%)}.arrow.right{right:15px;top:50%;transform:translateY(-50%)}.arrow.up{top:15px;left:50%;transform:translate(-50%)}.arrow.down{bottom:15px;left:50%;transform:translate(-50%)}.dots.horizontal{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px}.dots.vertical{position:absolute;right:15px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px}.dot{width:8px;height:8px;background:#fff6;border-radius:50%}.dot.active{background:#fff}.dot.watched{background:#ffffffb3}.stories{position:absolute;bottom:20px;left:20px;display:flex;gap:6px;z-index:10}.story{width:28px;height:6px;background:#ffffff40;border-radius:4px;overflow:hidden;position:relative;transition:transform .2s ease}.story.active{transform:scaleX(1.2)}.story-progress{position:absolute;inset:0;width:var(--progress, 0%);background:#fff;transition:width .1s linear}.matrix{position:absolute;right:20px;bottom:20px;display:flex;flex-direction:column;gap:6px;z-index:20}.matrix-row{display:flex;gap:6px}.matrix-dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d}.matrix-dot.active{background:#fff;transform:scale(1.2)}.matrix-dot.watched{background:#fff9}.matrix-dot{width:8px;height:8px;border-radius:8px;background:#ffffff4d;position:relative;overflow:hidden;transition:all .25s ease}.matrix-dot.active{width:28px;background:#ffffff40}.matrix-dot.watched:not(.active){background:#fff9}.matrix-progress{position:absolute;inset:0;width:var(--progress, 0%);background:#fff;transition:width .1s linear}.volume-control{position:absolute;left:50%;bottom:1%;transform:translate(-50%);z-index:30}.volume-control button{background:#fffc;border:none;color:#fff;padding:8px;border-radius:50%;cursor:pointer;transition:all .2s ease}.volume-control button:hover{background:#fff;border:none;color:#fff;padding:8px;border-radius:50%;cursor:pointer}.volume-slider{position:absolute;bottom:45px;left:90%;transform:translateY(420%);width:100px;height:8px;background:#fff3;border-radius:4px;appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;border:1px solid rgba(255,255,255,.4);transition:all .2s ease}.volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.4);cursor:pointer}.volume-control input[type=range]{opacity:0;transition:opacity .3s}.volume-control:hover input[type=range]{opacity:1}.volume-icon{width:22px;height:22px;display:block}.video-frame{position:relative;padding:30px;background:#111;border-radius:20px;box-shadow:inset 0 0 40px #000c,0 10px 40px #0009}.video-frame video{border-radius:10px}.video-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.05),rgba(255,255,255,.05) 2px,transparent 2px,transparent 4px);border-radius:20px}.video-frame:before{content:"";position:absolute;inset:0;border-radius:20px;box-shadow:inset 0 0 60px #000000e6;pointer-events:none}.video-wrapper{position:relative;width:82%;height:82%;margin:auto;overflow:hidden;background:radial-gradient(circle at center,#111,#000 90%);transform:translateY(2%);box-shadow:0 0 0 1px #90909033,0 0 20px #ffffff26,inset 0 0 40px #0009;border-radius:12px}.video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.next-video{z-index:2}.video.slide-out{transform:translate(calc(var(--direction) * -100%))}.video.slide-in{transform:translate(calc(var(--direction) * 100%));animation:slideIn .3s forwards}@keyframes slideIn{0%{transform:translate(calc(var(--direction) * 100%))}to{transform:translate(0)}}