:root{--bg-color: #ffffff;--text-color: #000000;--border-color: #000000;--button-bg: #000000;--button-text: #ffffff;--button-hover: #333333;--button-active: #666666;--status-bg: #f0f0f0;--error-bg: #ffcccc;--error-border: #cc0000;--article-hover-bg: #000000;--article-hover-text: #ffffff;--source-bg: #000000;--source-text: #ffffff}.dark{--bg-color: #333333;--text-color: #eeeeee;--border-color: #eeeeee;--button-bg: #eeeeee;--button-text: #333333;--button-hover: #cccccc;--button-active: #999999;--status-bg: #555555;--error-bg: #660000;--error-border: #ff6666;--article-hover-bg: #eeeeee;--article-hover-text: #333333;--source-bg: #eeeeee;--source-text: #333333}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,monospace;background:var(--bg-color);color:var(--text-color);line-height:1.4;font-size:16px;transition:background-color .3s ease,color .3s ease}header{border-bottom:4px solid var(--border-color);padding:20px;background:var(--bg-color)}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.header-controls{display:flex;gap:10px;align-items:center}header h1{font-size:32px;font-weight:700;letter-spacing:2px}header p{font-size:14px;margin:5px 0 15px;font-weight:700}button{background:var(--button-bg);color:var(--button-text);border:none;padding:8px 16px;font-family:Courier New,monospace;font-size:14px;font-weight:700;cursor:pointer;text-transform:uppercase;transition:background-color .3s ease,color .3s ease}button:hover{background:var(--button-hover)}button:active{background:var(--button-active)}#lang-toggle{background:var(--bg-color);color:var(--text-color);border:2px solid var(--border-color);padding:4px 8px;font-size:10px;font-weight:700;cursor:pointer;text-transform:uppercase;transition:background-color .3s ease,color .3s ease}#lang-toggle:hover{background:var(--article-hover-bg);color:var(--article-hover-text)}main{padding:20px;max-width:900px}#status{border:2px solid var(--border-color);padding:10px;margin-bottom:20px;font-weight:700;display:none}#status.loading{display:block;background:var(--status-bg)}#status.error{display:block;background:var(--error-bg);border-color:var(--error-border)}#articles-list{list-style:none;counter-reset:article-counter}.article{border:3px solid var(--border-color);margin-bottom:15px;padding:15px;counter-increment:article-counter}.article:before{content:counter(article-counter,decimal-leading-zero) ". ";font-weight:700;font-size:18px}.article-title{font-size:18px;font-weight:700;margin-bottom:8px;text-decoration:none;color:var(--text-color);display:block;transition:background-color .3s ease,color .3s ease}.article-title:hover{background:var(--article-hover-bg);color:var(--article-hover-text)}.article-meta{font-size:12px;margin-bottom:8px;font-weight:700;text-transform:uppercase}.article-subtitle{font-size:14px;margin-bottom:10px;line-height:1.3}.article-source{background:var(--source-bg);color:var(--source-text);padding:2px 6px;font-size:10px;font-weight:700;text-transform:uppercase;display:inline-block;margin-right:10px;transition:background-color .3s ease,color .3s ease}.article-time{font-size:12px}.article-readtime{font-size:12px;margin-left:10px}.article-actions{margin-top:12px;display:flex;gap:12px;align-items:center}.like-btn,.comments-toggle{background:var(--bg-color);color:var(--text-color);border:2px solid var(--border-color);padding:6px 12px;font-family:Courier New,monospace;font-size:12px;font-weight:700;cursor:pointer;text-transform:uppercase;transition:background-color .3s ease,color .3s ease}.like-btn:hover,.comments-toggle:hover{background:var(--article-hover-bg);color:var(--article-hover-text)}.like-btn.liked{color:#0f0}.comments-section{margin-top:16px;border-top:2px solid var(--border-color);padding-top:16px}.comments-list{margin-bottom:16px}.comment{border:2px solid var(--border-color);padding:10px;margin-bottom:10px}.comment-meta{font-size:11px;font-weight:700;margin-bottom:6px;text-transform:uppercase}.comment-author{margin-right:10px}.comment-time{color:#666}.dark .comment-time{color:#999}.comment-content{font-size:14px;line-height:1.4}.no-comments{font-size:12px;font-weight:700;text-transform:uppercase;color:#666;padding:10px 0}.dark .no-comments{color:#999}.comment-form{display:flex;gap:8px;align-items:flex-start}.comment-input{flex:1;background:var(--bg-color);color:var(--text-color);border:2px solid var(--border-color);padding:8px;font-family:Courier New,monospace;font-size:14px;min-height:60px;resize:vertical;transition:background-color .3s ease,color .3s ease}.comment-input:focus{outline:none;border-width:3px}.comment-submit{background:var(--button-bg);color:var(--button-text);border:none;padding:8px 16px;font-family:Courier New,monospace;font-size:12px;font-weight:700;cursor:pointer;text-transform:uppercase;transition:background-color .3s ease,color .3s ease}.comment-submit:hover{background:var(--button-hover)}.comment-submit:active{background:var(--button-active)}@media (max-width: 600px){header,main{padding:15px}header h1{font-size:24px}.article{padding:12px}.article-title{font-size:16px}.article-actions{flex-direction:column;align-items:flex-start;gap:8px}.comment-form{flex-direction:column}.comment-submit{align-self:flex-end}}