*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;background:linear-gradient(135deg,#667eea,#f093fb,#f5576c)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:2rem;color:#fff}.app-wrapper{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1rem}.app-header{width:100%;max-width:600px;text-align:center;margin-bottom:1.5rem}.app-title{font-size:clamp(2rem,6vw,3rem);color:#fff;text-shadow:0 3px 8px rgba(0,0,0,.25);margin-bottom:1rem;letter-spacing:1px}.progress-bar-wrapper{display:flex;flex-direction:column;align-items:center;gap:.4rem}.progress-bar-track{width:100%;height:14px;background:#ffffff59;border-radius:99px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#f9ca24,#f0932b);border-radius:99px;transition:width .4s ease}.progress-text{font-size:1.1rem;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.2)}.quiz-card{background:#fff;border-radius:24px;padding:2.5rem 2rem;width:100%;max-width:600px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.score-display{font-size:1.3rem;color:#6c5ce7;background:#f0edff;padding:.5rem 1.5rem;border-radius:99px;border:2px solid #a29bfe}.word-card{text-align:center;background:linear-gradient(135deg,#ffeaa7,#fdcb6e);border-radius:16px;padding:1.5rem 2rem;width:100%;border:3px solid #f9ca24}.word-label{font-size:1rem;color:#6d4c00;margin-bottom:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.word-polish{font-size:clamp(2rem,8vw,3.5rem);font-weight:900;color:#2d3436;letter-spacing:2px}.input-area{width:100%}.answer-input{width:100%;font-size:1.6rem;padding:.9rem 1.2rem;border:3px solid #dfe6e9;border-radius:14px;text-align:center;outline:none;transition:border-color .2s,box-shadow .2s;color:#2d3436;background:#f8f9fa}.answer-input:focus{border-color:#6c5ce7;box-shadow:0 0 0 4px #6c5ce72e;background:#fff}.answer-input::placeholder{color:#b2bec3;font-size:1.2rem}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-10px)}30%{transform:translate(10px)}45%{transform:translate(-8px)}60%{transform:translate(8px)}75%{transform:translate(-4px)}90%{transform:translate(4px)}}.shake{animation:shake .5s ease}.btn{font-size:1.4rem;font-weight:700;padding:1rem 2.5rem;border:none;border-radius:99px;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s;letter-spacing:.5px;box-shadow:0 6px 18px #0000002e;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.92)!important;box-shadow:0 2px 6px #00000026!important}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:not(:disabled):hover{transform:scale(1.05);box-shadow:0 10px 24px #00000038}.btn-submit{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;width:100%;max-width:320px}.btn-restart{background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;margin-top:1rem}.feedback-area{min-height:3.5rem;display:flex;align-items:center;justify-content:center;width:100%}.feedback{font-size:1.5rem;font-weight:700;padding:.8rem 1.5rem;border-radius:14px;text-align:center;width:100%}.feedback-correct{background:#d4edda;color:#155724;border:2px solid #c3e6cb}.feedback-wrong{background:#f8d7da;color:#721c24;border:2px solid #f5c6cb}@keyframes celebrate{0%{transform:scale(.8);opacity:0}40%{transform:scale(1.15)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}.celebrate{animation:celebrate .5s ease forwards}.congrats-card{background:#fff;border-radius:24px;padding:3rem 2rem;width:100%;max-width:500px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;margin-top:3rem}@keyframes trophy-bounce{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-20px) rotate(5deg)}}.congrats-emoji{font-size:5rem;animation:trophy-bounce 1.2s ease-in-out infinite}.congrats-title{font-size:3rem;color:#6c5ce7;font-weight:900}.congrats-subtitle{font-size:1.3rem;color:#636e72}.final-score{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);border-radius:16px;padding:1rem 2.5rem;border:3px solid #f9ca24;margin:.5rem 0}.final-score-number{font-size:4rem;font-weight:900;color:#e17055}.final-score-total{font-size:2rem;color:#6d4c00;font-weight:700}.final-percentage{font-size:1.3rem;color:#00b894;font-weight:700}.app-title-row{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-bottom:1rem}.btn-admin-toggle{background:#fff3;color:#fff;font-size:1.3rem;padding:.45rem .8rem;border-radius:12px;border:2px solid rgba(255,255,255,.4);box-shadow:none;transition:background .2s;flex-shrink:0}.btn-admin-toggle:hover{background:#ffffff59!important;transform:none!important;box-shadow:none!important}@media(max-width:480px){.quiz-card{padding:1.8rem 1.2rem}.btn{font-size:1.2rem;padding:.9rem 2rem}.answer-input{font-size:1.3rem}}.admin-wrapper{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:1rem}.admin-panel{background:#fff;border-radius:24px;width:100%;max-width:700px;box-shadow:0 20px 60px #00000040;overflow:hidden;margin-top:1rem}.admin-header{background:linear-gradient(135deg,#2d3436,#636e72);padding:1.2rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.admin-title{font-size:1.6rem;color:#fff;font-weight:800;letter-spacing:.5px}.btn-admin-close{background:#ffffff26;color:#fff;font-size:1rem;padding:.5rem 1.2rem;border-radius:99px;border:2px solid rgba(255,255,255,.3);transition:background .2s}.btn-admin-close:hover{background:#ffffff47!important;transform:none!important}.admin-add-form{padding:1.2rem 1.5rem;background:#f0f4ff;border-bottom:2px solid #e0e8ff}.admin-section-title{font-size:1rem;font-weight:700;color:#636e72;text-transform:uppercase;letter-spacing:1px;margin-bottom:.8rem}.admin-add-row{display:flex;gap:.6rem;flex-wrap:wrap}.admin-input{flex:1;min-width:120px;font-size:1rem;padding:.6rem .9rem;border:2px solid #b2bec3;border-radius:10px;outline:none;transition:border-color .2s,box-shadow .2s;background:#fff;color:#2d3436}.admin-input:focus{border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce726}.admin-input--inline{flex:1;min-width:100px}.btn-admin-add{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;font-size:1rem;padding:.6rem 1.3rem;border-radius:10px;white-space:nowrap}.admin-list{padding:1.2rem 1.5rem;max-height:420px;overflow-y:auto}.admin-empty{text-align:center;color:#b2bec3;font-size:1rem;padding:2rem 0}.admin-word-row{display:flex;align-items:center;gap:.6rem;padding:.55rem .8rem;border-radius:10px;transition:background .15s;flex-wrap:wrap}.admin-word-row:nth-child(odd){background:#f8f9fa}.admin-word-row:nth-child(2n){background:#fff}.admin-word-row:hover{background:#f0edff}.admin-word-row--editing{background:#fff8e1!important;border:2px solid #f9ca24;padding:.5rem .75rem}.admin-word-pl{font-size:1rem;font-weight:700;color:#2d3436;min-width:90px;flex-shrink:0}.admin-word-arrow{color:#b2bec3;font-size:1rem;flex-shrink:0}.admin-word-en{font-size:1rem;color:#636e72;flex:1;min-width:80px}.btn-admin-edit{background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;font-size:.8rem;padding:.35rem .9rem;border-radius:8px;margin-left:auto}.btn-admin-delete{background:linear-gradient(135deg,#e17055,#d63031);color:#fff;font-size:.8rem;padding:.35rem .9rem;border-radius:8px}.btn-admin-save{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;font-size:.8rem;padding:.35rem .9rem;border-radius:8px;margin-left:auto}.btn-admin-cancel{background:linear-gradient(135deg,#b2bec3,#636e72);color:#fff;font-size:.8rem;padding:.35rem .9rem;border-radius:8px}.admin-footer{padding:1rem 1.5rem;border-top:2px solid #f0f0f0;display:flex;justify-content:center}.btn-admin-reset{background:linear-gradient(135deg,#fdcb6e,#e17055);color:#fff;font-size:.95rem;padding:.6rem 1.5rem;border-radius:99px}@media(max-width:480px){.admin-header{flex-direction:column;align-items:flex-start;gap:.6rem}.admin-word-row{gap:.4rem}.admin-word-pl,.admin-word-en{min-width:60px}}