:root{--background-light:#f4f4f4;--surface-light:#fff;--text-primary-light:#333;--text-secondary-light:#777;--accent-light:#c7a17a;--accent-hover-light:#b5906c;--border-light:#eee;--background-dark:#3d2c1d;--surface-dark:#4a372a;--text-primary-dark:#f0e6d8;--text-secondary-dark:#bcae9f;--accent-dark:#aec670;--accent-hover-dark:#9cb360;--border-dark:#5c4a3a}body{align-items:center;display:flex;font-family:Arial,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:0;text-align:center;transition:background-color .3s,color .3s}body.light{background-color:#f4f4f4;background-color:var(--background-light);color:#333;color:var(--text-primary-light)}body.dark{background-color:#3d2c1d;background-color:var(--background-dark);color:#f0e6d8;color:var(--text-primary-dark)}.App-header{border-bottom:1px solid var(--border-light);box-sizing:border-box;padding:10px 20px;width:100%}.App.dark .App-header{border-bottom-color:var(--border-dark)}.App-header nav{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.App-header nav a{color:var(--text-secondary-light);font-weight:700;margin:5px 15px;text-decoration:none}.App.dark .App-header nav a{color:var(--text-secondary-dark)}.App-header .theme-toggle{margin-left:20px;padding:8px 12px;width:auto}.site-logo-link{align-items:center;color:var(--text-primary-light);display:flex;height:40px;margin:0 15px;text-decoration:none}.App.dark .site-logo-link{color:var(--text-primary-dark)}.site-logo{height:40px;margin-right:10px;width:auto}.site-title{font-size:1.2rem;font-weight:700;white-space:nowrap}.blog-container{background-color:var(--surface-light);border-radius:8px;box-shadow:0 4px 12px #0000000d;color:var(--text-primary-light);font-family:Georgia,serif;line-height:1.8;margin:2rem auto;max-width:720px;padding:2rem;transition:background-color .3s,color .3s}.App.dark .blog-container{background-color:var(--surface-dark);box-shadow:none;color:var(--text-primary-dark)}.blog-header{border-bottom:1px solid var(--border-light);margin-bottom:2rem;padding-bottom:2rem;text-align:center}.App.dark .blog-header{border-bottom-color:var(--border-dark)}.blog-header h1{font-size:2.5rem;margin-bottom:.5rem}.blog-subtitle{color:var(--text-secondary-light);font-size:1.2rem}.App.dark .blog-subtitle{color:var(--text-secondary-dark)}.blog-content{margin-bottom:3rem}.blog-content p{margin-bottom:1.5rem}.quiz-section,.result-section,.start-button-container{background-color:#f9f9f9;border-radius:8px;padding:2rem;text-align:center}.App.dark .quiz-section,.App.dark .result-section,.App.dark .start-button-container{background-color:var(--background-dark)}.quiz-section h2,.result-section h2{margin-bottom:2rem}.result-section h3{color:var(--accent-light);font-size:1.8rem}.App.dark .result-section h3{color:var(--accent-dark)}.answers button{background-color:var(--surface-light);border:1px solid var(--border-light);color:var(--text-primary-light);margin-bottom:.5rem;padding:1rem;text-align:left;transition:background-color .2s,border-color .2s;width:100%}.answers button:hover{background-color:#f0f0f0;border-color:#ccc}.App.dark .answers button{background-color:var(--surface-dark);border-color:var(--border-dark);color:var(--text-primary-dark)}.App.dark .answers button:hover{background-color:var(--background-dark);border-color:var(--accent-dark)}.result-image{border-radius:8px;height:auto;margin-bottom:1.5rem;max-width:100%}.result-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.5rem}.result-actions button{flex-grow:1;max-width:200px;width:auto}.blog-index-container{margin:0 auto;max-width:800px;padding:2rem}.blog-index-container h1{margin-bottom:1rem;text-align:center}.blog-index-container>p{color:var(--text-secondary-light);margin-bottom:3rem;text-align:center}.App.dark .blog-index-container>p{color:var(--text-secondary-dark)}.article-list{grid-gap:2rem;display:grid;gap:2rem}.article-card{border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary-light);display:block;padding:2rem;text-decoration:none;transition:transform .2s,box-shadow .2s}.App.dark .article-card{background-color:var(--surface-dark);border-color:var(--border-dark);color:var(--text-primary-dark)}.article-card:hover{box-shadow:0 8px 15px #00000012;transform:translateY(-5px)}.App.dark .article-card:hover{box-shadow:0 8px 15px #0003}.article-card h2{font-size:1.5rem;margin-bottom:1rem;margin-top:0}.article-card p{color:var(--text-secondary-light);margin-bottom:1rem}.App.dark .article-card p{color:var(--text-secondary-dark)}.read-more{color:var(--accent-light);font-weight:700}.App.dark .read-more{color:var(--accent-dark)}.article-container{font-family:Georgia,serif;line-height:1.8;margin:0 auto;max-width:720px;padding:2rem}.article-header{border-bottom:1px solid var(--border-light);margin-bottom:3rem;padding-bottom:2rem;text-align:center}.App.dark .article-header{border-bottom-color:var(--border-dark)}.article-header h1{font-size:2.5rem;line-height:1.3}.article-content h2{font-size:1.8rem;margin-top:3rem}.article-content h2,.article-content p{margin-bottom:1.5rem}.article-content a{color:var(--accent-light);text-decoration:underline}.App.dark .article-content a{color:var(--accent-dark)}.App{background-color:var(--surface-light);border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:800px;padding:20px;transition:background-color .3s;width:90%}.App.dark{background-color:var(--surface-dark);box-shadow:0 2px 10px #0006}.container{padding:20px}button{background-color:var(--accent-light);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:10px;padding:15px 30px;transition:background-color .2s;width:80%}.App.dark button{background-color:var(--accent-dark);color:var(--background-dark);font-weight:700}button:hover{background-color:var(--accent-hover-light)}.App.dark button:hover{background-color:var(--accent-hover-dark)}.answers button{display:block;margin:10px auto}footer{border-top:1px solid var(--border-light);color:var(--text-secondary-light);font-size:12px;margin-top:30px;padding-top:15px}.App.dark footer{border-top:1px solid var(--border-dark);color:var(--text-secondary-dark)}.adsense-ad-container{background-color:var(--surface-light);border-radius:8px;margin:20px auto;min-height:100px;text-align:center}.App.dark .adsense-ad-container{background-color:var(--surface-dark)}
/*# sourceMappingURL=main.32419700.css.map*/