@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap";*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%;height:100%;margin:0;padding:0;font-family:Poppins,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}body{line-height:1.6}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}::selection{color:#000;background-color:#ffffff4d}:root{--bg-color:#121212;--text-color:#fff}body{background-color:var(--bg-color);color:var(--text-color);min-height:100vh;margin:0;padding:0;font-family:Poppins,sans-serif;transition:background-color 1.5s cubic-bezier(.4,0,.2,1);overflow-x:hidden}.bg-effect{z-index:-2;filter:blur(120px);pointer-events:none;opacity:.5;width:140vw;height:140vh;transition:background-color 2s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.effects-layer{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.particle{-webkit-user-select:none;user-select:none;will-change:transform;filter:drop-shadow(0 0 15px #ffffff4d);font-size:3.5rem;position:absolute}.container{text-align:center;z-index:10;max-width:1200px;margin:0 auto;padding:40px 20px;position:relative}header h1{text-shadow:0 4px 10px #0000004d;margin-bottom:10px;font-size:3rem}.mood-selector{flex-wrap:wrap;justify-content:center;gap:15px;margin:40px 0;display:flex}.mood-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:pan-y;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:15px 30px;transition:all .3s;display:flex}.mood-btn.active{background:#ffffff40;border-color:#fff;transform:translateY(-5px);box-shadow:0 0 30px #fff3}.share-actions{justify-content:center;margin-bottom:30px;display:flex}.share-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#fff3,#ffffff0d);border:1px solid #fff6;border-radius:50px;align-items:center;gap:10px;padding:12px 24px;font-weight:600;transition:all .3s;display:flex}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background:#1e1e1e;border:1px solid #ffffff1a;border-radius:30px;flex-direction:column;gap:20px;width:90%;max-width:380px;padding:25px;display:flex;position:relative;box-shadow:0 20px 50px #00000080}.close-modal{color:#fff;cursor:pointer;z-index:10;background:#ff4d6d;border:none;border-radius:50%;width:35px;height:35px;font-weight:700;position:absolute;top:-15px;right:-15px}.download-btn{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:15px;padding:14px;font-weight:700;transition:all .3s}.download-btn:hover{background:#2ecc71;transform:translateY(-2px)}.discovery-layout{text-align:left;gap:40px;margin-top:20px;display:flex}.spotify-section{flex:1}.movie-section{flex:2}.movie-grid{touch-action:pan-y;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px;display:grid}.movie-card,.spotify-section iframe{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0003;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0006}.movie-card{touch-action:pan-y}.movie-card img{object-fit:cover;width:100%;height:300px;transition:transform .5s}.movie-info{padding:15px}.share-card-inner{aspect-ratio:9/16;color:#fff;text-align:center;background-position:50%;background-size:cover;border-radius:25px;flex-direction:column;justify-content:space-around;align-items:center;width:100%;padding:40px 20px;display:flex;box-shadow:inset 0 0 100px #0000004d}.share-card-template{width:1080px;height:1920px;padding:100px;display:flex;position:fixed;top:0;left:-3000px}.share-card-template .share-card-inner{border-radius:60px;padding:80px}.card-emoji{font-size:5rem}.share-card-inner h1{margin:0;font-size:1.8rem}.card-content{background:#0003;border-radius:15px;width:90%;padding:15px;font-size:1.1rem;line-height:1.6}.card-footer{opacity:.7;font-size:.8rem}@media (width<=900px){.discovery-layout{flex-direction:column}.particle{font-size:2.5rem}.bg-effect{width:200vw;height:200vh}header h1{font-size:2.2rem}}@media (width>=769px){.mood-btn,.movie-card{cursor:grab}.mood-btn:active,.movie-card:active{cursor:grabbing}}