*{box-sizing:border-box;margin:0;padding:0}body{color:#1f2937;background-image:url(/images/background.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}#app{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.container{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:500px;max-height:90vh;padding:2rem;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.title{color:#d99283;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.subtitle{color:#6b7280;margin-bottom:2rem;font-size:1.1rem}.btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;min-width:200px;margin:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea66}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn:disabled:hover{box-shadow:none;transform:none}.btn-secondary{color:#374151;background:#f3f4f6}.btn-secondary:hover{background:#e5e7eb;box-shadow:0 10px 25px #0000001a}.btn-small{border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem}.btn-small[onclick*=toggleLanguage]{z-index:1000;color:#fff;cursor:pointer;background:#6b7280;border:none;border-radius:.5rem;padding:.5rem .75rem;font-size:.8rem;transition:all .2s;position:fixed;top:1rem;right:1rem}.btn-small[onclick*=toggleLanguage]:hover{background:#4b5563;transform:scale(1.05)}.categories-grid{gap:.75rem;max-height:450px;margin:1.5rem 0;padding:.5rem;display:grid;overflow-y:auto}.category-item{cursor:pointer;text-align:left;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;align-items:center;padding:1rem;transition:all .3s;display:flex}.category-item:hover{background:#f0f4ff;border-color:#667eea}.category-item input[type=checkbox]{accent-color:#24a250;width:18px;height:18px;margin-right:1rem}.category-name{color:#1f2937;flex:1;font-weight:600}.category-count{color:#6b7280;font-size:.9rem;font-weight:500}.link-container{word-break:break-all;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;margin:1rem 0;padding:1rem}.link-text{color:#374151;font-family:monospace;font-size:.9rem}.copy-btn{background:#10b981;margin-top:.5rem}.copy-btn:hover{background:#059669;box-shadow:0 10px 25px #10b98166}.question-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;margin:1rem 0;padding:1.5rem;position:relative}.question-text{color:#1f2937;margin-bottom:1rem;font-size:1.2rem;font-weight:600}.category-icon{text-align:center;opacity:.9;margin-bottom:1rem;font-size:2rem;transition:opacity .3s;display:block}.question-card:hover .category-icon{opacity:1}.answer-input{border:2px solid #e5e7eb;border-radius:12px;width:100%;margin-bottom:1rem;padding:1rem;font-size:1rem;transition:border-color .3s}.answer-input:focus{border-color:#667eea;outline:none}.answers-container{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;display:grid}.answer-card{text-align:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1rem}.answer-card.revealed{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea}.waiting{color:#6b7280;margin-top:1rem;font-style:italic}.loading-spinner{justify-content:center;margin:2rem 0;display:flex}.spinner{border:4px solid #f3f4f6;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress{background:#e5e7eb;border-radius:10px;height:8px;margin:1rem 0;overflow:hidden}.progress-bar{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);height:100%;transition:width .3s}.hidden{display:none}.fade-in{animation:.5s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.menu-header{justify-content:flex-end;align-items:flex-start;width:100%;margin-bottom:.5rem;display:flex}.language-toggle{cursor:pointer;box-shadow:none;background:0 0;border:none;border-radius:50%;padding:.1em;font-size:2rem;line-height:1;transition:transform .15s}.language-toggle:hover{background:0 0;transform:scale(1.12)}.pwa-prompt-overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;animation:.3s ease-in-out fadeIn;display:flex;position:fixed;inset:0}.pwa-prompt{background:#fff;border-radius:16px;width:90%;max-width:400px;padding:2rem;animation:.3s ease-out slideUp;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.pwa-prompt-header{text-align:center;margin-bottom:1.5rem}.pwa-icon{border-radius:12px;width:64px;height:64px;margin-bottom:1rem;box-shadow:0 4px 6px -1px #0000001a}.pwa-prompt h3{color:#1f2937;margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.pwa-prompt p{color:#6b7280;text-align:center;margin:0 0 1.5rem;line-height:1.5}.pwa-prompt-buttons{justify-content:center;gap:1rem;display:flex}.pwa-prompt-buttons .btn{flex:1;max-width:150px}.ios-instructions{text-align:left;margin:1.5rem 0}.ios-instructions p{color:#374151;margin:.75rem 0;font-size:.95rem;line-height:1.6}.ios-instructions strong{color:#1f2937;font-weight:600}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.pwa-prompt{margin:1rem;padding:1.5rem}.pwa-prompt-buttons{flex-direction:column}.pwa-prompt-buttons .btn{max-width:none}.container{margin:1rem;padding:1.5rem}.title{font-size:2rem}.answers-container{grid-template-columns:1fr}.btn{min-width:150px}.categories-grid{max-height:350px}.category-item{padding:.75rem}.category-name{font-size:.9rem}.category-count{font-size:.8rem}}