*{box-sizing:border-box;margin:0;padding:0}body{color:#e8e8e8;background:linear-gradient(135deg,#0a0a0a 0%,#1a0a1a 50%,#0f0f0f 100%);font-family:Inter,sans-serif;line-height:1.7;overflow-x:hidden}.page-container{max-width:800px;margin:0 auto;padding:60px 40px;position:relative}.story-header{text-align:center;margin-bottom:80px;position:relative}.top-love-button{color:#fff;cursor:pointer;background:linear-gradient(45deg,#ff6b8a,#8b5cf6);border:none;border-radius:30px;padding:12px 24px;font-size:.9rem;font-weight:500;transition:all .3s;position:absolute;top:-20px;right:0;box-shadow:0 4px 20px rgba(255,107,138,.4)}.top-love-button:hover{transform:translateY(-1px);box-shadow:0 6px 25px rgba(255,107,138,.5)}.story-title{color:#ff6b8a;text-shadow:0 0 20px rgba(255,107,138,.3);letter-spacing:-.02em;margin-bottom:20px;font-family:Playfair Display,serif;font-size:3.5rem;font-weight:700}.story-subtitle{color:#b8b8b8;max-width:600px;margin:0 auto;font-size:1.1rem;font-weight:300}.story-content{position:relative}.story-paragraph{color:#d4d4d4;max-width:65ch;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.125rem}.story-paragraph.indent{color:#ff6b8a;margin-left:60px;font-size:1rem;font-style:italic}.bold-visual{justify-content:center;align-items:center;width:100vw;height:400px;margin:80px 0 80px 50%;display:flex;position:relative;overflow:hidden;transform:translate(-50%)}.visual-studio{background:linear-gradient(45deg,#1a1a1a 0%,#2a1a2a 100%);border-top:1px solid rgba(255,107,138,.2);border-bottom:1px solid rgba(255,107,138,.2)}.visual-studio:before{content:"";background-image:radial-gradient(circle at 20% 30%,rgba(255,107,138,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(139,92,246,.1) 0%,transparent 50%);position:absolute;top:0;bottom:0;left:0;right:0}.visual-studio:after{content:"THE STUDIO";color:rgba(255,107,138,.1);letter-spacing:.2em;font-family:Playfair Display,serif;font-size:4rem;font-weight:700;position:absolute}.visual-portrait{background:linear-gradient(135deg,#0f0f0f 0%,#1f1f1f 100%);border-top:1px solid rgba(255,107,138,.2);border-bottom:1px solid rgba(255,107,138,.2)}.visual-portrait:before{content:"";background:radial-gradient(circle,rgba(255,107,138,.05) 0%,transparent 70%);border:2px solid rgba(255,107,138,.3);border-radius:50%;width:200px;height:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.visual-portrait:after{content:"SOLITUDE";color:rgba(255,107,138,.1);letter-spacing:.2em;font-family:Playfair Display,serif;font-size:4rem;font-weight:700;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.visual-patterns{background:radial-gradient(circle,#2a1a0a 0%,#0a0a0a 100%);border-top:1px solid rgba(255,107,138,.2);border-bottom:1px solid rgba(255,107,138,.2)}.visual-patterns:before{content:"";background:conic-gradient(transparent,rgba(255,107,138,.2),transparent,rgba(139,92,246,.2),transparent);border-radius:50%;width:300px;height:300px;animation:20s linear infinite spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.visual-patterns:after{content:"HARMONY";color:rgba(255,107,138,.1);letter-spacing:.2em;z-index:1;font-family:Playfair Display,serif;font-size:4rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.quote-section{text-align:center;background:rgba(255,107,138,.05);border-left:4px solid #ff6b8a;margin:40px 0;padding:30px;font-size:1.2rem;font-style:italic}.story-meta{background:linear-gradient(135deg,rgba(255,107,138,.03) 0%,rgba(139,92,246,.03) 100%);border-top:1px solid rgba(255,107,138,.2);border-radius:20px;margin-top:80px;padding:60px;position:relative;overflow:hidden}.story-meta:before{content:"";background:radial-gradient(circle,rgba(255,107,138,.1) 0%,transparent 70%);width:200%;height:200%;animation:8s ease-in-out infinite float;position:absolute;top:-50%;left:-50%}@keyframes float{0%,to{transform:translate(-50%,-50%)rotate(0)}50%{transform:translate(-50%,-50%)rotate(180deg)}}.loved-by{z-index:1;margin-bottom:50px;position:relative}.loved-by h3{color:#ff6b8a;text-transform:uppercase;letter-spacing:.15em;text-align:center;margin-bottom:30px;font-size:1.2rem;font-weight:600}.lover-avatars{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;display:flex}.avatar{color:#fff;background:linear-gradient(45deg,#ff6b8a,#8b5cf6);border:3px solid rgba(255,255,255,.1);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1rem;font-weight:600;transition:all .3s;display:flex;position:relative;box-shadow:0 6px 20px rgba(255,107,138,.4)}.avatar:hover{transform:scale(1.2)rotate(5deg);box-shadow:0 8px 25px rgba(255,107,138,.6)}.avatar:before{content:"";z-index:-1;opacity:0;background:linear-gradient(45deg,#ff6b8a,#8b5cf6);border-radius:50%;transition:opacity .3s;position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px}.avatar:hover:before{opacity:.3}.love-counter{text-align:center;z-index:1;margin:30px 0;position:relative}.love-count{color:#ff6b8a;text-shadow:0 0 20px rgba(255,107,138,.5);margin-bottom:10px;font-size:2.5rem;font-weight:700}.love-count-label{color:#b8b8b8;text-transform:uppercase;letter-spacing:.1em;font-size:1rem}.send-love{color:#fff;cursor:pointer;z-index:1;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(45deg,#ff6b8a,#8b5cf6);border:none;border-radius:60px;justify-content:center;align-items:center;gap:15px;margin:0 auto 50px;padding:25px 50px;font-size:1.2rem;font-weight:600;transition:all .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px rgba(255,107,138,.4)}.send-love:before{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.send-love:hover:before{left:100%}.send-love:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 16px 50px rgba(255,107,138,.6)}.love-heart{font-size:1.5rem;animation:2s ease-in-out infinite heartbeat}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.tags{margin-bottom:40px}.tags h3{color:#b8b8b8;text-transform:uppercase;letter-spacing:.1em;margin-bottom:15px;font-size:1rem}.tag-list{flex-wrap:wrap;gap:12px;display:flex}.tag{color:#ff6b8a;border:1px solid rgba(255,107,138,.3);border-radius:20px;padding:8px 16px;font-size:.95rem;text-decoration:none;transition:all .2s}.tag:hover{background:rgba(255,107,138,.1);border-color:#ff6b8a}.credits{text-align:center;color:#888;font-size:.95rem}.credits .author{color:#ff6b8a;font-weight:500}.background-texture{pointer-events:none;z-index:-1;background-image:radial-gradient(circle at 20% 80%,rgba(255,107,138,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.1) 0%,transparent 50%);width:100%;height:100%;position:fixed;top:0;left:0}@media (max-width:768px){.page-container{padding:40px 20px}.story-title{font-size:2.5rem}.story-paragraph.indent{margin-left:20px}.bold-visual{height:300px}.visual-studio:after,.visual-portrait:after,.visual-patterns:after{font-size:2.5rem}}