.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background-color:#fff;border-top:1px solid #e0e0e0;box-shadow:0 -1em 1em #0000001a;padding:10px 0;z-index:1000;transition:background-color .3s ease,border-color .3s ease}.nav-item{display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:none;cursor:pointer;padding:8px 20px;transition:all .3s ease;font-family:Open Sans,sans-serif}.nav-item .nav-icon{font-size:1.5rem;transition:opacity .3s ease}.nav-item .nav-icon svg{width:24px;height:24px;transition:fill .3s ease}.nav-item .nav-label{font-size:.75rem;color:#666;transition:color .3s ease}.nav-item.active .nav-icon svg{color:#5a7f3e}.nav-item.active .nav-label{color:#5a7f3e;font-weight:600}.nav-item:hover .nav-icon svg{opacity:.8}body.dark-mode .bottom-nav{background-color:#1a1a1a;border-top-color:#2a2a2a}body.dark-mode .nav-icon svg{color:#c8c6c6}body.dark-mode .nav-item .nav-label{color:#c8c6c6}body.dark-mode .nav-item.active .nav-icon svg{stroke:#7fb05c}body.dark-mode .nav-item.active .nav-label{color:#7fb05c}.news-card-wrapper{position:relative;overflow:hidden;transition:background-color .3s ease}.news-card-wrapper.swiped{animation:swipeFlash .3s ease}.swipe-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none}.swipe-icon .swipe-svg{width:30px;height:30px;gap:55px;filter:brightness(0) invert(1) drop-shadow(0 2px 8px rgba(0,0,0,.3))}.news-card{display:flex;gap:15px;padding:15px 20px;background-color:#fff;border-bottom:1px solid #f0f0f0;position:relative;transition:transform .3s ease,background-color .2s ease;cursor:pointer}.news-card:active{cursor:pointer}.news-card:hover{background-color:#f9f9f9;transform:scale(1.005)}.news-image{width:80px;height:80px;flex-shrink:0;border-radius:8px;overflow:hidden}.news-image img{width:100%;height:100%;object-fit:cover}.news-image-placeholder{width:100%;height:100%;background-color:#e0e0e0;border-radius:8px}.news-info{flex:1;display:flex;flex-direction:column;gap:5px;padding-right:35px}.news-info h3{font-family:Open Sans,sans-serif;font-size:1rem;font-weight:600;color:#333;margin:0;line-height:1.3}.news-info p{font-family:Open Sans,sans-serif;font-size:.85rem;color:#666;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bookmark-btn,.delete-btn{position:absolute;right:15px;bottom:15px;background:none;border:none;cursor:pointer;opacity:.6;transition:all .3s ease;padding:5px;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.bookmark-btn img,.delete-btn img{width:24px;height:24px}.bookmark-btn:hover,.delete-btn:hover{opacity:1;transform:scale(1.2)}.bookmark-btn.active,.delete-btn.active{opacity:1;filter:brightness(1.2)}@keyframes swipeFlash{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}body.dark-mode .news-card{background-color:#1a1a1a;border-bottom-color:#2a2a2a}body.dark-mode .news-card:hover{background-color:#222}body.dark-mode .news-image-placeholder{background-color:#2a2a2a}body.dark-mode .news-info h3{color:#fff}body.dark-mode .news-info p{color:#b0b0b0}@font-face{font-family:Playfair Display;src:url(/newsify-app/assets/PlayfairDisplay-Regular-Cl-XvBsO.ttf) format("truetype")}.home-container{display:flex;flex-direction:column;min-height:100vh;background-color:#fff;padding-bottom:80px;transition:background-color .3s ease}.home-header{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px}.home-logo{width:30px;height:auto}.home-brand{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;color:#333}.search-bar{padding:15px 20px;background-color:#fff;position:relative}.search-bar input{width:83%;padding:12px 40px 12px 20px;border:1px solid #e0e0e0;border-radius:8px;font-family:Open Sans,sans-serif;font-size:.95rem;background-color:#f5f5f5;color:#333}.search-bar input::placeholder{color:#999}.search-bar input:focus{outline:none;border-color:#5a7f3e}.search-bar .clear-search{position:absolute;right:30px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.2rem;color:#999;cursor:pointer;padding:5px}.search-bar .clear-search:hover{color:#333}.refresh-indicator{display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;color:#5a7f3e;font-family:Open Sans,sans-serif;font-size:.9rem;font-weight:600;transition:height .3s ease;overflow:hidden}.news-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.category-title span{font-family:Open Sans,sans-serif;font-size:1rem;font-weight:600}body.dark-mode{background-color:#121212}body.dark-mode .home-container{background-color:#1a1a1a}body.dark-mode .home-header{border-bottom-color:#2a2a2a}body.dark-mode .home-brand{color:#fff}body.dark-mode .search-bar{background-color:#1a1a1a}body.dark-mode .search-bar input{background-color:#2a2a2a;border-color:#3a3a3a;color:#fff}body.dark-mode .search-bar input::placeholder{color:#666}body.dark-mode .search-bar input:focus{border-color:#7fb05c}body.dark-mode .search-bar .clear-search{color:#666}body.dark-mode .search-bar .clear-search:hover{color:#fff}body.dark-mode .refresh-indicator{background-color:#2a2a2a;color:#7fb05c}body.dark-mode .category-title span,body.dark-mode .expand-icon .opened-arrow .closed-arrow{color:#fff}@font-face{font-family:Playfair Display;src:url(/newsify-app/assets/PlayfairDisplay-Regular-Cl-XvBsO.ttf) format("truetype")}body{margin:0;padding:0}.splash-screen{background-color:#fff;display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;overflow:hidden;transition:background-color .3s ease}.splash-screen .splash-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.splash-screen .splash-image-animated{animation:logoFloat 1s ease-in-out,logoGrow .5s ease-out 1s forwards}.splash-screen .splash-image-animated .splash-logo{width:80px;height:auto;display:block;margin-top:50px}.splash-screen .title-animated{opacity:0;animation:titleAppear .5s ease-out 1.5s forwards;margin-top:120px}.splash-screen .title-animated h1{font-family:Playfair Display,serif;font-size:3rem;color:#333;font-weight:700;margin:20px 0 0;text-align:center}body.dark-mode .splash-screen{background-color:#1a1a1a}body.dark-mode .splash-screen .title-animated h1{color:#fff}@keyframes logoFloat{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes logoGrow{0%{transform:scale(1)}to{transform:scale(2.1)}}@keyframes titleAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@font-face{font-family:Playfair Display;src:url(/newsify-app/assets/PlayfairDisplay-Regular-Cl-XvBsO.ttf) format("truetype")}.onboarding-container{display:flex;flex-direction:column;max-height:100vh;background-color:#fff;overflow:hidden;transition:background-color .3s ease}.onboarding-slides{flex:1;overflow:hidden;position:relative}.slides-wrapper{display:flex;height:100%;transition:transform .3s ease-in-out}.slide{min-width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:50px 0}.slide-content{text-align:center;max-width:300px;display:flex;flex-direction:column;align-items:center;margin-top:40px}.slide-image{width:100%;max-width:330px;height:300px;display:flex;align-items:center;justify-content:center;margin-bottom:50px;margin-left:5px}.slide-image img{max-width:350px;max-height:400px;object-fit:contain}h2{font-family:Playfair Display,serif;font-size:2rem;color:#333;margin-bottom:1rem;line-height:1.3}p{font-family:Open Sans,sans-serif;font-size:1rem;color:#666;line-height:1.6;margin-bottom:2rem}.onboarding-controls{padding:30px 20px 40px;display:flex;flex-direction:column;gap:20px}.progress-dots{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.dot{width:10px;height:10px;border-radius:50%;background-color:#d0d0d0;transition:all .3s ease}.dot.active{background-color:#4d861f;width:50px;height:11px;border-radius:5px}.button-group{display:flex;gap:25px;justify-content:center}button{padding:15px 40px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-family:Open Sans,sans-serif}.btn-skip{background-color:transparent;color:#4d861f;width:150px;border:1px solid rgba(77,134,31,.5294117647)}.btn-skip:hover{background-color:#5a7f3e1a}.btn-continue{background-color:#4d861f;color:#fff}.btn-continue:hover{background-color:#4a6b32}body.dark-mode .onboarding-container{background-color:#1a1a1a}body.dark-mode h2{color:#fff}body.dark-mode p{color:#b0b0b0}body.dark-mode .btn-skip{color:#7fb05c;border-color:#7fb05c}body.dark-mode .btn-skip:hover{background-color:#7fb05c1a}body.dark-mode .btn-continue{background-color:#7fb05c}body.dark-mode .btn-continue:hover{background-color:#6a9a4d}body.dark-mode .dot{background-color:#3a3a3a}body.dark-mode .dot.active{background-color:#7fb05c}@font-face{font-family:Playfair Display;src:url(/newsify-app/assets/PlayfairDisplay-Regular-Cl-XvBsO.ttf) format("truetype")}.auth-container{display:flex;flex-direction:column;align-items:center;justify-content:center;max-height:100vh;background-color:#fff;padding:40px 20px;transition:background-color .3s ease}.auth-content{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center}.auth-logo{margin-bottom:20px;margin-top:20px}.auth-logo img{width:100px;height:auto}.auth-title{font-family:Playfair Display,serif;font-size:2.5rem;color:#333;margin:20px 0 10px;font-weight:700}.auth-subtitle{font-family:Open Sans,sans-serif;font-size:1rem;color:#666;margin:20px 0 40px;text-align:center}.auth-buttons{width:100%;display:flex;flex-direction:column;gap:15px}.auth-btn{width:100%;padding:15px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Open Sans,sans-serif;border:2px solid transparent}.auth-facebook,.auth-google{background-color:transparent;color:#333;border:2px solid #ddd}.auth-facebook:hover,.auth-google:hover{background-color:#f5f5f5}.auth-password{background-color:#5a7f3e;color:#fff;border:none}.auth-password:hover{background-color:#4a6b32}.auth-divider{display:flex;align-items:center;text-align:center;margin:40px}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid #ddd}.auth-divider span{padding:0 15px;color:#666;font-family:Open Sans,sans-serif;font-size:.9rem}.auth-signup{text-align:center;font-family:Open Sans,sans-serif;font-size:.9rem;color:#666;margin-top:10px}.auth-signup .signup-link{color:#5a7f3e;font-weight:600;cursor:pointer}.auth-signup .signup-link:hover{text-decoration:underline}body.dark-mode .auth-container{background-color:#1a1a1a}body.dark-mode .auth-title{color:#fff}body.dark-mode .auth-subtitle{color:#b0b0b0}body.dark-mode .auth-facebook,body.dark-mode .auth-google{background-color:transparent;color:#fff;border-color:#3a3a3a}body.dark-mode .auth-facebook:hover,body.dark-mode .auth-google:hover{background-color:#2a2a2a}body.dark-mode .auth-password{background-color:#7fb05c}body.dark-mode .auth-password:hover{background-color:#6a9a4d}body.dark-mode .auth-divider:before,body.dark-mode .auth-divider:after{border-color:#3a3a3a}body.dark-mode .auth-divider span,body.dark-mode .auth-signup{color:#b0b0b0}body.dark-mode .auth-signup .signup-link{color:#7fb05c}@font-face{font-family:Playfair Display;src:url(/newsify-app/assets/PlayfairDisplay-Regular-Cl-XvBsO.ttf) format("truetype")}.popular-container{display:flex;flex-direction:column;min-height:100vh;background-color:#fff;padding-bottom:80px;transition:background-color .3s ease}.popular-header{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px}.popular-logo{width:30px;height:auto}.popular-brand{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;color:#333}.popular-content{flex:1;overflow-y:auto}.loading{display:flex;align-items:center;justify-content:center;padding:40px;font-family:Open Sans,sans-serif;color:#666;font-size:1rem}.no-articles{padding:40px 20px;text-align:center;font-family:Open Sans,sans-serif;color:#999;font-size:.95rem}body.dark-mode .popular-container{background-color:#1a1a1a}body.dark-mode .popular-header{border-bottom-color:#2a2a2a}body.dark-mode .popular-brand{color:#fff}body.dark-mode .loading,body.dark-mode .no-articles{color:#b0b0b0}@font-face{font-family:Playfair Display;src:url(/newsify-app/assets/PlayfairDisplay-Regular-Cl-XvBsO.ttf) format("truetype")}.archive-container{display:flex;flex-direction:column;min-height:100vh;background-color:#fff;padding-bottom:80px;transition:background-color .3s ease}.archive-header{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px}.archive-logo{width:30px;height:auto}.archive-brand{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;color:#333}.archive-content{flex:1;overflow-y:auto}.empty-archive{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center;min-height:400px}.empty-archive .empty-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.empty-archive img{width:80px;height:auto;margin-bottom:20px}.empty-archive h3{font-family:Playfair Display,serif;font-size:1.5rem;color:#333;margin:0 0 10px}.empty-archive p{font-family:Open Sans,sans-serif;font-size:1rem;color:#666;margin:0}.category-section{margin-bottom:10px}.category-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px 20px;background-color:#fff;border:none;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .3s ease}.category-header:hover{background-color:#f9f9f9}.category-title{display:flex;align-items:center;gap:10px}.category-title img{width:25px;height:auto}.category-title span{font-family:Open Sans,sans-serif;font-size:1rem;font-weight:600;color:#333}.category-title .count{font-size:.85rem;color:#999;font-weight:400}.expand-icon{font-size:1.2rem;color:#666}.news-list{background-color:#fafafa}body.dark-mode .archive-container{background-color:#1a1a1a}body.dark-mode .archive-header{border-bottom-color:#2a2a2a}body.dark-mode .archive-brand,body.dark-mode .empty-archive h3{color:#fff}body.dark-mode .empty-archive p{color:#b0b0b0}body.dark-mode .category-header{background-color:#1a1a1a;border-bottom-color:#2a2a2a}body.dark-mode .category-header:hover{background-color:#222}body.dark-mode .category-title span{color:#fff}body.dark-mode .category-title .count{color:#666}body.dark-mode .empty-icon svg{color:#fff}body.dark-mode .expand-icon{color:#b0b0b0}body.dark-mode .news-list{background-color:#0f0f0f}@font-face{font-family:Playfair Display;src:url(/newsify-app/assets/PlayfairDisplay-Regular-Cl-XvBsO.ttf) format("truetype")}.settings-container{display:flex;flex-direction:column;min-height:100vh;background-color:#fff;padding-bottom:80px;transition:background-color .3s ease}.settings-header{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px}.settings-logo{width:30px;height:auto}.settings-brand{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;color:#333}.settings-content{flex:1;padding:20px}.settings-title{font-family:Playfair Display,serif;font-size:2rem;color:#5a7f3e;text-align:center;margin:0 0 30px;font-weight:700}.settings-section{margin-bottom:30px}.section-label{font-family:Open Sans,sans-serif;font-size:1rem;color:#666;text-align:center;margin:0 0 20px;font-weight:400}.category-list{display:flex;flex-direction:column;gap:0}.category-item{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #f0f0f0}.category-info{display:flex;align-items:center;gap:12px}.category-icon{width:25px;height:auto}.category-name{font-family:Open Sans,sans-serif;font-size:1rem;color:#333;font-weight:600}.toggle-switch{position:relative;width:50px;height:28px;display:inline-block}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch input:checked+.toggle-slider{background-color:#5a7f3e}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-switch .toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:28px}.toggle-switch .toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}.btn-dark-mode,.btn-replay-onboarding{width:calc(100% - 40px);max-width:400px;margin:15px auto;padding:15px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Open Sans,sans-serif;display:block;text-align:center}.btn-dark-mode{background-color:transparent;color:#5a7f3e;border:2px solid #5a7f3e}.btn-dark-mode:hover{background-color:#5a7f3e1a}.btn-replay-onboarding{background-color:#5a7f3e;color:#fff;border:none}.btn-replay-onboarding:hover{background-color:#4a6b32}.version-info{text-align:center;font-family:Open Sans,sans-serif;font-size:.85rem;color:#999;margin-top:20px}body.dark-mode .settings-container{background-color:#1a1a1a}body.dark-mode .settings-header{border-bottom-color:#2a2a2a}body.dark-mode .settings-brand{color:#fff}body.dark-mode .settings-title{color:#7fb05c}body.dark-mode .section-label{color:#b0b0b0}body.dark-mode .category-item{border-bottom-color:#2a2a2a}body.dark-mode .category-name{color:#fff}body.dark-mode .toggle-switch input:checked+.toggle-slider{background-color:#7fb05c}body.dark-mode .btn-dark-mode{color:#7fb05c;border-color:#7fb05c}body.dark-mode .btn-dark-mode:hover{background-color:#7fb05c1a}body.dark-mode .btn-replay-onboarding{background-color:#7fb05c}body.dark-mode .btn-replay-onboarding:hover{background-color:#6a9a4d}@font-face{font-family:Playfair Display;src:url(/newsify-app/assets/PlayfairDisplay-Regular-Cl-XvBsO.ttf) format("truetype")}