*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0f;--bg-grad: linear-gradient(135deg, #07070d 0%, #0f0f1a 100%);--panel: #0f0f1a;--panel-lit: #161625;--header: #07070d;--accent: #3b82f6;--accent-h: #60a5fa;--text: #f0f0f0;--text-dim: #aaa;--danger: #e05050;--radius: 10px;--shadow: 0 4px 20px rgba(0,0,0,.45);--sidebar-w: 280px;--font: "Segoe UI", system-ui, -apple-system, sans-serif}html,body,#root{height:100%;background:var(--bg-grad);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5}ul{list-style:none}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}.app-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{background:var(--header);padding:14px 24px;display:flex;align-items:baseline;gap:12px;box-shadow:0 2px 10px #00000080;flex-shrink:0}.app-logo{font-size:1.4rem;font-weight:700;letter-spacing:.04em;color:var(--accent)}.app-body{display:flex;flex:1;gap:0;overflow:hidden;position:relative;min-height:0}.sidebar{width:var(--sidebar-w);background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:20px;padding:20px;flex-shrink:0;overflow-y:auto;margin:16px 0 16px 16px}.sidebar-label{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:8px}.search-form{display:flex;flex-direction:column;gap:8px}.search-row{display:flex;gap:6px}.search-input{flex:1;background:var(--panel-lit);border:1px solid #555;border-radius:6px;color:var(--text);padding:7px 10px;font-size:.875rem;transition:border-color .2s}.search-input:focus{outline:none;border-color:var(--accent)}.category-list{display:flex;flex-direction:column;gap:4px}.category-btn{width:100%;background:transparent;border:1px solid #333;border-radius:6px;color:var(--text-dim);padding:7px 12px;text-align:left;font-size:.875rem;transition:background .15s,color .15s,border-color .15s}.category-btn:hover{background:var(--panel-lit);color:var(--text)}.category-btn--active{background:var(--accent);color:#111;font-weight:600;border-color:var(--accent)}.category-btn--active:hover{background:var(--accent-h)}.sidebar-bottom{margin-top:auto;padding-top:16px;border-top:1px solid #555}.btn{border:none;border-radius:6px;padding:7px 14px;font-size:.875rem;font-weight:600;transition:background .15s,transform .1s}.btn:active{transform:scale(.97)}.btn--primary{background:var(--accent);color:#111}.btn--primary:hover{background:var(--accent-h)}.btn--ghost{background:transparent;color:var(--text-dim);border:1px solid #555}.btn--ghost:hover{color:var(--text);background:var(--panel-lit)}.clear-btn{width:100%}.btn--favorites{width:100%;background:var(--panel-lit);color:var(--text);border:1px solid #555}.btn--favorites:hover{border-color:var(--accent);color:var(--accent)}.btn--favorites-active{background:var(--accent);color:#111;border-color:var(--accent)}.content-area{flex:1;display:flex;flex-direction:column;padding:20px;overflow:hidden;min-height:0}.featured-wrapper{display:flex;flex-direction:column;gap:12px;width:100%;flex:1;min-height:0}.card{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.featured-card{width:100%;flex:1;display:flex;flex-direction:column;min-height:0}.card-image-wrap{position:relative;width:100%;flex:1;min-height:0;background:#222}.card-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.45) 55%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:24px;gap:10px}.card-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.card-source{background:var(--accent);color:#111;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.card-categories{color:var(--text-dim);font-size:.75rem}.card-date{color:var(--text-dim);font-size:.8rem}.card-title{font-size:clamp(1.1rem,2.5vw,1.6rem);font-weight:700;line-height:1.3;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6)}.card-description{font-size:.875rem;color:#ffffffd9;line-height:1.55}.card-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.btn--fav{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.3)}.btn--fav:hover{background:#ffffff38}.btn--fav-active{background:var(--accent);color:#111;border-color:var(--accent)}.pager{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px 16px}.pager-btn{background:var(--panel);color:var(--text);border:1px solid #555;border-radius:12px;padding:10px 18px;font-size:1rem;font-weight:600;min-width:48px;transition:background .15s,border-color .15s}.pager-btn:hover:not(:disabled){background:var(--panel-lit);border-color:var(--accent)}.pager-btn:disabled{opacity:.35;cursor:default}.pager-btn--active{background:var(--accent);color:#111;border-color:var(--accent)}.card--skeleton{width:100%;flex:1;min-height:0;display:flex;flex-direction:column}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(90deg,#161625 25%,#1e1e35,#161625 75%);background-size:600px 100%;animation:shimmer 1.4s infinite;border-radius:4px}.skeleton--image{flex:1;border-radius:0;min-height:300px}.skeleton-body{padding:20px;display:flex;flex-direction:column;gap:12px}.skeleton--title{height:24px;width:70%}.skeleton--line{height:14px;width:90%}.skeleton--short{width:50%}.card--error,.card--empty{width:100%;flex:1;display:flex;align-items:center;justify-content:center;padding:48px 32px;text-align:center;color:var(--text-dim)}.error-msg{color:var(--danger);font-size:1rem}.filter-toggle-btn{display:none;position:absolute;top:12px;left:12px;z-index:10;background:var(--panel);color:var(--text);border:1px solid #555;border-radius:6px;padding:6px 14px;font-size:.8rem;font-weight:600}@media (max-width: 700px){.app-layout{height:100vh;overflow:hidden}.app-body{flex-direction:column;overflow:hidden;min-height:0}.filter-toggle-btn{display:block;position:relative;top:0;left:0;margin:10px;align-self:flex-start;flex-shrink:0}.sidebar{width:100%;display:none;margin:0;padding:16px 20px;border-radius:0;flex-shrink:0}.sidebar--open{display:flex}.content-area{padding:12px;overflow:hidden;min-height:0;flex:1}.featured-wrapper,.featured-card,.card-image-wrap{flex:1;min-height:0}.card-overlay{padding:16px}.card-title{font-size:1rem}.card-actions{gap:8px}.btn{padding:8px 12px;font-size:.8rem}}@media (max-width: 400px){.pager-btn{padding:8px 14px;min-width:40px;font-size:.875rem;border-radius:10px}}