:root{--pink: #ff5998;--light-pink: #ff83b3;--bg-white: #ffffffee}body,html{height:100%;margin:0;padding:0;font-family:Segoe UI,sans-serif;background:linear-gradient(270deg,#6499e9,#9eddff,#a6f6ff,#befff7);background-size:800% 800%;animation:gradientShift 20s ease infinite;background-attachment:fixed}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.container{min-height:95dvh;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:30px 20px;box-sizing:border-box}.question-container{opacity:0;transform:translateY(-30px);transition:opacity .5s ease,transform .5s ease;min-height:100px;will-change:opacity,transform}.question-container.fade-in{opacity:1;transform:translateY(0)}.question-container.fade-out{opacity:0;transform:translateY(30px);pointer-events:none}.question{font-family:Dancing Script,cursive;font-weight:650;font-size:4em;color:var(--pink);text-align:center;margin:20px}.buttons{display:flex;flex-direction:column;gap:30px;width:100%;max-width:600px}.Button button{font-family:Quicksand,sans-serif;font-weight:700;width:100%;height:4.5rem;padding:12px;font-size:1.7rem;cursor:pointer;border-radius:25px;border:2px solid var(--pink);background-color:var(--bg-white);color:var(--light-pink);transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease,color .3s ease;display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal;overflow:hidden;animation:buttonEntrance .6s ease;box-shadow:0 4px 12px #ff90bb26}@keyframes buttonEntrance{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (hover: hover){.Button button:hover{background-color:var(--light-pink);color:#fff;transform:scale(1.05);box-shadow:0 0 20px #fff9,0 0 12px #ff90bb66,0 0 20px #ff53b3b3}}.Button button:active{transform:scale(.96);box-shadow:0 0 8px #fff6,0 0 5px #ff90bb4d}.result{text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;animation:fade-in .5s ease-in-out}.fade-in{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease}.fade-out{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}.rezultat{font-size:2.5em;font-family:Dancing Script,cursive;width:80%;color:var(--pink);margin-bottom:20px}@media (hover: hover) and (pointer: fine){.rezultat:hover{text-shadow:0 0 10px var(--light-pink)}}.result button{margin-top:30px;padding:12px 24px;font-size:1.4em;border:none;border-radius:20px;background-color:#fff;color:var(--light-pink);cursor:pointer;transition:background-color .2s,transform .2s}.result button:hover{background-color:var(--light-pink);color:#fff}.result button:active{transform:scale(.95)}.result-images{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:20px}.result-image{height:180px;width:auto;border-radius:10px;object-fit:cover;box-shadow:0 4px 12px #0003;transition:transform .3s ease}.result-image:hover{transform:scale(1.05)}.button,.glovo-button{display:inline-block;padding:.75rem 2rem;background:linear-gradient(135deg,#fbc2eb,#a6c1ee);color:#fff;font-weight:600;font-size:1.1rem;border:none;border-radius:999px;text-decoration:none;box-shadow:0 4px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease,background .3s ease,color .3s ease;margin:.75rem}@media (hover: hover) and (pointer: fine){.button:hover,.glovo-button:hover{transform:scale(1.05);box-shadow:0 6px 16px #e849a626;background:linear-gradient(135deg,#a6c1ee,#fbc2eb);color:var(--pink)}}.sau-text{font-family:Dancing Script,cursive;font-weight:700;font-size:2rem;color:var(--pink);display:block;text-align:center;margin:1rem 0;text-shadow:0 0 8px rgba(255,105,180,.6)}@media (max-width: 768px){body,html{animation:none}.question{font-size:2.9em;margin:5px 10px 50px}.question-container{margin-bottom:40px}.Button button{height:3.6rem;font-size:1.25rem;padding:10px}.rezultat{font-size:1.8em;width:100%;text-shadow:0 0 10px var(--light-pink)}.result-image{height:200px}.container{padding:15px;justify-content:flex-start}.buttons{gap:35px;max-width:100%}.Button button:focus,.Button button:active{outline:none;transform:scale(.98);box-shadow:0 2px 8px #ff90bb33;background-color:#fff;color:var(--light-pink)}}