@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--bg-color:#050505;--text-primary:#fff;--text-secondary:#a1a1aa;--accent:#3b82f6;--card-bg:#111;--glass-bg:#14141499;--glass-border:#ffffff1a;--nav-height:60px}*{box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.swipe-container{scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:var(--bg-color);width:100vw;height:100dvh;overflow-y:scroll}.swipe-container::-webkit-scrollbar{display:none}.news-card{scroll-snap-align:start;scroll-snap-stop:always;background-color:var(--card-bg);flex-direction:column;justify-content:flex-end;width:100vw;height:100dvh;display:flex;position:relative}.news-media{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.news-media-overlay{z-index:2;background:linear-gradient(#0006 0%,#0000 20% 40%,#000000e6 80%,#000 100%);width:100%;height:100%;position:absolute;top:0;left:0}.news-content{z-index:3;padding:24px 20px;padding-bottom:calc(var(--nav-height) + 24px);position:relative}.news-source-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--glass-border);background:#00000080;border-radius:12px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.news-title{letter-spacing:-.5px;text-shadow:0 2px 10px #00000080;margin:0 0 12px;font-size:1.6rem;font-weight:700;line-height:1.3}.news-summary{color:#e4e4e7;opacity:.9;margin:0 0 20px;font-size:1.05rem;font-weight:400;line-height:1.6}.news-footer-actions{justify-content:space-between;align-items:center;display:flex}.read-more-btn{background-color:var(--text-primary);color:#000;border-radius:24px;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .2s;display:inline-flex}.read-more-btn:active{transform:scale(.95)}.action-icons{gap:16px;display:flex}.icon-btn{color:var(--text-primary);cursor:pointer;opacity:.8;background:0 0;border:none;padding:8px;font-size:1.5rem;transition:opacity .2s,transform .2s}.icon-btn:active{opacity:1;transform:scale(1.2)}.mobile-nav{width:100%;height:var(--nav-height);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--glass-border);z-index:50;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0}.nav-item{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.7rem;text-decoration:none;transition:color .3s;display:flex}.nav-item.active{color:var(--text-primary)}.nav-item svg{width:24px;height:24px}.skeleton{background:#222;border-radius:4px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:50%;height:100%;animation:1.5s infinite loading;position:absolute;top:0;left:-100%}@keyframes loading{to{left:100%}}.youtube-wrapper{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.youtube-wrapper iframe{object-fit:cover;width:100vw;height:100vh;transform:scale(1.2)}.app-header{width:100%;padding:15px 20px;padding-top:max(15px, env(safe-area-inset-top));z-index:50;pointer-events:none;background:linear-gradient(#000c,#0000);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0}.app-logo{letter-spacing:-.5px;color:#fff;font-size:1.2rem;font-weight:800}@media (max-width:899px){.desktop-feed-wrapper{display:none!important}.mobile-feed-wrapper{display:block!important}.mobile-only-element{display:flex!important}.force-grid-view .desktop-feed-wrapper{display:block!important}.force-grid-view .mobile-feed-wrapper{display:none!important}.force-grid-view{overflow-y:auto!important}}@media (min-width:900px){.mobile-feed-wrapper,.mobile-only-element{display:none!important}.desktop-feed-wrapper{display:block!important}body{overflow-y:auto!important}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(0)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(-25%)}}