*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#07071a;--surface:#ffffff0f;--border:#ffffff1f;--accent:#7c3aed;--accent-glow:#7c3aed66;--text:#fff;--text-muted:#ffffff73;--text-dim:#ffffff40;--purple-soft:#b48cffcc;--radius-card:16px;--radius-pill:50px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;overflow-x:hidden}.bg-blobs{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.bg-blobs .blob{filter:blur(80px);opacity:.3;border-radius:50%;animation:14s ease-in-out infinite alternate blob-drift;position:absolute}.bg-blobs .blob-1{background:#5b21b6;width:600px;height:600px;animation-delay:0s;top:-150px;left:-150px}.bg-blobs .blob-2{background:#1e3a8a;width:450px;height:450px;animation-delay:-5s;top:25%;right:-100px}.bg-blobs .blob-3{background:#4c1d95;width:400px;height:400px;animation-delay:-10s;bottom:-100px;left:35%}@keyframes blob-drift{0%{transform:translate(0)scale(1)}to{transform:translate(25px,20px)scale(1.06)}}.glass{background:var(--surface);-webkit-backdrop-filter:blur(20px)saturate(1.4);border:1px solid var(--border)}.app{z-index:1;max-width:1100px;margin:0 auto;padding:32px 24px 56px;position:relative}.section-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);margin-bottom:14px;font-size:.68rem}.genre-chip{color:var(--text-muted);background:#ffffff12;border:1px solid #ffffff1a;border-radius:20px;padding:3px 10px;font-size:.7rem}.source-tag{color:var(--purple-soft);background:#7c3aed2e;border:1px solid #7c3aed59;border-radius:20px;align-items:center;gap:5px;margin-bottom:10px;padding:3px 10px;font-size:.68rem;display:inline-flex}.source-tag .dot{background:#a78bfa;border-radius:50%;flex-shrink:0;width:5px;height:5px}.flip-container{perspective:1000px}.flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);display:grid;position:relative}.flip-inner.is-flipping{transform:rotateY(180deg)}.flip-front,.flip-back{backface-visibility:hidden;grid-area:1/1;min-width:0}.flip-back{transform:rotateY(180deg)}.hero-card{border-radius:var(--radius-card);height:300px;display:flex;overflow:hidden}.hero-poster{flex-shrink:0;width:200px;position:relative;overflow:hidden}.hero-poster img{object-fit:cover;width:100%;height:100%}.hero-poster:after{content:"";background:linear-gradient(to right, transparent 60%, var(--bg) 100%);position:absolute;inset:0}.poster-placeholder{opacity:.5;background:#7c3aed26;justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;display:flex}.hero-body{border-left:1px solid var(--border);background:#ffffff08;flex-direction:column;flex:1;justify-content:space-between;padding:24px 28px;display:flex}.hero-title{letter-spacing:-.02em;margin-bottom:6px;font-size:1.7rem;font-weight:700;line-height:1.15}.hero-meta{color:var(--text-muted);gap:10px;margin-bottom:14px;font-size:.78rem;display:flex}.hero-meta span:after{content:"·";margin-left:10px}.hero-meta span:last-child:after{content:""}.hero-description{color:#ffffffa6;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:14px;font-size:.88rem;line-height:1.6;display:-webkit-box;overflow:hidden}.why-tag{color:#ffffffb3;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;align-items:flex-start;gap:8px;padding:8px 12px;font-size:.8rem;line-height:1.5;display:inline-flex}.why-icon{opacity:.5;flex-shrink:0;margin-top:1px}.hero-genres{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.movie-card-wrapper{cursor:pointer}.movie-card{border-radius:var(--radius-card);height:100%;transition:transform .25s,box-shadow .25s;overflow:hidden}.movie-card:hover{box-shadow:0 12px 40px var(--accent-glow);transform:translateY(-4px)scale(1.02)}.movie-poster{aspect-ratio:2/3;width:100%;overflow:hidden}.movie-poster img{object-fit:cover;width:100%;height:100%}.movie-body{padding:10px 10px 12px}.movie-title{margin-bottom:3px;font-size:.8rem;font-weight:600;line-height:1.3}.movie-year{color:var(--text-dim);font-size:.7rem}.movie-why{color:var(--purple-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:5px;font-size:.68rem;line-height:1.4;display:-webkit-box;overflow:hidden}.shuffle-wrap{flex-direction:column;align-items:center;gap:10px;display:flex}.shuffle-btn{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-pill);color:var(--text);cursor:pointer;box-shadow:0 0 30px var(--accent-glow), inset 0 1px 0 #ffffff1a;letter-spacing:.01em;background:linear-gradient(135deg,#7c3aed59,#3b82f640);border:1px solid #7c3aed80;align-items:center;gap:10px;padding:14px 36px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.shuffle-btn:hover:not(:disabled){box-shadow:0 0 50px var(--accent-glow), inset 0 1px 0 #ffffff26;background:linear-gradient(135deg,#7c3aed8c,#3b82f666);transform:scale(1.03)}.shuffle-btn:disabled{opacity:.6;cursor:not-allowed}.shuffle-icon{font-size:1.1rem;display:inline-block}.shuffle-icon.spinning{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shuffle-hint{color:var(--text-dim);font-size:.72rem}.app-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.header-left{align-items:center;gap:12px;display:flex}.avatar{background:linear-gradient(135deg,#7c3aed,#3b82f6);border:1px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.8rem;font-weight:700;display:flex}.app-title{letter-spacing:-.01em;font-size:1.15rem;font-weight:600}.app-sub{color:var(--text-muted);margin-top:1px;font-size:.75rem}.header-stats{text-align:right;color:var(--text-dim);flex-direction:column;gap:1px;font-size:.75rem;line-height:1.6;display:flex}.stats-watchlist{color:var(--purple-soft)}.row-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.cards-row{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:36px;display:grid}.error-box{border-radius:var(--radius-card);color:#ffb4b4e6;margin-bottom:32px;padding:24px;font-size:.9rem;line-height:1.6}@media (width<=640px){.app{padding:20px 16px 48px}.app-header{flex-wrap:wrap;gap:10px;margin-bottom:28px}.header-stats{text-align:left;flex-flow:wrap;gap:10px}.hero-card{flex-direction:column;height:auto}.hero-poster{width:100%;height:200px}.hero-poster:after{background:linear-gradient(to bottom, transparent 50%, var(--bg) 100%)}.hero-body{border-left:none;border-top:1px solid var(--border);padding:16px}.hero-title{font-size:1.3rem}.hero-description{-webkit-line-clamp:4}.cards-row{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:28px}.shuffle-btn{justify-content:center;width:100%;padding:14px 24px}}