:root{--green-bg-start: #1f9d5a;--green-bg-end: #0e7a44;--purple: #8e44ec;--purple-dark: #6d28c9;--purple-light: #f3e8ff;--card-bg: #ffffff;--text-dark: #1f2a24;--text-muted: #6b7c74}.app{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 15% 15%,#34c979 0%,transparent 45%),radial-gradient(circle at 85% 85%,#0a6b3c 0%,transparent 45%),linear-gradient(160deg,var(--green-bg-start),var(--green-bg-end));display:flex;align-items:center;justify-content:center;padding:32px 16px}.decorations{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.blob{position:absolute;border-radius:50%;filter:blur(2px);opacity:.35}.blob--1{width:260px;height:260px;top:-80px;left:-80px;background:var(--purple);animation:float-slow 9s ease-in-out infinite}.blob--2{width:200px;height:200px;bottom:-70px;right:-60px;background:#ffe27a;opacity:.25;animation:float-slow 11s ease-in-out infinite reverse}.blob--3{width:140px;height:140px;bottom:15%;left:6%;background:#fff;opacity:.12;animation:float-slow 7s ease-in-out infinite}.float-shape{position:absolute;color:#fff;opacity:.5;font-size:20px;animation:float-slow 6s ease-in-out infinite}.float-shape--1{top:12%;right:12%;font-size:28px;animation-duration:8s}.float-shape--2{bottom:20%;right:20%;font-size:18px;animation-duration:5s}.float-shape--3{top:30%;left:8%;font-size:12px;color:#ffe27a;animation-duration:6.5s}.float-shape--4{bottom:10%;left:30%;font-size:16px;animation-duration:9s}@keyframes float-slow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(8deg)}}.app__content{position:relative;z-index:1;width:100%;max-width:560px}.app__header{text-align:center;margin-bottom:24px;color:#fff}.app__title{margin:0 0 6px;font-size:32px;font-weight:800;letter-spacing:-.02em;text-shadow:0 2px 10px rgba(0,0,0,.15)}.app__subtitle{margin:0;font-size:15px;opacity:.9}.progress{margin-bottom:18px}.progress__track{width:100%;height:10px;border-radius:999px;background:#ffffff4d;overflow:hidden}.progress__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--purple),#b57bff);transition:width .35s ease}.progress__label{display:block;margin-top:8px;text-align:center;color:#fff;font-size:13px;font-weight:500;opacity:.9}.question-card{background:var(--card-bg);border-radius:24px;padding:28px 24px;box-shadow:0 20px 45px #00281440;animation:pop-in .35s ease}@keyframes pop-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.question-card__text{margin:0 0 20px;font-size:20px;font-weight:700;color:var(--text-dark);text-align:center}.options{display:flex;flex-direction:column;gap:12px}.option{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border-radius:14px;border:2px solid var(--purple-light);background:var(--purple-light);color:var(--purple-dark);font-size:15px;font-weight:600;text-align:left;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.option:hover{transform:translateY(-2px);border-color:var(--purple);box-shadow:0 8px 18px #8e44ec2e}.option:active{transform:translateY(0)}.option__icon{font-size:20px;line-height:1}.option__label{flex:1}.option__check{opacity:0;transform:scale(.6);transition:opacity .15s ease,transform .15s ease;font-weight:700}.option--selected{background:linear-gradient(135deg,var(--purple),var(--purple-dark));border-color:var(--purple-dark);color:#fff;box-shadow:0 10px 22px #6d28c959}.option--selected .option__check{opacity:1;transform:scale(1)}.nav-buttons{display:flex;gap:12px;margin-top:20px}.nav-btn{flex:1;padding:14px 16px;border-radius:14px;font-size:15px;font-weight:700;border:none;cursor:pointer;transition:transform .15s ease,opacity .15s ease,box-shadow .15s ease}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.nav-btn:not(:disabled):hover{transform:translateY(-2px)}.nav-btn--ghost{background:#ffffffd9;color:var(--text-dark)}.nav-btn--primary{background:linear-gradient(135deg,var(--purple),var(--purple-dark));color:#fff;box-shadow:0 10px 22px #6d28c959}.error-text{color:#ffe4e4;background:#b41e1e59;border-radius:10px;padding:10px 14px;font-size:14px;text-align:center;margin:14px 0 0}.result-card{background:var(--card-bg);border-radius:24px;padding:40px 28px;text-align:center;box-shadow:0 20px 45px #00281440;animation:pop-in .4s ease}.result-card__emoji{display:inline-block;font-size:52px;margin-bottom:12px;animation:float-slow 4s ease-in-out infinite}.result-card__title{margin:0 0 12px;font-size:26px;font-weight:800;color:var(--purple-dark)}.result-card__description{margin:0 0 20px;font-size:15px;line-height:1.6;color:var(--text-muted)}.result-card__recommendations{background:var(--purple-light);border-radius:16px;padding:16px 18px;margin-bottom:24px;text-align:left}.result-card__recommendations-title{margin:0 0 10px;font-size:14px;font-weight:700;color:var(--purple-dark)}.result-card__movie-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.result-card__movie-list li{font-size:14px;font-weight:600;color:var(--purple-dark);padding-left:18px;position:relative}.result-card__movie-list li:before{content:"🎞️";position:absolute;left:0;font-size:12px}.restart-btn{padding:14px 24px;border-radius:14px;border:none;font-size:15px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--purple),var(--purple-dark));box-shadow:0 10px 22px #6d28c959;cursor:pointer;transition:transform .15s ease}.restart-btn:hover{transform:translateY(-2px)}@media (max-width: 480px){.app__title{font-size:26px}.question-card{padding:22px 18px}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}button{font-family:inherit}