.appbar{display:flex;justify-content:space-between;align-items:center;margin-top:4px;opacity:0;transform:translateY(-20px);transition:opacity .5s,transform .5s;animation:fadeDown .5s ease forwards}.app-logo{height:32px}#theme-mode-btn,#info-btn{color:var(--txt-color);width:24px;height:24px;padding-left:16px;cursor:pointer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.category-icon{display:inline-flex;width:48px;height:48px;background-color:#e0e0e0;border-radius:50%;justify-content:center;align-items:center;font-size:18px;flex-shrink:0;position:absolute;z-index:10}.category-bar{border-radius:25px;display:inline-flex;align-items:center;width:fit-content;max-width:calc(100vw - 20px);height:48px;background-color:var(--category-bar-color);font-size:18px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;animation:fadeIn 1.5s forwards}.category-bar::-webkit-scrollbar{display:none}.category-bar-scrollable{border-top-right-radius:0;border-bottom-right-radius:0}.category-items{height:inherit;display:flex;justify-content:center;align-items:center;white-space:nowrap;margin-left:48px;margin-right:32px;cursor:pointer}.category-name{padding:0 16px;color:gray;font-family:Andada Pro,serif;transition:transform .2s ease-in-out}.selected-category-name{color:var(--txt-color);transform:scale(1.1)}.article-card{margin:32px 0;opacity:0;transform:translateY(-20px);transition:opacity 1s,transform 1s;animation:fadeDown 1s ease forwards}.article-title{font-size:16px;margin:4px;color:var(--txt-color)}.article-link{color:var(--txt-color);text-decoration:none;color:inherit}.article-link:active{color:#9e9e9e}.article-description{margin:4px;color:#9e9e9e}.popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.popup-content{background-color:var(--bg-color);color:var(--txt-color);padding:20px;border-radius:8px;box-shadow:0 2px 4px #0003;display:flex;justify-content:center;flex-direction:column;align-items:center;width:250px}.popup-content .popup-text{font-size:16px;margin:8px 0;text-align:center}.popup-content #close-icon{cursor:pointer;margin:16px 0 0}.app-logo-small{width:24px}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}:root{font-family:Andada Pro,serif;margin:12px;scroll-behavior:smooth;-webkit-tap-highlight-color:rgba(255,255,255,0);--bg-color: white;--txt-color: black;--category-bar-color: #f5f5f5}[app-theme=dark]{--bg-color: #282c34;--txt-color: white;--category-bar-color: #212121}body{background-color:var(--bg-color)}.material-symbols-outlined{color:--txt-color}.tagline-text{font-size:24px;opacity:0;transform:translateY(-20px);transition:opacity 1s,transform 1s;animation:fadeDown 1s ease forwards;color:var(--txt-color)}.no-scroll{overflow:hidden}.loading-screen{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}@media(min-width:1000px){body{display:flex;justify-content:center}}