@import"https://fonts.googleapis.com/css2?family=Shrikhand&family=Montserrat:wght@300;400;600&display=swap";:root{--dark: #221a22;--pink: #e91e63;--gray: #a6a6a6;--light-pink: #ffa9f9;--light-yellow: #fff7ad;--pale-yellow: #ffffcf;--rule: #b42a82}body{margin:0;font-family:Montserrat,sans-serif;background:linear-gradient(90deg,var(--light-yellow),var(--light-pink));color:var(--dark);text-align:center;min-height:100vh;display:flex;justify-content:center;align-items:center}h1,h2,h3{font-family:Shrikhand,cursive;color:var(--dark);margin:.5em 0}h1{font-size:50px;line-height:1.1}h2{font-size:30px}h3{font-size:20px}.home-screen{display:flex;flex-direction:column;align-items:center}.friend-input{display:flex;gap:.5rem;margin-top:1rem}.friend-input input{background-color:var(--pale-yellow);border:none;border-radius:8px;padding:.6rem 1rem;font-size:1rem;color:var(--dark);letter-spacing:.1em;outline:none}.friends-list{margin:1.5rem 0}.friend-item{background-color:var(--light-yellow);color:var(--pink);font-weight:600;border-radius:10px;padding:.4rem 1rem;margin:.4rem;display:inline-flex;align-items:center;gap:.5rem}.friend-item .remove-btn{background-color:var(--pink);color:var(--light-yellow);border:none;border-radius:50%;cursor:pointer;width:24px;height:23px;font-size:1rem;display:flex;justify-content:center;align-items:center;flex-shrink:0;position:relative}.friend-item .remove-btn:before{content:"";position:absolute;inset:-4px}#root{min-height:100vh;display:flex;justify-content:center;align-items:center}.app{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:600px;margin:0 auto;padding:2rem 1rem;text-align:center}.top-bar{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:flex-start;align-items:center;padding:1rem 1.5rem;background:transparent;z-index:1000}.category-header{margin-top:1rem;font-family:Shrikhand,cursive;font-size:2.5rem}.card-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:1rem;width:100%;gap:1.5rem}.card-container{background-color:var(--dark);color:var(--pale-yellow);border-radius:1rem;padding:2rem 1.5rem;max-width:80vw;min-width:280px;text-align:center;box-shadow:0 8px 20px #0006;margin-bottom:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.repel-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--pale-yellow);color:var(--dark);border:2px dashed var(--pink);border-radius:1rem;display:flex;justify-content:center;align-items:center;text-align:center;z-index:10;font-weight:700;padding:1rem;animation:pop .5s ease-in-out}@keyframes pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}button{font-family:Shrikhand,cursive;border:none;border-radius:10px;cursor:pointer;transition:.2s ease;letter-spacing:.1em;width:fit-content;align-self:center}@media (hover: hover){button:hover{transform:translateY(-2px)}}button.small{font-size:16px;padding:.5rem 1rem}button.medium{font-size:18px;padding:.8rem 2rem}button.large{font-size:20px;padding:1rem 2.5rem}button.accent,button.primary{background-color:var(--pink);color:var(--pale-yellow)}button.light{background-color:var(--pale-yellow);color:var(--dark)}button.dark{background-color:var(--dark);color:var(--pale-yellow)}button.dark-border{background-color:transparent;color:var(--dark);border:3px solid var(--dark)}.active-rules-container{display:flex;flex-direction:column;align-items:center;margin:3rem auto;max-width:400px;text-align:center}.active-rules-header{display:flex;align-items:center;justify-content:center;gap:.5rem;-webkit-user-select:none;user-select:none}.active-rules-header h3{color:var(--rule);margin:0;text-align:center}.toggle-icon{color:var(--rule);display:flex;align-items:center;transition:transform .2s}.active-rules-header:hover .toggle-icon{transform:scale(1.1)}.active-rules{position:relative;border-radius:10px;padding:.5rem 1rem;color:var(--dark);text-align:left;font-family:Montserrat,sans-serif}.active-rules ul{list-style-type:"✔️ ";padding-left:1.6rem;margin:.75rem 0}.active-rules li{font-size:.95rem;line-height:1.4;margin:.25rem 0}.language-btn{position:absolute;display:flex;align-items:right;top:1rem;right:1rem;z-index:1100;background-color:var(--dark);color:var(--pale-yellow);border-radius:10px;transition:all .2s ease}.language-popup-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .25s ease-in-out;padding:0 1rem}.language-popup{position:relative;background:var(--pale-yellow);color:var(--dark);border-radius:16px;padding:2rem 1.5rem;width:100%;max-width:400px;text-align:center;box-shadow:0 8px 25px #0006;animation:popIn .3s ease}@keyframes popIn{0%{transform:scale(.9) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup-close-btn{position:absolute;padding:.8rem;top:.6rem;left:.6rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;color:var(--dark);border-radius:50%;cursor:pointer;font-size:1.4rem;transition:all .2s ease}.popup-done-btn{margin-top:1.8rem;background-color:var(--pink);color:var(--pale-yellow);border:none;border-radius:10px;padding:.7rem 1.8rem;font-family:Shrikhand,cursive;font-size:1rem;cursor:pointer;transition:.2s}.popup-done-btn:hover{background-color:#d91860}.language-options{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.2rem;padding:0 1rem}.language-options label{font-size:1.2rem;padding-left:2rem;cursor:pointer;display:flex;align-items:center;gap:.5rem}.language-options input[type=radio]{accent-color:var(--pink);transform:scale(1.6)}@media (max-width: 768px){#root{align-items:flex-start;padding-top:7rem}.top-bar{padding:.8rem 1rem}.card-wrapper{width:90%;gap:1rem}button{font-size:1rem;padding:.6rem 1.4rem}.active-rules{font-size:.9rem;max-width:90%}.toggle-rules-btn{font-size:.9rem;padding:.4rem .8rem}.language-btn{font-size:.8rem;padding:.3rem .7rem;top:.8rem;right:.8rem}.language-options{padding:0 .8rem}.language-popup-overlay{padding:0 .75rem}.language-popup{padding:1.8rem 1rem}.popup-close-btn{top:.3rem;left:.3rem}}