:root{--primary:#ff3b30;--primary-dark:#cc2e26;--primary-gradient:linear-gradient(135deg,#ff3b30,#ff9500);--secondary:#121212;--surface:#1e1e1e;--text-light:#fff;--text-dark:#000;--text-muted:hsla(0,0%,100%,.7);--accent:#0a84ff;--accent-gradient:linear-gradient(135deg,#0a84ff,#5ac8fa);--success:#32d74b;--warning:#ffd60a;--glass:hsla(0,0%,100%,.03);--glass-strong:hsla(0,0%,100%,.07);--card-shadow:0 8px 32px rgba(0,0,0,.2);--card-hover-shadow:0 12px 42px rgba(0,0,0,.3);--header-height:80px;--animation-slow:0.8s;--animation-medium:0.5s;--animation-fast:0.3s;--border-glow:0 0 15px rgba(255,59,48,.5);--border-radius-large:24px;--border-radius-medium:16px;--border-radius-small:8px}body{font-family:Inter,system-ui,sans-serif;background:var(--secondary);background:radial-gradient(circle at top right,#23232e,var(--secondary) 70%);color:var(--text-light);min-height:100vh;overflow-x:hidden;transition:background var(--animation-slow) ease}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:-1;animation:backgroundShift 60s linear infinite}@keyframes backgroundShift{0%{background-position:0 0}to{background-position:100px 100px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--glass-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.container{max-width:1600px;margin:0 auto;padding:0 max(2rem,5vw)}.header{height:var(--header-height);background:hsla(0,0%,7%,.8);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid hsla(0,0%,100%,.05);position:fixed;width:100%;top:0;left:0;z-index:100;transition:all var(--animation-medium) ease}.header:hover{border-bottom:1px solid hsla(0,0%,100%,.1);box-shadow:0 5px 15px rgba(0,0,0,.2)}.headerContent{height:var(--header-height);justify-content:space-between}.headerContent,.headerTitle{display:flex;align-items:center}.headerTitle{font-size:2rem;font-weight:700;letter-spacing:-.02em;gap:1rem;position:relative;transition:all var(--animation-medium) ease}.headerTitle:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary-gradient);transition:width var(--animation-medium) ease}.headerTitle:hover{text-shadow:0 0 15px rgba(255,59,48,.5);transform:translateY(-2px)}.headerTitle:hover:after{width:100%}.logo{height:40px;width:auto;filter:drop-shadow(0 0 8px rgba(255,59,48,.3));transition:transform var(--animation-fast) ease}.headerTitle:hover .logo{transform:rotate(5deg) scale(1.1)}.searchBar{display:flex;gap:1rem;background:var(--glass);padding:.75rem;border-radius:var(--border-radius-medium);border:1px solid hsla(0,0%,100%,.05);width:100%;max-width:600px;transition:all var(--animation-medium) ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.searchBar:focus-within{border:1px solid rgba(255,59,48,.5);box-shadow:var(--border-glow);transform:translateY(-2px)}.searchBar input{flex:1;background:transparent;border:none;color:var(--text-light);font-size:1rem;padding:.5rem;transition:all var(--animation-fast) ease}.searchBar input:focus{outline:none}.searchBar input::-moz-placeholder{color:var(--text-muted);-moz-transition:color var(--animation-fast) ease,transform var(--animation-fast) ease;transition:color var(--animation-fast) ease,transform var(--animation-fast) ease}.searchBar input::placeholder{color:var(--text-muted);transition:color var(--animation-fast) ease,transform var(--animation-fast) ease}.searchBar input:focus::-moz-placeholder{color:hsla(0,0%,100%,.3);transform:translateX(5px)}.searchBar input:focus::placeholder{color:hsla(0,0%,100%,.3);transform:translateX(5px)}.searchBar select{background:hsla(0,0%,100%,.05);border:none;color:var(--text-light);padding:.5rem 1rem;border-radius:var(--border-radius-small);cursor:pointer;transition:all var(--animation-fast) ease}.searchBar select:focus,.searchBar select:hover{background:hsla(0,0%,100%,.1);outline:none}.viewToggle{display:flex;gap:.5rem}.viewToggle button{background:hsla(0,0%,100%,.05);border:none;color:var(--text-light);padding:.5rem 1rem;border-radius:var(--border-radius-small);cursor:pointer;transition:all var(--animation-fast) ease}.viewToggle button:hover{background:hsla(0,0%,100%,.1)}.viewToggle button.active{background:var(--primary);color:#fff;transform:scale(1.05)}main{margin-top:calc(var(--header-height) + 3rem);padding-top:2rem;padding-bottom:4rem;z-index:1}.title,main{position:relative}.title{font-size:3rem;font-weight:800;text-align:center;margin:5rem 0;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;left:50%;transform:translateX(-50%);text-shadow:0 5px 15px rgba(255,59,48,.3);animation:titlePulse 3s infinite alternate}@keyframes titlePulse{0%{opacity:.9;transform:translateX(-50%) scale(1)}to{opacity:1;transform:translateX(-50%) scale(1.03)}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2rem;padding:2rem 0;perspective:1000px}.grid>div{animation:cardEntrance .8s cubic-bezier(.21,1.03,.56,1) backwards}.grid>div:first-child{animation-delay:.1s}.grid>div:nth-child(2){animation-delay:.2s}.grid>div:nth-child(3){animation-delay:.3s}.grid>div:nth-child(4){animation-delay:.4s}.grid>div:nth-child(5){animation-delay:.5s}.grid>div:nth-child(6){animation-delay:.6s}.grid>div:nth-child(7){animation-delay:.7s}.grid>div:nth-child(8){animation-delay:.8s}.grid>div:nth-child(n+9){animation-delay:.9s}@keyframes cardEntrance{0%{opacity:0;transform:translateY(40px) scale(.9) rotateX(10deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}.card{background:var(--surface);border-radius:var(--border-radius-large);padding:2rem;position:relative;overflow:hidden;border:1px solid hsla(0,0%,100%,.05);display:flex;flex-direction:column;gap:1.5rem;height:100%;transition:all var(--animation-medium) cubic-bezier(.21,1.03,.56,1);box-shadow:var(--card-shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.card:before{top:0;left:0;right:0;height:5px;background:var(--primary-gradient)}.card:after,.card:before{content:"";position:absolute;opacity:0;transition:opacity var(--animation-medium) ease}.card:after{inset:0;background:radial-gradient(circle at top right,hsla(0,0%,100%,.1),transparent 70%)}.card:hover{transform:translateY(-10px);box-shadow:var(--card-hover-shadow);border-color:hsla(0,0%,100%,.1)}.card:hover:after,.card:hover:before{opacity:1}.card.left:before{background:var(--accent-gradient)}.card.right:before{background:var(--primary-gradient)}.card.center:before{background:linear-gradient(135deg,var(--warning),#ff9f0a)}.cardTitle{font-size:1.5rem;font-weight:600;letter-spacing:-.01em;line-height:1.4;color:var(--text-light);position:relative;transition:all var(--animation-medium) ease}.card:hover .cardTitle{transform:translateY(-3px)}.cardDescription{color:var(--text-muted);line-height:1.6;font-size:1rem;transition:all var(--animation-medium) ease}.card:hover .cardDescription{color:var(--text-light)}.cardStats{margin-top:auto;display:flex;flex-direction:column;gap:1rem;padding-top:1.5rem;border-top:1px solid hsla(0,0%,100%,.05);transition:all var(--animation-medium) ease}.card:hover .cardStats{border-top:1px solid hsla(0,0%,100%,.1)}.statRow{display:flex;align-items:center;gap:1rem;transition:transform var(--animation-fast) ease}.card:hover .statRow{transform:translateX(5px)}.statLabel{min-width:100px;color:var(--text-muted);transition:color var(--animation-fast) ease}.card:hover .statLabel{color:var(--text-light)}.sentimentBar{flex:1;height:6px;background:hsla(0,0%,100%,.1);border-radius:3px;overflow:hidden;position:relative;transition:all var(--animation-medium) ease}.card:hover .sentimentBar{background:hsla(0,0%,100%,.15);height:8px}.sentimentFill{height:100%;background:linear-gradient(90deg,var(--primary) 0,var(--accent) 100%);border-radius:3px;transition:transform var(--animation-slow) cubic-bezier(.34,1.56,.64,1)}.card:hover .sentimentFill{transform:scaleX(1.02)!important}.bias-tag{padding:.5rem 1rem;border-radius:var(--border-radius-small);font-weight:500;font-size:.875rem;transition:all var(--animation-medium) ease;position:relative;overflow:hidden;z-index:1}.bias-tag:before{content:"";position:absolute;inset:0;background:currentColor;opacity:0;z-index:-1;transition:opacity var(--animation-medium) ease}.card:hover .bias-tag{transform:scale(1.05);font-weight:600;box-shadow:0 3px 10px rgba(0,0,0,.2)}.card:hover .bias-tag:before{opacity:.08}.bias-tag.left{background:rgba(10,132,255,.1);color:var(--accent)}.bias-tag.right{background:rgba(255,59,48,.1);color:var(--primary)}.bias-tag.center{background:rgba(255,214,10,.1);color:var(--warning)}.bias-tag.unknown{background:hsla(0,0%,100%,.1);color:var(--text-light)}.cardLink{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary);color:#fff;text-decoration:none;border-radius:var(--border-radius-small);font-weight:500;transition:all var(--animation-medium) cubic-bezier(.34,1.56,.64,1);margin-top:1.5rem;position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(255,59,48,.3)}.cardLink:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.cardLink:hover{background:var(--primary-dark);transform:translateY(-5px) scale(1.03);box-shadow:0 6px 15px rgba(255,59,48,.4)}.cardLink:hover:before{left:100%}.cardLink svg{transition:transform var(--animation-fast) ease}.cardLink:hover svg{transform:translateX(3px)}.sourceGroup{margin-bottom:2rem;border-radius:var(--border-radius-large);overflow:hidden;background:rgba(30,30,30,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.05);transition:all var(--animation-medium) ease}.sourceGroup:hover{border-color:hsla(0,0%,100%,.1);box-shadow:0 5px 15px rgba(0,0,0,.2)}.sourceHeader{padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;background:hsla(0,0%,100%,.03);cursor:pointer;transition:all var(--animation-medium) ease}.sourceHeader:hover{background:hsla(0,0%,100%,.05)}.sourceHeader h2{font-size:1.5rem;font-weight:600;margin:0;transition:transform var(--animation-fast) ease}.sourceHeader:hover h2{transform:translateX(5px)}.sourceHeader span{font-size:1.2rem;transition:transform var(--animation-fast) ease}.sourceHeader:hover span{transform:scale(1.2)}.sourceArticles{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;padding:2rem;animation:expandSection var(--animation-medium) cubic-bezier(.21,1.03,.56,1)}@keyframes expandSection{0%{opacity:0;transform:translateY(-20px);max-height:0}to{opacity:1;transform:translateY(0);max-height:2000px}}.noArticles{text-align:center;padding:4rem 2rem;background:var(--glass);border-radius:var(--border-radius-large);border:1px solid hsla(0,0%,100%,.05);max-width:600px;margin:3rem auto;animation:fadeIn var(--animation-slow) ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.noArticles h2{font-size:2rem;margin-bottom:1rem;color:var(--text-light)}.noArticles p{color:var(--text-muted);font-size:1.2rem}.footer{background:var(--surface);background:linear-gradient(0deg,#1a1a1a,transparent);padding:4rem 0;margin-top:6rem;position:relative}.footer:before{content:"";position:absolute;top:-50px;left:0;width:100%;height:50px;background:linear-gradient(0deg,rgba(26,26,26,.5),transparent)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem}.footer h3{font-size:1.5rem;margin-bottom:1rem;position:relative;display:inline-block}.footer h3:after{content:"";position:absolute;bottom:-5px;left:0;width:40px;height:2px;background:var(--primary);transition:width var(--animation-medium) ease}.footer h3:hover:after{width:100%}.footer p{color:var(--text-muted);line-height:1.6}.footer-links{display:flex;gap:2rem;margin-top:1.5rem}.footer a{color:var(--text-muted);text-decoration:none;transition:all var(--animation-medium) ease;position:relative}.footer a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:1px;background:var(--primary);transition:width var(--animation-fast) ease}.footer a:hover{color:var(--primary);transform:translateY(-3px)}.footer a:hover:after{width:100%}@media (max-width:768px){.grid{grid-template-columns:1fr}.headerContent{flex-direction:column;padding:1rem 0;height:auto}.searchBar{flex-direction:column;width:90%}.title{font-size:2rem}.card{padding:1.5rem}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}