@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap";.app-container{display:flex;flex-direction:column;height:100vh;position:relative;overflow:hidden}.animated-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;filter:blur(80px);opacity:.6}.blob{position:absolute;width:400px;height:400px;border-radius:50%;animation:move 20s infinite alternate}.blob-1{background:var(--primary);top:-100px;left:-100px}.blob-2{background:var(--secondary);bottom:-100px;right:-100px;animation-delay:-10s}@keyframes move{0%{transform:translate(0) scale(1)}to{transform:translate(100px,100px) scale(1.2)}}.main-nav{padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:10}.brand{display:flex;align-items:center;gap:.8rem}.brand-icon{color:var(--primary);filter:drop-shadow(0 0 8px var(--primary-glow))}.brand h1{font-size:1.8rem;font-weight:800;letter-spacing:-.5px;background:linear-gradient(45deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.back-button{display:flex;align-items:center;gap:.6rem;padding:.6rem 1.2rem;border-radius:2rem;color:var(--text-main);cursor:pointer;transition:.3s}.back-button:hover{background:#ffffff26;transform:scale(1.05)}.viewer-area{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem;position:relative}.card-wrapper{position:relative;width:100%;max-width:400px;height:75vh;display:flex;justify-content:center;align-items:center}.story-card{width:100%;height:100%;border-radius:2.5rem;display:flex;flex-direction:column;overflow:hidden;cursor:grab;box-shadow:0 30px 60px -12px #0006}.story-card:active{cursor:grabbing}.card-media{height:60%;background-size:cover;background-position:center;position:relative}.gradient-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 60%)}.card-body{padding:1.5rem 2rem;flex:1;display:flex;flex-direction:column;gap:.8rem}.node-marker{display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:1px}.scene-title{font-size:1.5rem;font-weight:700;line-height:1.2}.scrollable-content{overflow-y:auto;padding-right:.5rem}.scrollable-content::-webkit-scrollbar{width:4px}.scrollable-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.scene-text{font-size:1.05rem;line-height:1.6;opacity:.9}.card-footer{padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.05)}.social-stats{display:flex;gap:1.5rem}.stat-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600}.heart-icon{color:var(--primary);fill:var(--primary)}.share-btn{background:none;border:none;color:#fff;opacity:.6;cursor:pointer;transition:.3s}.share-btn:hover{opacity:1;transform:rotate(15deg)}.swipe-label{position:absolute;top:50%;padding:1rem 2rem;border-radius:1rem;font-weight:800;font-size:1.4rem;text-transform:uppercase;z-index:20;pointer-events:none;border:4px solid}.swipe-label.left{left:-20px;transform:translateY(-50%) rotate(-15deg);color:#ff4757;border-color:#ff4757}.swipe-label.right{right:-20px;transform:translateY(-50%) rotate(15deg);color:#2ed573;border-color:#2ed573}.interaction-hint{position:absolute;bottom:-60px;display:flex;flex-direction:column;align-items:center;gap:.8rem;opacity:.5}.interaction-hint span{font-size:.8rem;text-transform:uppercase;letter-spacing:2px}.swipe-indicators{display:flex;gap:.5rem}.dot{width:6px;height:6px;background:#fff;border-radius:50%;animation:pulse 1.5s infinite}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.custom-action-area{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);width:90%;max-width:500px;padding:.5rem .5rem .5rem 1.5rem;border-radius:3rem;display:flex;align-items:center;gap:1rem}.custom-action-area input{flex:1;background:none;border:none;color:#fff;font-size:1rem;outline:none}.send-action{width:2.8rem;height:2.8rem;border-radius:50%;background:var(--primary);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.send-action:hover{transform:scale(1.1) rotate(5deg);background:var(--secondary)}.loading-screen{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;color:var(--primary);font-weight:600}:root{--primary: #ff8da1;--primary-glow: rgba(255, 141, 161, .5);--secondary: #b388ff;--secondary-glow: rgba(179, 136, 255, .4);--accent: #ffd54f;--bg-gradient: linear-gradient(135deg, #0f0f13 0%, #1a1a2e 100%);--glass: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .15);--text-main: #ffffff;--text-dim: rgba(255, 255, 255, .6)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Outfit,sans-serif;background:var(--bg-gradient);color:var(--text-main);overflow:hidden;height:100vh;width:100vw}#root{height:100%}.glass-morphism{background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border)}h1,h2,h3{font-family:Playfair Display,serif}