body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#e8e4d8;background-image:url(https://images.unsplash.com/photo-1505962341353-0a28a3f5621a?q=80&w=2070&auto=format&fit=crop);background-size:cover;background-position:center;color:#333;display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}body:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#f0f4f8b3;z-index:-1}.container{width:95%;max-width:500px;text-align:center;padding:20px}h1{color:#5a4c41;margin-bottom:2rem;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.card-counter{color:#5a4c41;font-size:1rem;font-weight:600;margin-bottom:.5rem;opacity:.9;height:1.2rem}.card-container{width:100%;max-width:400px;height:250px;perspective:1500px;margin:.5rem auto 2rem;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transform:scale(1)}.card-container.content-hidden{opacity:0;transform:scale(.95);pointer-events:none}.card{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,.2,.2,1);cursor:pointer}.card.no-transition{transition:none!important}.card.is-flipped{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;justify-content:center;align-items:center;padding:25px;box-sizing:border-box;border-radius:18px;box-shadow:0 6px 20px #0000001a;font-size:1.5rem;line-height:1.4}.card-face-front{background:#fdfaf3;color:#5a4c41}.card-face-back{background:#4a7c85;color:#fff;transform:rotateY(180deg)}.play-mode-controls{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.play-mode-button{padding:10px 20px;font-size:.9rem;font-weight:600;border:2px solid #a3b18a;border-radius:8px;cursor:pointer;background-color:transparent;color:#588157;transition:all .3s ease}.play-mode-button.active{background-color:#588157;color:#fff}.controls{margin-top:2rem;display:flex;justify-content:center;gap:1rem;height:50px}.button{padding:12px 24px;font-size:1rem;font-weight:600;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 6px #0000001a}.button-wrong{background-color:#bc4749}.button-wrong:hover:not(:disabled){background-color:#a43d3f}.button-right{background-color:#6a994e}.button-right:hover:not(:disabled){background-color:#577e3f}.no-cards{background:#fff;padding:2rem;border-radius:18px;box-shadow:0 6px 20px #0000001a}.settings-button{position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer;padding:10px;z-index:1001}.settings-icon{width:24px;height:24px;fill:#5a4c41;transition:fill .3s,transform .5s}.settings-button:hover .settings-icon{fill:#2c3e50;transform:rotate(90deg)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:2rem 2.5rem;border-radius:12px;width:90%;max-width:400px;box-shadow:0 10px 30px #0003}.modal-content h2{margin-top:0;color:#2c3e50}.modal-content label{display:block;margin-bottom:.5rem;font-weight:600;color:#34495e}.modal-content input{width:100%;padding:10px;box-sizing:border-box;border:1px solid #bdc3c7;border-radius:6px;font-size:1rem;margin-bottom:1.5rem}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;border-top:1px solid #ecf0f1;padding-top:1.5rem}.modal-button{padding:10px 20px;border-radius:6px;border:none;font-size:1rem;font-weight:600;cursor:pointer}.modal-button-save{background-color:#3498db;color:#fff}.modal-button-cancel{background-color:#ecf0f1;color:#34495e}.modal-button-reset{background-color:#e74c3c;color:#fff;margin-right:auto}