.news-app{width:min(100%,820px);min-height:100vh;margin:auto;padding:24px 18px 115px}.news-top{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:12px;margin-bottom:18px}.news-top>a,.news-top>button{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:#191919;color:#fff;text-decoration:none;font-size:29px;cursor:pointer}.news-top>button{font-size:22px}.news-top small{font:800 10px system-ui;letter-spacing:1.4px;color:var(--blue)}.news-top h1{font-size:24px;margin:2px 0 0}.breaking{position:relative;overflow:hidden;min-height:245px;border:1px solid #303030;border-radius:22px;background:#111;margin-bottom:18px;box-shadow:0 14px 36px #000}.breaking>img{position:absolute;width:100%;height:100%;object-fit:cover}.breaking:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050505 2%,transparent 90%),linear-gradient(90deg,#080808b8,transparent)}.breaking-copy{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:22px}.breaking-copy>span{display:inline-block;border-radius:6px;background:#ed334f;padding:5px 8px;font:800 9px system-ui;letter-spacing:1px}.breaking-copy h2{max-width:590px;margin:9px 0 7px;font:800 clamp(19px,4vw,29px)/1.25 system-ui}.breaking-copy p{max-width:600px;margin:0;color:#aaa;font-size:11px;line-height:1.65}.breaking-link{position:absolute;z-index:3;inset:0}.news-loading{display:grid;place-items:center;min-height:245px;color:#777}.news-tools label{display:flex;align-items:center;gap:9px;border:1px solid #292929;border-radius:14px;background:#151515;padding:0 14px}.news-tools label span{font-size:22px;color:#777}.news-tools input{width:100%;border:0;outline:0;background:transparent;color:#fff;padding:13px 0}.news-categories{display:flex;gap:8px;overflow:auto;padding:12px 0 18px;scrollbar-width:none}.news-category{border:1px solid #292929;border-radius:20px;background:#111;color:#888;padding:8px 14px;white-space:nowrap;font-size:12px;cursor:pointer}.news-category.active{border-color:var(--blue);background:var(--blue);color:#fff}.news-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.news-heading h2{font-size:19px;margin:0}.news-heading small{color:#666}.news-heading strong{display:grid;place-items:center;min-width:34px;height:34px;border:1px solid #292929;border-radius:11px;background:#151515;color:#aaa}.news-grid{display:grid;gap:13px}.news-card{display:grid;grid-template-columns:125px 1fr;min-height:112px;overflow:hidden;border:1px solid #292929;border-radius:17px;background:#141414;color:#fff;text-decoration:none;transition:.2s}.news-card:hover{border-color:#444;transform:translateY(-2px)}.news-image{position:relative;background:#202020}.news-image img{width:100%;height:100%;object-fit:cover}.news-image span{position:absolute;left:7px;bottom:7px;border-radius:5px;background:#000c;padding:4px 6px;font:700 8px system-ui}.news-copy{align-self:center;padding:12px}.news-copy h3{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 7px;font:700 13px/1.45 system-ui}.news-copy p{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;color:#7e7e7e;font-size:10px;line-height:1.45}.news-meta{display:flex;gap:8px;margin-top:8px;color:#666;font:700 8px system-ui;text-transform:uppercase}.news-skeleton{height:115px;border-radius:17px;background:linear-gradient(90deg,#121212,#202020,#121212);background-size:200%;animation:shine 1.4s infinite}.news-empty{padding:45px;border:1px dashed #343434;border-radius:17px;text-align:center;color:#777}.news-empty b{display:block;margin-bottom:5px;color:#ddd}@media(min-width:650px){.news-grid{grid-template-columns:repeat(2,1fr)}.breaking{min-height:340px}.breaking-copy{padding:28px}}@media(min-width:850px){body{background:#0c0c0c}.news-app{box-shadow:0 0 60px #000}}