*{margin:0;padding:0;box-sizing:border-box}:root{--xp-blue:#0054e3;--xp-blue-light:#3c8cf8;--xp-blue-dark:#003c9e;--xp-green:#3fbf3f;--xp-gray:#ece9d8;--xp-gray-dark:silver;--xp-border-light:#fff;--xp-border-dark:#7f7f7f;--xp-window-title:linear-gradient(90deg,#0054e3,#3c8cf8)}body{font-family:Tahoma,Segoe UI,Arial,sans-serif;background:var(--xp-blue);background-image:radial-gradient(ellipse at center,#3c8cf8 0,#0054e3 100%);min-height:100vh;color:#000;overflow-x:hidden}.xp-window{background:var(--xp-gray);border:3px solid;border-color:var(--xp-border-light) var(--xp-border-dark) var(--xp-border-dark) var(--xp-border-light);box-shadow:4px 4px 10px rgba(0,0,0,.3);border-radius:8px 8px 0 0;overflow:hidden}.xp-titlebar{background:var(--xp-window-title);padding:4px 8px;justify-content:space-between;border-radius:5px 5px 0 0}.xp-title,.xp-titlebar{display:flex;align-items:center}.xp-title{color:#fff;font-weight:700;font-size:14px;gap:8px}.xp-window-icon{width:16px;height:16px;background:#fff;border:1px solid #000;display:inline-block}.xp-controls{display:flex;gap:2px}.xp-button{width:21px;height:21px;background:linear-gradient(180deg,#f0f0f0 0,#d0d0d0);border-color:#fff grey grey #fff;border-style:solid;border-width:1px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;font-weight:700}.xp-button:active{background:linear-gradient(180deg,#d0d0d0 0,#f0f0f0);border-color:grey #fff #fff grey}.xp-content{padding:20px;background:var(--xp-gray);min-height:400px}.xp-btn{background:linear-gradient(180deg,#ebf4ff 0,#a8d3ff 50%,#6fb6ff 51%,#bfe0ff);border:1px solid #003c74;border-radius:3px;padding:8px 16px;color:#003c74;font-weight:700;font-size:14px;cursor:pointer;box-shadow:inset -1px -1px 0 rgba(0,0,0,.1);transition:all .1s}.xp-btn:hover{background:linear-gradient(180deg,#f0f8ff 0,#b8ddff 50%,#7fc6ff 51%,#cfe8ff)}.xp-btn:active{background:linear-gradient(180deg,#6fb6ff 0,#a8d3ff 50%,#ebf4ff);box-shadow:inset 1px 1px 2px rgba(0,0,0,.2)}.xp-input{border-color:#7f7f7f #fff #fff #7f7f7f;border-style:solid;border-width:2px;padding:4px 6px;background:#fff;font-family:Tahoma,sans-serif;font-size:14px;outline:none}.xp-input:focus{border-color:#0054e3 #fff #fff #0054e3}.feed-card{background:#fff;border:1px solid var(--xp-gray-dark);padding:15px;margin-bottom:15px;box-shadow:2px 2px 5px rgba(0,0,0,.1)}.feed-card h3{color:var(--xp-blue);margin-bottom:8px;font-size:16px}.feed-card p{color:#333;font-size:13px;line-height:1.4;margin-bottom:8px}.feed-card a{color:var(--xp-blue);text-decoration:none;font-size:13px}.feed-card a:hover{text-decoration:underline;color:var(--xp-blue-light)}.feed-card .date{color:#666;font-size:11px;margin-top:5px}.loading{text-align:center;padding:40px;font-size:16px;color:#333}.loading:after{content:"...";animation:dots 1.5s steps(4) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.container{max-width:900px;margin:30px auto;padding:0 20px}.feed-sources{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:20px;gap:20px;margin-top:20px}.feed-source-card{background:#fff;border:2px solid var(--xp-border-dark);padding:20px;cursor:pointer;transition:all .2s;box-shadow:2px 2px 5px rgba(0,0,0,.2)}.feed-source-card:hover{border-color:var(--xp-blue);box-shadow:3px 3px 8px rgba(0,0,0,.3);transform:translateY(-2px)}.feed-source-card h3{color:var(--xp-blue);margin-bottom:10px;font-size:16px}.feed-source-card p{color:#666;font-size:13px}.xp-navbar{background:linear-gradient(180deg,#fafafa 0,#e0e0e0);border-bottom:2px solid var(--xp-border-dark);padding:8px 20px;display:flex;gap:10px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.xp-nav-btn{background:linear-gradient(180deg,#f0f0f0 0,#d0d0d0);border-color:#fff grey grey #fff;border-style:solid;border-width:1px;padding:5px 15px;cursor:pointer;font-size:13px;font-weight:700;color:#000;text-decoration:none;display:inline-block}.xp-nav-btn:hover{background:linear-gradient(180deg,#fff 0,#e0e0e0)}.xp-nav-btn:active{background:linear-gradient(180deg,#d0d0d0 0,#f0f0f0);border-color:grey #fff #fff grey}.error-message{background:#ffe6e6;border:2px solid red;padding:15px;color:#c00;font-weight:700;margin:20px 0}.article-card{background:#fff;border:2px solid var(--xp-border-dark);margin-bottom:20px;display:flex;overflow:hidden;transition:all .2s;cursor:pointer;box-shadow:2px 2px 5px rgba(0,0,0,.2)}.article-card:hover{border-color:var(--xp-blue);box-shadow:3px 3px 8px rgba(0,0,0,.3);transform:translateY(-2px)}.article-image{width:200px;min-width:200px;height:150px;overflow:hidden;background:#f0f0f0}.article-image img{width:100%;height:100%;object-fit:cover}.article-content{padding:15px;flex:1 1;display:flex;flex-direction:column}.article-meta{font-size:12px;color:#666;margin-bottom:8px;display:flex;align-items:center;gap:8px}.source-badge{background:var(--xp-blue);color:#fff;padding:2px 8px;border-radius:3px;font-weight:700;font-size:11px}.author{color:#666;font-size:12px}.article-title{color:var(--xp-blue);font-size:18px;font-weight:700;margin-bottom:8px;line-height:1.3}.article-description,.article-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-description{color:#333;font-size:14px;line-height:1.5;margin-bottom:10px;flex:1 1}.article-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#666}.read-more{color:var(--xp-blue);font-weight:700}.article-detail{background:#fff;padding:30px;border:2px solid var(--xp-border-dark);margin-bottom:20px}.article-detail .article-header{margin-bottom:20px;padding-bottom:20px;border-bottom:3px solid var(--xp-blue)}.article-detail h1{color:var(--xp-blue);font-size:28px;margin-bottom:15px;line-height:1.3}.article-detail .article-meta{font-size:13px;color:#666;margin-bottom:10px}.article-detail .featured-image{width:100%;max-height:400px;overflow:hidden;margin:20px 0;border:2px solid var(--xp-border-dark)}.article-detail .featured-image img{width:100%;height:auto;display:block}.article-body{font-size:16px;line-height:1.8;color:#333}.article-body p{margin-bottom:15px}.article-body img{max-width:100%;height:auto;margin:15px 0;border:1px solid #ddd}.article-body a{color:var(--xp-blue);text-decoration:underline}.article-body h2{color:var(--xp-blue);font-size:22px;margin:25px 0 15px}.article-body h3{color:var(--xp-blue);font-size:18px;margin:20px 0 10px}.article-body ol,.article-body ul{margin-left:25px;margin-bottom:15px}.article-body li{margin-bottom:8px}.article-body blockquote{border-left:4px solid var(--xp-blue);padding-left:20px;margin:20px 0;font-style:italic;color:#555}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.filter-btn{background:linear-gradient(180deg,#f0f0f0 0,#d0d0d0);border-color:#fff grey grey #fff;border-style:solid;border-width:1px;padding:8px 16px;cursor:pointer;font-size:13px;font-weight:700;color:#000;transition:all .2s}.filter-btn:hover{background:linear-gradient(180deg,#fff 0,#e0e0e0)}.filter-btn.active{background:var(--xp-blue);color:#fff;border-color:var(--xp-blue-dark)}@media (max-width:768px){.article-card{flex-direction:column}.article-image{width:100%;min-width:100%;height:200px}.article-title{font-size:16px}.article-description{font-size:13px}.article-detail{padding:15px}.article-detail h1{font-size:22px}}.pagination{display:flex;gap:10px;justify-content:center;align-items:center;margin:30px 0}.pagination button{background:linear-gradient(180deg,#f0f0f0 0,#d0d0d0);border-color:#fff grey grey #fff;border-style:solid;border-width:1px;padding:8px 16px;cursor:pointer;font-size:14px;font-weight:700}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination button:not(:disabled):hover{background:linear-gradient(180deg,#fff 0,#e0e0e0)}.pagination .page-info{color:#333;font-size:14px;font-weight:700}