@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");body{overflow:hidden;cursor:none;margin:0;padding:0}.story-cursor{position:fixed;top:0;left:0;width:6rem;height:6rem;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:50;background:hsl(var(--cursor-bg));backdrop-filter:blur(10px);border-radius:100%;transform:translate(-50%,-50%)}.story-container{width:100vw;height:100vh;overflow:hidden;position:relative;background:hsl(var(--story-background))}.story-image-wrapper{right:0;bottom:0}.story-image,.story-image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.story-image{object-fit:cover}.story-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30%;height:100%;flex-direction:column;padding:4rem 0;z-index:10}.story-content,.story-progress-container{display:flex;justify-content:space-between}.story-progress-container{width:100%;height:.625rem;align-items:center;gap:.25rem}.story-progress-bar{position:relative;width:100%;height:1px;background:hsl(var(--progress-bg))}.story-progress-fill{position:absolute;top:0;left:0;width:0;height:100%;background:hsl(var(--progress-fill))}.story-profile{width:100%;height:4rem;display:flex;gap:1rem;align-items:center}.story-profile-icon{position:relative;width:2.5rem;height:2.5rem;border-radius:100%;overflow:hidden;flex-shrink:0}.story-profile-icon img{width:100%;height:100%;object-fit:cover}.story-profile-name{position:relative;width:12rem;height:1.25rem;overflow:hidden}.story-title-row{position:relative;width:100%;height:2.5rem;overflow:hidden}.story-title{font-size:1.875rem;font-weight:300}.story-profile-text,.story-title{position:absolute;top:0;color:hsl(var(--story-text));margin:0}.story-profile-text{font-size:1rem;font-weight:400}.story-link{position:relative;width:max-content;margin:2rem 0;padding:.25rem 0}.story-link:after{content:"";position:absolute;top:100%;left:0;width:100%;height:1px;background:hsl(var(--story-text))}.story-link-text{font-size:1rem;font-weight:400;color:hsl(var(--story-text));text-decoration:none}.story-link-text:hover{opacity:.8}@media (max-width:900px){body{cursor:default}.story-cursor{display:none}.story-content{width:100%;padding:2rem}}