body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#2d5a4a;--primary-strong:#1e3d32;--primary-light:#4a7a6b;--accent-golden:#d4af37;--accent-red-orange:#e67e22;--accent-bright-yellow:#f1c40f;--accent-light-green:#a8e6cf;--background-color:#fff;--surface-color:#fff;--surface-muted:#f8faf9;--text-color:#2d5a4a;--text-muted:#5a7a6b;--border-color:#2d5a4a29;--shadow-soft:0 24px 48px #2d5a4a14;--shadow-tiny:0 6px 16px #2d5a4a14;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--transition-base:150ms ease-in-out}.dark-mode{--primary-color:#4a7a6b;--primary-strong:#2d5a4a;--primary-light:#6b9a8b;--accent-golden:#e6c547;--accent-red-orange:#f39c12;--accent-bright-yellow:#f7dc6f;--accent-light-green:#b8e6d1;--background-color:#0f1413;--surface-color:#1a1f1e;--surface-muted:#151a19;--text-color:#f1f6f4;--text-muted:#9fb4b1;--border-color:#2d5a4a33;--shadow-soft:0 24px 48px #00000073;--shadow-tiny:0 10px 24px #0000004d}*{box-sizing:border-box}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}body{background:radial-gradient(circle at top,#2d5a4a14,#0000 60%),#fff;background:radial-gradient(circle at top,#2d5a4a14,#0000 60%),var(--background-color);color:#2d5a4a;color:var(--text-color);font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;line-height:1.6;margin:0;transition:background .15s ease-in-out,color .15s ease-in-out;transition:background var(--transition-base),color var(--transition-base)}body.dark-mode{background:radial-gradient(circle at top,#4a7a6b14,#0000 55%),#fff;background:radial-gradient(circle at top,#4a7a6b14,#0000 55%),var(--background-color)}.App{display:flex;flex-direction:column;min-height:100vh;transition:background .15s ease-in-out,color .15s ease-in-out;transition:background var(--transition-base),color var(--transition-base)}.app-main{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:clamp(1.5rem,3vw,3rem) clamp(1rem,3vw,3.5rem)}.app-main.grid-container{gap:1.5rem;max-width:none;width:min(1120px,100%)}.question-list{display:flex;flex:1 1 auto;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:min(1120px,100%);min-height:100%;width:100%}.app-header{background:#fff;background:var(--surface-color);border:1px solid #2d5a4a29;border:1px solid var(--border-color);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 6px 16px #2d5a4a14;box-shadow:var(--shadow-tiny);display:flex;flex-direction:column;gap:0;min-height:60px;padding:clamp(.65rem,1.5vw,1rem) clamp(.75rem,2vw,1.5rem);position:sticky;top:0;z-index:10}.header-top{align-items:center;display:flex;gap:1rem}.header-categories{border-top:1px solid #2d5a4a29;border-top:1px solid var(--border-color);margin-top:1rem;padding-top:1rem}.menu-toggle{align-items:center;background:#fff;background:var(--surface-color);border:1px solid #2d5a4a29;border:1px solid var(--border-color);border-radius:14px;border-radius:var(--radius-md);color:#1e3d32;color:var(--primary-strong);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:1.1rem;height:44px;justify-content:center;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,transform .15s ease-in-out;transition:background-color var(--transition-base),border-color var(--transition-base),transform var(--transition-base);width:44px}.menu-toggle.active,.menu-toggle:hover{background:#2d5a4a29;border-color:#2d5a4a61;transform:translateY(-1px)}.header-search{flex:1 1;min-width:0}.drawer-title{color:#5a7a6b;color:var(--text-muted);font-size:.95rem;font-weight:700;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.category-list{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.app-footer{background:#fff;background:var(--surface-color);border:1px solid #2d5a4a29;border:1px solid var(--border-color);border-radius:20px;border-radius:var(--radius-lg);bottom:0;box-shadow:0 6px 16px #2d5a4a14;box-shadow:var(--shadow-tiny);flex-direction:column;gap:.75rem;padding:clamp(.65rem,1.5vw,1rem) clamp(.75rem,2vw,1.5rem);position:sticky;z-index:8}.app-footer,.mode-buttons{align-items:center;display:flex;justify-content:center}.mode-buttons{flex-wrap:nowrap;gap:.5rem}.mode-btn{align-items:center;background:#f8faf9;background:var(--surface-muted);border:1px solid #2d5a4a29;border:1px solid var(--border-color);border-radius:14px;border-radius:var(--radius-md);color:#5a7a6b;color:var(--text-muted);cursor:pointer;display:flex;flex:0 1 auto;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;min-width:120px;padding:.75rem 1.1rem;transition:all .15s ease-in-out;transition:all var(--transition-base)}.mode-btn:hover{background:#2d5a4a1a;border-color:#2d5a4a4d;transform:translateY(-1px)}.mode-btn.active{background:#2d5a4a26;border-color:#2d5a4a66;box-shadow:inset 0 0 0 1px #2d5a4a33;color:#1e3d32;color:var(--primary-strong)}.footer-credit{color:#5a7a6b;color:var(--text-muted);font-size:.8rem;font-weight:500;opacity:.8;text-align:center}.category-checkbox{display:flex}.category-chip{align-items:center;background:#f8faf9;background:var(--surface-muted);border:1px solid #2d5a4a29;border:1px solid var(--border-color);border-radius:999px;color:#5a7a6b;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.6rem;padding:.65rem .9rem;position:relative;transition:background-color .15s ease-in-out,color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);width:100%}.category-chip input{accent-color:#2d5a4a;accent-color:var(--primary-color);border-radius:6px;height:18px;margin:0;width:18px}.category-chip span{flex:1 1}.category-chip.active{background:#2d5a4a26;border-color:#2d5a4a52;box-shadow:inset 0 0 0 1px #2d5a4a2e;color:#1e3d32;color:var(--primary-strong)}.search-container{align-items:center;display:flex;flex:1 1;min-width:0;position:relative}.search-bar{background:#fff;background:var(--surface-color);border:1px solid #2d5a4a29;border:1px solid var(--border-color);border-radius:14px;border-radius:var(--radius-md);box-shadow:0 1px 2px #0f172a0a;box-sizing:border-box;color:#2d5a4a;color:var(--text-color);font-size:1rem;height:44px;margin:0;min-height:44px;padding:0 3rem 0 1.15rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,background-color .15s ease-in-out;transition:border-color var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base);width:100%}.search-bar:focus{border-color:#2d5a4a99;box-shadow:0 0 0 3px #2d5a4a33;outline:none}.clear-button,.search-bar::placeholder{color:#5a7a6b;color:var(--text-muted)}.clear-button{background:none;border:none;cursor:pointer;font-size:1.2rem;position:absolute;right:.95rem;top:50%;transform:translateY(-50%);transition:color .15s ease-in-out,transform .15s ease-in-out;transition:color var(--transition-base),transform var(--transition-base)}.clear-button:hover{color:#1e3d32;color:var(--primary-strong);transform:translateY(-50%) scale(1.05)}.scrollable-content{flex:1 1;min-height:0;overflow-y:auto;padding:0}.grid-x{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;max-width:100%;width:100%}.cell{min-width:0}.cell,.question-item{display:flex;flex-direction:column;width:100%}.question-item{background:#fff;background:var(--surface-color);border:1px solid #2d5a4a29;border:1px solid var(--border-color);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 6px 16px #2d5a4a14;box-shadow:var(--shadow-tiny);box-sizing:border-box;cursor:pointer;gap:1rem;max-width:100%;min-height:200px;padding:1.5rem;position:relative;transition:transform .15s ease-in-out,box-shadow .15s ease-in-out,border-color .15s ease-in-out,cursor .15s ease-in-out;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),cursor var(--transition-base)}.question-item:hover{border-color:#2d5a4a42;box-shadow:0 24px 48px #2d5a4a14;box-shadow:var(--shadow-soft);transform:translateY(-4px)}.question-item.revealed{cursor:default}.question-item.revealed:hover{transform:translateY(-2px)}.question-item:after{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;background:var(--surface-color);border-radius:10px;border-radius:var(--radius-sm);bottom:.5rem;color:#5a7a6b;color:var(--text-muted);content:"Click to reveal answer";font-size:.8rem;left:1.5rem;opacity:.6;padding:.25rem .5rem;pointer-events:none;position:absolute;right:1.5rem;text-align:center;transition:opacity .15s ease-in-out;transition:opacity var(--transition-base)}.question-item.revealed:after{display:none}.question-item:hover:after{opacity:.8}.single-card-container{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:800px}.card-navigation{justify-content:space-between;padding:1rem 0}.card-navigation,.nav-btn{align-items:center;display:flex}.nav-btn{background:#fff;background:var(--surface-color);border:1px solid #2d5a4a29;border:1px solid var(--border-color);border-radius:14px;border-radius:var(--radius-md);color:#2d5a4a;color:var(--text-color);cursor:pointer;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .15s ease-in-out;transition:all var(--transition-base)}.nav-btn:hover{background:#2d5a4a1a;border-color:#2d5a4a4d;transform:translateY(-1px)}.card-counter{color:#5a7a6b;color:var(--text-muted);font-size:.9rem;font-weight:600}.single-card{width:100%}.question-item.single{font-size:1.1rem;min-height:300px;padding:2rem}.question-item.single .question-text{font-size:1.2rem;line-height:1.7;padding-bottom:2.5rem}.question-item.single .answer-text{font-size:1.1rem;line-height:1.6}.question-item.revealed .question-text{padding-bottom:0}.grid-x .question-item{flex:1 1;height:100%;min-width:0;width:100%}.grid-x .cell{min-width:0;width:100%}.question-meta{align-items:center;color:#5a7a6b;color:var(--text-muted);display:flex;font-size:.85rem;gap:.5rem;justify-content:space-between}.reveal-btn{background:#2d5a4a;background:var(--primary-color);border:1px solid #2d5a4a;border:1px solid var(--primary-color);border-radius:10px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;min-width:80px;padding:.5rem 1rem;transition:all .15s ease-in-out;transition:all var(--transition-base)}.reveal-btn:hover{background:#1e3d32;background:var(--primary-strong);box-shadow:0 4px 12px #2d5a4a4d;transform:translateY(-1px)}.question-item.revealed .reveal-btn{background:#2d5a4a1a;border-color:#1e3d32;border-color:var(--primary-strong);color:#1e3d32;color:var(--primary-strong)}.question-item.revealed .reveal-btn:hover{background:#2d5a4a26}.question-category{color:#2d5a4a;color:var(--primary-color);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.question-media{background:#f8faf9;background:var(--surface-muted);border:1px solid #2d5a4a29;border:1px solid var(--border-color);border-radius:14px;border-radius:var(--radius-md);overflow:hidden}.question-media img{display:block;height:auto;object-fit:cover;width:100%}.question-text{color:#2d5a4a;color:var(--text-color);font-size:1.05rem;font-weight:600;padding-bottom:2rem}.answer-text,.question-text{word-wrap:break-word;line-height:1.5;overflow-wrap:break-word}.answer-text{animation:slideDown .3s ease-out;border-top:1px dashed #2d5a4a3d;color:#5a7a6b;color:var(--text-muted);font-size:.95rem;font-weight:500;margin-top:.5rem;padding-top:.85rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.answer-text p,.question-text p{margin:0}.error-message,.loading-message,.no-results{align-items:center;background:#f8faf9;background:var(--surface-muted);border:1px dashed #2d5a4a29;border:1px dashed var(--border-color);border-radius:20px;border-radius:var(--radius-lg);color:#5a7a6b;color:var(--text-muted);display:flex;font-weight:600;justify-content:center;padding:2rem;text-align:center}.error-message{background:#e74c3c14;border-color:#e74c3c52;color:#d35400}.fab{align-items:center;background:#2d5a4a;background:var(--primary-color);border:none;border-radius:50%;bottom:clamp(1.5rem,4vw,2.5rem);box-shadow:0 16px 30px #2d5a4a59;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:58px;justify-content:center;position:fixed;right:clamp(1.5rem,4vw,2.5rem);transition:transform .15s ease-in-out,box-shadow .15s ease-in-out,background-color .15s ease-in-out;transition:transform var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base);width:58px;z-index:20}.fab:hover{background:#1e3d32;background:var(--primary-strong);box-shadow:0 22px 40px #1e3d3266;transform:translateY(-3px) scale(1.05)}.dark-mode .app-footer,.dark-mode .app-header,.dark-mode .category-drawer.open,.dark-mode .question-item{background:#fff;background:var(--surface-color)}.dark-mode .category-chip,.dark-mode .search-bar{background:#f8faf9;background:var(--surface-muted)}.dark-mode .category-chip{color:#5a7a6b;color:var(--text-muted)}.dark-mode .category-chip.active{background:#4a7a6b40;border-color:#4a7a6b66;color:#2d5a4a;color:var(--primary-color)}.dark-mode .clear-button{color:#5a7a6b;color:var(--text-muted)}.dark-mode .answer-text{border-top-color:#4a7a6b47}.dark-mode .reveal-btn{background:#2d5a4a;background:var(--primary-color);border-color:#2d5a4a;border-color:var(--primary-color)}.dark-mode .reveal-btn:hover{background:#1e3d32;background:var(--primary-strong)}.dark-mode .question-item.revealed .reveal-btn{background:#4a7a6b26;border-color:#2d5a4a;border-color:var(--primary-color);color:#2d5a4a;color:var(--primary-color)}.dark-mode .question-item.revealed .reveal-btn:hover{background:#4a7a6b33}@media (min-width:600px){.grid-x{gap:1.25rem;grid-template-columns:repeat(2,minmax(280px,1fr))!important}.question-item{min-height:200px;width:100%}}@media (min-width:768px){.grid-x{gap:1.5rem;grid-template-columns:repeat(2,minmax(300px,1fr))!important}.question-item{min-height:220px;width:100%}}@media (min-width:1024px){.grid-x{gap:1.5rem;grid-template-columns:repeat(3,minmax(320px,1fr))!important}.question-item{min-height:240px;width:100%}}@media (min-width:1600px){.app-main.grid-container{max-width:1600px;width:100%}.grid-x{gap:2rem;grid-template-columns:repeat(3,minmax(350px,1fr))!important}.grid-x,.question-item{width:100%}}@media (max-width:900px){.category-drawer.open{max-height:500px}.scrollable-content{padding-bottom:2rem}}@media (max-width:680px){.app-main{padding:1.5rem}.question-item{min-height:180px;padding:1.25rem}.question-item.single{min-height:250px;padding:1.5rem}.grid-x{gap:1rem}.category-list{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}}.load-more-container{display:flex;justify-content:center;margin-top:1rem;padding:2rem 0}.load-more-btn{align-items:center;background:#fff;background:var(--surface-color);border:1px solid #2d5a4a29;border:1px solid var(--border-color);border-radius:14px;border-radius:var(--radius-md);color:#2d5a4a;color:var(--text-color);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:200px;padding:1rem 2rem;transition:all .15s ease-in-out;transition:all var(--transition-base)}.load-more-btn:hover:not(:disabled){background:#2d5a4a1a;border-color:#2d5a4a4d;transform:translateY(-1px)}.load-more-btn:disabled{cursor:not-allowed;opacity:.6}.dark-mode .load-more-btn{background:#fff;background:var(--surface-color);color:#2d5a4a;color:var(--text-color)}.dark-mode .load-more-btn:hover:not(:disabled){background:#4a7a6b26;border-color:#4a7a6b66}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}
/*# sourceMappingURL=main.347feae3.css.map*/