@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #0a0a0a;--bg-hover: #2a2a2a;--text-primary: #e0e0e0;--text-secondary: #999;--border-color: #333;--border-strong: #555}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #fafafa;--bg-hover: #f0f0f0;--text-primary: #000;--text-secondary: #666;--border-color: #e0e0e0;--border-strong: #000}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;transition:background-color .2s ease,color .2s ease}.container{max-width:1200px;margin:0 auto;padding:16px;background-color:var(--bg-primary)}.header{border-bottom:1px solid var(--border-strong);padding:12px 0;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.site-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;padding:0}.theme-toggle{background:none;border:1px solid var(--border-color);color:var(--text-primary);padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .15s ease}.theme-toggle:hover{background-color:var(--bg-hover)}.article-list{background-color:var(--bg-primary)}.article-item{padding:12px 16px;border-bottom:1px solid var(--border-color);transition:background-color .15s ease;position:relative;margin:0 -16px}.article-item:hover{background-color:var(--bg-hover)}.new-article-divider{height:1px;background-color:#10b981;margin:0;position:relative}.new-article-divider:before{content:"NEW";position:absolute;right:0;top:-10px;background-color:#10b981;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:3px;letter-spacing:.5px}.article-header{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.article-title{font-size:14px;color:var(--text-primary);text-decoration:none;font-weight:500;transition:color .15s ease;flex:1}.article-title:hover{color:var(--text-secondary)}.article-title:visited{color:#666;opacity:.5}.article-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.article-category-badge{font-size:10px;white-space:nowrap;padding:2px 6px;border-radius:3px;font-weight:500;text-transform:lowercase;letter-spacing:.3px;border:1px solid;background-color:transparent}.article-time{font-size:11px;color:var(--text-secondary);white-space:nowrap}.article-description{font-size:12px;color:#828282;line-height:1.4;margin-left:0;margin-top:2px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.loading-container{display:flex;justify-content:center;align-items:center;padding:100px 0}.loading-spinner{width:24px;height:24px;border:2px solid #e0e0e0;border-top-color:#000;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{padding:20px;text-align:center;color:var(--text-secondary);font-size:14px}.timer{position:fixed;bottom:16px;right:16px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:12px;font-size:11px;display:flex;flex-direction:column;gap:6px;z-index:1000}.timer-header{font-size:10px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;padding-bottom:6px;border-bottom:1px solid var(--border-color)}.timer-item{display:flex;justify-content:space-between;gap:12px}.timer-label{color:var(--text-secondary);font-weight:500}.timer-value{color:var(--text-primary);font-weight:600;font-family:monospace}@media (max-width: 768px){body{font-size:14px}.article-header{flex-wrap:wrap}.article-title{font-size:14px;flex:1}.article-category-badge{margin-left:auto}.article-description{font-size:12px}.timer{font-size:11px;padding:8px;gap:4px}.timer-item{gap:8px}}