:root{--parent-indigo: #4f46e5;--parent-slate: #0f172a;--parent-slate-600: #475569;--nav-height: 64px}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:calc(100vh - var(--nav-height));margin:0;margin-top:var(--nav-height);-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}.top-nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);display:flex;justify-content:space-between;align-items:center;padding:0 2rem;background:#fffc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(226,232,240,.5);z-index:1000;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.nav-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--parent-slate);font-weight:700;font-size:1.125rem;transition:opacity .2s}.nav-logo:hover{opacity:.8}.nav-icon{width:24px;height:24px;color:var(--parent-indigo)}.nav-links{display:flex;gap:2rem}.nav-link{text-decoration:none;font-size:.875rem;font-weight:500;color:var(--parent-slate-600);transition:color .2s}.nav-link:hover{color:var(--parent-indigo)}@media(max-width:640px){.top-nav{padding:0 1rem}.nav-link{display:none}}.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}