:root{--bg-primary: #222222;--bg-secondary: #262626;--bg-tertiary: #2c2c2c;--bg-elevated: #303030;--bg-hover: #343434;--bg-surface: #383838;--border-primary: #2e2e2e;--border-secondary: #3a3a3a;--border-tertiary: #444444;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--text-tertiary: #909090;--text-quaternary: #757575;--accent-blue: #4a9eff;--accent-green: #22c55e;--accent-red: #ef4444;--accent-amber: #f59e0b;--font-mono: "Share Tech Mono", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans)}::selection{background:#4a9eff4d;color:#fff}.app{display:flex;flex-direction:column;height:100%;max-width:1400px;margin:0 auto}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border-primary);flex-shrink:0}.header-left{display:flex;align-items:center;gap:12px}.header-logo{width:24px;height:24px;color:var(--text-primary)}.header-brand{display:flex;align-items:baseline;gap:8px}.header-name{font-family:var(--font-mono);font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.header-tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-blue);background:#4a9eff1a;border:1px solid rgba(74,158,255,.2);padding:2px 8px;border-radius:3px}.header-right{display:flex;align-items:center;text-decoration:none}.header-avatar{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-secondary);transition:border-color .15s}.header-avatar:hover{border-color:var(--accent-blue)}.categories{display:flex;gap:2px;padding:0 24px;border-bottom:1px solid var(--border-primary);flex-shrink:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.cat-tab{padding:12px 18px;border:none;background:transparent;color:var(--text-quaternary);font-family:var(--font-mono);font-size:12px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:color .15s;white-space:nowrap;border-bottom:2px solid transparent}.cat-tab:hover{color:var(--text-secondary)}.cat-tab.active{color:var(--text-primary);border-bottom-color:var(--accent-blue)}.main{flex:1;display:flex;overflow:hidden}.feed-container{flex:1;overflow-y:auto;padding:24px}.feed{display:flex;flex-direction:column;gap:16px;max-width:800px}.feed-loading{display:flex;align-items:center;gap:12px;padding:40px 0;color:var(--text-quaternary);font-family:var(--font-mono);font-size:13px}.loading-pulse{width:8px;height:8px;border-radius:50%;background:var(--accent-blue);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.feed-empty{padding:60px 0;color:var(--text-quaternary);font-size:14px;text-align:center}.card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;padding:20px 24px;cursor:pointer;transition:border-color .2s,background .2s}.card:hover{border-color:var(--border-tertiary);background:var(--bg-tertiary)}.card-hero{border-left:3px solid var(--accent-blue)}.card-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px}.card-category{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-blue);background:#4a9eff14;padding:2px 8px;border-radius:3px}.card-time{font-size:11px;color:var(--text-quaternary)}.card-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px;line-height:1.3}.card-title-hero{font-size:22px;font-weight:600;color:var(--text-primary);margin-bottom:8px;line-height:1.3}.card-preview{font-size:14px;color:var(--text-tertiary);line-height:1.55;margin-bottom:8px}.card-image{width:100%;height:180px;object-fit:cover;border-radius:6px;margin-bottom:14px}.card-hero .card-image{height:240px}.card-read-more{font-family:var(--font-mono);font-size:12px;color:var(--accent-blue);letter-spacing:.03em}.article-page{max-width:800px}.back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border-secondary);border-radius:6px;background:transparent;color:var(--text-tertiary);font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;cursor:pointer;transition:all .15s;margin-bottom:24px}.back-btn:hover{color:var(--text-primary);border-color:var(--border-tertiary)}.article-header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-primary)}.article-title{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1.3;margin-bottom:16px}.article-hero-image{width:100%;border-radius:8px;margin-bottom:16px}.article-description{font-size:16px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.article-tags{display:flex;flex-wrap:wrap;gap:6px}.article-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--text-quaternary);background:var(--bg-tertiary);border:1px solid var(--border-primary);padding:2px 8px;border-radius:3px}.article-content{line-height:1.75}.article-content .news-h2{font-size:22px;font-weight:600;color:var(--text-primary);margin:28px 0 12px;line-height:1.3}.article-content .news-h3{font-size:17px;font-weight:600;color:var(--text-primary);margin:20px 0 8px}.article-content .news-h4{font-size:15px;font-weight:600;color:var(--text-secondary);margin:16px 0 6px}.article-content .news-p{font-size:15px;color:var(--text-secondary);margin-bottom:10px;line-height:1.75}.article-content .news-bullet{font-size:15px;color:var(--text-secondary);padding-left:16px;margin-bottom:6px;line-height:1.65}.article-content a{color:var(--accent-blue);text-decoration:none}.article-content a:hover{text-decoration:underline}.article-content strong{color:var(--text-primary)}@media(max-width:600px){.header{padding:12px 16px}.header-name{display:none}.categories{padding:0 16px}.cat-tab{padding:10px 12px;font-size:11px}.feed-container,.card{padding:16px}.card-title-hero{font-size:18px}.article-title{font-size:22px}.article-content .news-h2{font-size:18px}}.ad-container{border-radius:8px;overflow:hidden;min-height:50px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-tertiary)}