*{margin:0;padding:0;box-sizing:border-box}:root{--pastel-pink: #FFD6E8;--pastel-blue: #D6E8FF;--pastel-yellow: #FFF4D6;--pastel-purple: #E8D6FF;--pastel-green: #D6FFE8;--pastel-orange: #FFE8D6;--text-color: #5A5A5A;--button-bg: #FFB3D9;--button-hover: #FF99CC;--slider-bg: #FFD6E8;--slider-thumb: #FF99CC}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,var(--pastel-pink) 0%,var(--pastel-blue) 50%,var(--pastel-yellow) 100%);min-height:100vh;color:var(--text-color);overflow-x:hidden}#app{max-width:1400px;margin:0 auto;padding:2rem}h1{font-size:2.5rem;text-align:center;margin-bottom:2rem;color:var(--text-color);text-shadow:2px 2px 4px rgba(255,255,255,.5);font-weight:600}.question{text-align:center;font-size:1.5rem;margin-bottom:2rem;color:var(--text-color);font-weight:500}#initial-scene-container{width:100%;max-width:800px;height:500px;margin:0 auto 2rem;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000001a;background:#fff}.scenes-container{display:none;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.scenes-container.active{display:grid}.scene-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem}.scene-container{width:100%;height:400px;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000001a;background:#fff}.scene-title{font-size:1.2rem;font-weight:600;color:var(--text-color);text-align:center}.fold-button{padding:.8rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:25px;background:var(--button-bg);color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffb3d966}.fold-button:hover{background:var(--button-hover);transform:translateY(-2px);box-shadow:0 6px 20px #ffb3d999}.fold-button:active{transform:translateY(0)}.fold-button.hidden{display:none}.slider-container{display:none;width:100%;padding:0 1rem}.slider-container.active{display:block}.slider-label{display:block;margin-bottom:.5rem;font-size:.9rem;color:var(--text-color);text-align:center;font-weight:500}.slider-label.hidden{display:none}.slider{width:100%;height:8px;border-radius:5px;background:var(--slider-bg);outline:none;-webkit-appearance:none;appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--slider-thumb);cursor:pointer;box-shadow:0 2px 5px #0003;transition:all .2s ease}.slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 3px 8px #0000004d}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--slider-thumb);cursor:pointer;border:none;box-shadow:0 2px 5px #0003;transition:all .2s ease}.slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 3px 8px #0000004d}.check-button{display:block;margin:2rem auto;padding:1rem 3rem;font-size:1.2rem;font-weight:600;border:none;border-radius:30px;background:linear-gradient(135deg,var(--button-bg) 0%,var(--pastel-purple) 100%);color:#000;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #ffb3d980}.check-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ffb3d9b3}.check-button:active{transform:translateY(-1px)}.check-button.hidden{display:none}.reset-button{position:fixed;top:20px;left:20px;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:25px;background:var(--button-bg);color:#000;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffb3d966;z-index:1000}.reset-button:hover{background:var(--button-hover);transform:translateY(-2px);box-shadow:0 6px 20px #ffb3d999}.reset-button:active{transform:translateY(0)}.reset-button.hidden{display:none}.footer{margin-top:3rem;padding:1.5rem;text-align:center;color:var(--text-color);font-size:.9rem}.footer p{margin:0;opacity:.7}.footer a{color:var(--text-color);text-decoration:none;font-weight:600;transition:all .3s ease;border-bottom:2px solid transparent}.footer a:hover{color:var(--button-hover);border-bottom-color:var(--button-hover);opacity:1}@media(max-width:768px){.scenes-container{grid-template-columns:1fr}h1{font-size:1.8rem}.question{font-size:1.2rem}}