:root{--primary: #9d00ff;--secondary: #00e5ff;--accent: #ff00e5;--background: #050510;--card-bg: rgba(20, 20, 40, .7);--text-primary: #ffffff;--text-secondary: #b8b8ff;--glow-primary: 0 0 10px rgba(157, 0, 255, .7), 0 0 20px rgba(157, 0, 255, .5);--glow-secondary: 0 0 10px rgba(0, 229, 255, .7), 0 0 20px rgba(0, 229, 255, .5);--glow-accent: 0 0 10px rgba(255, 0, 229, .7), 0 0 20px rgba(255, 0, 229, .5);--card-width: 300px;--card-height: 420px;--carousel-radius: 400px;--transition-speed: .5s}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:Chakra Petch,sans-serif;background-color:var(--background);color:var(--text-primary);overflow:hidden;display:grid;align-items:center}h1,h2,h3,h4,h5,h6{font-family:Orbitron,sans-serif;font-weight:700;letter-spacing:1px}.title{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 15px rgba(157,0,255,.5);animation:pulse 3s infinite alternate}.cosmos-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(ellipse at bottom,#1b2735,#090a0f);overflow:hidden}.stars-container{position:absolute;width:100%;height:100%;background-image:radial-gradient(1px 1px at 25% 25%,#fff,#0000),radial-gradient(1px 1px at 50% 50%,#fff,#0000),radial-gradient(2px 2px at 75% 75%,#fff,#0000),radial-gradient(2px 2px at 100% 100%,#fff,#0000);background-size:200px 200px,300px 300px,400px 400px,600px 600px;background-repeat:repeat;animation:twinkle 10s linear infinite}@keyframes twinkle{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:200px 200px,300px 300px,400px 400px,600px 600px}}.carousel-container{position:relative;width:100%;height:500px;perspective:1000px;transform-style:preserve-3d;display:flex;justify-content:center;align-items:center;touch-action:none}.carousel{position:relative;width:var(--carousel-radius);height:var(--carousel-radius);transform-style:preserve-3d;transition:transform .5s ease}.memory-card{position:absolute;width:var(--card-width);height:var(--card-height);left:50%;top:50%;margin-left:calc(var(--card-width) / -2);margin-top:calc(var(--card-height) / -2);transform-style:preserve-3d;transition:transform .8s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.175,.885,.32,1.275)}.memory-card:hover .card-inner{transform:translateZ(20px)}.memory-card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:15px;overflow:hidden;box-shadow:0 0 20px #00000080}.card-front{background:linear-gradient(135deg,#1e1e3ccc,#141428e6);border:1px solid rgba(157,0,255,.3);transform-style:preserve-3d}.card-back{background:linear-gradient(135deg,#141428e6,#1e1e3ccc);border:1px solid rgba(0,229,255,.3);transform:rotateY(180deg)}.card-content{padding:20px;height:100%;display:flex;flex-direction:column;position:relative}.memory-date{font-family:Orbitron,sans-serif;font-size:.8rem;color:var(--accent);margin-bottom:10px;text-shadow:0 0 5px rgba(255,0,229,.7)}.memory-card h3{font-size:1.5rem;margin-bottom:15px;color:var(--text-primary);text-shadow:0 0 10px rgba(255,255,255,.5)}.memory-image{width:100%;height:150px;margin-bottom:15px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;border-radius:8px;background:#0000004d}.memory-image i{color:var(--primary);font-size:4rem;text-shadow:var(--glow-primary);animation:pulse 3s infinite alternate;z-index:2}.glitch-effect{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 65%,rgba(157,0,255,.3) 70%,transparent 75%);background-size:200% 200%;animation:glitch 3s linear infinite;z-index:1}@keyframes glitch{0%{background-position:0 0}25%{background-position:100% 0}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0 0}}.memory-preview{font-size:.9rem;color:var(--text-secondary);margin-bottom:15px;flex-grow:1}.card-back .card-content p{font-size:.9rem;color:var(--text-secondary);margin-bottom:20px;line-height:1.5;flex-grow:1}.memory-coordinates{font-family:Orbitron,sans-serif;font-size:.8rem;color:var(--secondary);display:flex;flex-direction:column;gap:5px}.time-stamp{color:var(--accent)}.card-glow{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:15px;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(157,0,255,.1),transparent 70%);opacity:0;transition:opacity .3s ease}.memory-card:hover .card-glow{opacity:1}.carousel-controls{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:20px;z-index:10}.control-btn{background:#141428b3;border:1px solid var(--primary);color:var(--text-primary);width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;box-shadow:var(--glow-primary)}.control-btn:hover{background:#1e1e3ce6;transform:scale(1.1)}footer{position:relative;z-index:10}.instructions{font-size:.8rem;color:var(--text-secondary);opacity:.7}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}@media (max-width: 768px){:root{--card-width: 250px;--card-height: 350px;--carousel-radius: 300px}.title{font-size:1.8rem}.carousel-container{height:400px}.memory-card h3{font-size:1.2rem}.memory-image{height:120px}}@media (max-width: 576px){:root{--card-width: 220px;--card-height: 320px;--carousel-radius: 250px}.title{font-size:1.5rem}.carousel-container{height:350px}}