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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-color:#fff;--bg-color2:#d1d1d1;--body-background:#8b8b8b}@media (prefers-color-scheme:dark){:root{--bg-color:#514f4f;--bg-color2:#2d2d2d;--body-background:#363636}}.App{background:linear-gradient(180deg,#fff,#d1d1d1);background:linear-gradient(to bottom,var( --bg-color),var( --bg-color2));background-size:cover;min-height:100vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}body{background-color:#8b8b8b;background-color:var(--body-background);color:#000;transition:background-color .3s ease,color .3s ease}.notify-button{background-color:#2563eb;border:none;border-radius:12px;box-shadow:0 4px 8px #0000001a;color:#fff;cursor:pointer;font-weight:600;padding:6px 12px;transition:background-color .2s ease,transform .1s ease}.notify-button:hover{background-color:#1e40af}.notify-button:active{transform:scale(.98)}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--headerbackgroundColor:#8b8b8b}@media (prefers-color-scheme:dark){:root{--headerbackgroundColor:#363636}}.nav-header{align-items:center;background-color:#8b8b8b;background-color:var(--headerbackgroundColor);color:#fff;display:flex;height:30px;justify-content:space-between;padding:10px 20px;position:-webkit-sticky;position:sticky;top:0;transition:transform .5s ease-in-out;z-index:1000}.nav-header.hidden{transform:translateY(-100%)}.nav-link{background:none;border:none;color:inherit;cursor:pointer;font:inherit;margin:0;padding:0;text-decoration:none}.logo{cursor:pointer;font-size:1.5rem;font-weight:700;margin:0 auto}.nav-links{display:flex;gap:20px;justify-content:center;list-style:none}.nav-links li a{color:#fff;font-size:1rem;text-decoration:none}.hamburger{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:1.5rem}@media (max-width:768px){.logo{flex-grow:0;font-size:1.5rem;font-weight:700;margin:0 auto}.nav-links{background-color:#333;border-radius:5px;display:flex;flex-direction:column;gap:10px;height:0;left:10px;opacity:0;overflow:hidden;padding:10px;position:absolute;right:10px;top:30px;transition:height .5s ease;width:calc(100% - 40px)}.nav-links.open{height:100px;opacity:1}.hamburger{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;height:24px;justify-content:space-around;position:absolute;width:24px;z-index:1100}.hamburger .line{background-color:#fff;height:3px;transition:transform .3s ease,opacity .3s ease;width:20px}.hamburger.open .line:first-child{position:absolute;top:40%;transform:rotate(45deg)}.hamburger.open .line:nth-child(2){opacity:0}.hamburger.open .line:nth-child(3){position:absolute;top:40%;transform:rotate(-45deg)}}.grid-container{grid-column-gap:20px;grid-row-gap:20px;align-items:start;column-gap:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));justify-items:stretch;padding:0 20px 10px;row-gap:20px}.article-preview{flex-grow:1;height:auto;min-width:320px}.article-preview .article-image{aspect-ratio:3/2;background-repeat:no-repeat;height:auto;overflow:hidden;width:100%}.article-preview .article-title:hover{text-decoration:underline}.article-preview .article-meta{color:#666}:root{--bottom-color:#fff}@media (prefers-color-scheme:dark){:root{--bottom-color:#363636;--title-color:#fff;--meta-color:#989898}}.article-preview{background-color:#fff;background-color:var(--bottom-color);border-radius:8px;box-shadow:0 4px 8px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:280px;margin:10px;overflow:hidden;transition:transform .3s,box-shadow .3s}.article-preview:hover{box-shadow:0 6px 15px #00000026;transform:translateY(-5px)}.article-preview .article-image{background-position:50%;background-size:cover;flex-shrink:0;height:200px}.article-image-container{height:200px}.article-image{height:100%;object-fit:cover;object-position:center;width:100%}.article-preview .article-details{color:#333;display:flex;flex-direction:column;flex-grow:1;font-family:Arial,sans-serif;gap:0;justify-content:space-between;padding:15px}.article-preview .article-title{background:none;border:none;color:#000;color:var(--title-color);cursor:pointer;font-size:1.1em;font-weight:700;margin:0;padding:0;text-align:center}.article-preview .article-title:hover{text-decoration:none}.article-preview .article-meta{color:#4a4a4a;color:var(--meta-color);font-size:.9em;margin-top:10px;text-align:center}.article-preview .article-meta .article-author{font-weight:700}.article-preview .article-meta .article-date{margin-left:10px}.article-preview .article-excerpt{-webkit-box-orient:vertical;color:#555;display:-webkit-box;font-size:1em;margin-top:15px;overflow:hidden;text-overflow:ellipsis}.article-tags{display:flex;flex-wrap:wrap;gap:5px;left:8px;position:absolute;top:8px}.article-tag{background-color:#2e2e2ed9;border-radius:4px;color:#fff;font-size:12px;font-weight:700;padding:4px 8px}:root{--tag-defaultColor:#d3d3d3;--tag-selectedColor:#000;--tag-textColor:#000;--tag-selectedTextColor:#fff}@media (prefers-color-scheme:dark){:root{--tag-defaultColor:#000;--tag-selectedColor:#fff;--tag-textColor:#fff;--tag-selectedTextColor:#000}}.tags-container{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;min-height:40px}.tag:hover{transform:scale(1.1)}.tag{background-color:#d3d3d3;background-color:var(--tag-defaultColor);border-radius:12px;color:#000;color:var(--tag-textColor);cursor:pointer;font-size:14px;padding:5px 10px;transition:transform 4s ease-in-out;transition:transform .4s ease-in-out,background-color .3s,color .3s;white-space:nowrap}.tag.selected{background-color:#000;background-color:var(--tag-selectedColor);color:#fff;color:var(--tag-selectedTextColor)}:root{--title-color:#000;--meta-color:#4a4a4a;--article-backgroundcolor:#fff;--article-textcolor:#000}@media (prefers-color-scheme:dark){:root{--title-color:#fff;--meta-color:#989898;--article-backgroundcolor:#505050;--article-textcolor:#fff}}.article-view .article-view-container{font-family:Arial,sans-serif;line-height:1.6;margin:0 auto;max-width:800px;padding:20px}.article-view .article-header{margin-bottom:20px;text-align:center}.article-view .article-title{color:#000;color:var( --title-color);font-size:2em;font-weight:700;margin:0}.article-view .article-author{color:#4a4a4a;color:var(--meta-color);font-size:1.2em;margin-top:5px}.article-view .article-image-container{display:flex;height:auto;justify-content:center;margin:20px 0;max-width:100%}.article-view .article-image{border-radius:8px;box-shadow:0 2px 6px #0003;max-height:300px;max-width:100%;object-fit:contain}.article-view .article-content{background-color:#fff;background-color:var(--article-backgroundcolor);border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#000;color:var(--article-textcolor);font-size:1.1em;padding:15px;text-align:justify}.article-view .article-not-found{color:#c00;font-size:1.5em;margin-top:50px;text-align:center}.article-image-container{overflow:hidden;position:relative;width:100%}.articleTagsContainer{background-color:#fff;background-color:var(--article-backgroundcolor);border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#000;color:var( --title-color);color:var(--article-textcolor);display:flex;flex-wrap:wrap;font-size:1.1em;margin-bottom:7px;padding:15px;position:relative;text-align:justify}.article-tags-Article{display:flex;flex-wrap:wrap;gap:5px;left:128px;position:absolute;top:8px}.article-tag-article{background-color:#2e2e2ed9;border-radius:4px;color:#fff;font-size:12px;font-weight:700;margin-right:6px;padding:4px 8px;white-space:nowrap}.article-tag-article:last-child{margin-right:0}.full-width-image{display:block;height:auto;width:100%}@media (max-width:768px){.article-view .article-title{color:#000;color:var( --title-color);font-size:1.3em;font-weight:700;margin:0}}#review-section{background-color:#f9f9f9;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 10px #00000014;color:#1c1c1c;font-family:Segoe UI,Helvetica Neue,sans-serif;font-size:.85rem;line-height:1.5;margin:30px auto;max-width:500px;padding:20px;transition:background-color .3s,color .3s}#review-section h2{border-bottom:2px solid #c80000;color:#c80000;font-size:1.4em;margin-bottom:15px;padding-bottom:4px}#review-section h3{color:#07c;font-size:1.1em;margin-top:20px}#review-section ul{padding-left:18px}#review-section li{margin-bottom:8px}#review-section .score{background-color:#e0ffe0;border-left:4px solid #28a745;border-radius:6px;font-size:1em;font-weight:700;margin-top:25px;padding:10px}@media (prefers-color-scheme:dark){#review-section{background-color:#1e1e1e;border:1px solid #333;color:#f1f1f1}#review-section h2{border-bottom:2px solid #ff6b6b;color:#ff6b6b}#review-section h3{color:#4aa3ff}#review-section .score{background-color:#143d14;border-left-color:#4caf50}}:root{--social-color:#fff}@media (prefers-color-scheme:dark){:root{--social-color:#666}}.social{align-items:center;background-color:#fff;background-color:var(--social-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:10px;justify-content:center;margin-top:5px;padding:20px}.social button{background-color:#007bff;border:none!important;border-radius:4px!important;box-shadow:0 4px 6px #0003!important;color:#fff!important;cursor:pointer!important;font-size:16px!important;font-weight:700!important;padding:5px 20px!important;transition:background-color .3s ease,transform .2s ease!important}.social button:first-child{background-color:#4267b2!important}.social button:nth-child(2){background-color:#1da1f2!important}.social button:nth-child(3){background-color:#444!important}.social button:hover{background-color:#0056b3;transform:scale(1.05)}.social button:active{background-color:#004085;transform:scale(.95)}:root{--text-color:#000}@media (prefers-color-scheme:dark){:root{--text-color:#fff}}.speakC{margin:5px;text-align:center}.speaking-text{font-size:1.2em}.speaking-text,.word{color:#000;color:var( --text-color)}.word,.word.active{font-weight:400}.word.active{color:red}.button-container{display:flex;justify-content:flex-end;margin-top:10px;width:100%}.speak-button{align-items:center;background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;padding:10px 16px;transition:background .3s ease,transform .2s ease}.speak-button:hover{background-color:#0056b3;transform:scale(1.05)}.speak-button:active{transform:scale(.95)}.speaking{background-color:#dc3545}.speaking:hover{background-color:#a71d2a}.timer{align-items:center;background:#f0f0f5;border-radius:0;box-shadow:none;box-sizing:border-box;color:#333;display:flex;flex-direction:column;font-family:Courier New,Menlo,Consolas,monospace;height:100vh;justify-content:center;margin:0;overflow:hidden;padding:0;text-align:center;width:100vw}.timer .title{color:#333;font-size:2.5rem;font-weight:500;letter-spacing:1px;margin-bottom:20px}.timer .countdown{color:#000;display:flex;flex-wrap:wrap;font-size:3.5rem;font-weight:600;justify-content:center;line-height:1.5;margin:20px 0}.timer .time-component{display:inline-block;margin:0 15px;text-align:center}.timer .message{color:#555;font-size:1.2rem;font-weight:400;letter-spacing:1px;margin-top:30px}@media (max-width:768px){.timer .title{font-size:2rem}.timer .countdown{font-size:1.5rem;margin:10px 0}.timer .time-component{margin:0 10px}.timer .message{font-size:1rem;margin-top:20px}}@media (max-width:480px){.timer .title{font-size:1.8rem}.timer .countdown{align-items:center;flex-direction:column;font-size:1.5rem}.timer .time-component{margin:5px 0}.timer .message{font-size:.9rem}}@media (prefers-color-scheme:dark){.timer{background:#1c1c1e}.timer,.timer .title{color:#f2f2f7}.timer .countdown{color:#fff}.timer .message{color:#a0a0a5}}
/*# sourceMappingURL=main.9f7706a1.css.map*/