*{box-sizing:border-box;margin:0;padding:0}.sidebar{background:#000;color:#fff;font-family:Arial,sans-serif;height:100vh;overflow-y:auto;padding:0;width:350px}.sidebar-section{border-bottom:1px solid #333;padding:24px}.sidebar-section:last-child{border-bottom:none}.section-title{color:#ff1493;font-size:18px;font-weight:700;letter-spacing:.5px;margin-bottom:20px;text-transform:uppercase}.recent-article{border-bottom:1px solid #222;margin-bottom:20px;padding-bottom:16px}.recent-article:last-child{border-bottom:none;margin-bottom:0}.article-title{color:#fff;display:block;font-size:14px;font-weight:600;line-height:1.4;margin-bottom:8px;text-decoration:none;transition:color .3s ease}.article-title:hover{color:#ff1493}.article-meta{align-items:center;color:#888;display:flex;font-size:12px;justify-content:space-between}.article-date{color:#666}.article-author{color:#ff1493;text-decoration:none;transition:opacity .3s ease}.article-author:hover{opacity:.8}.tags-container{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#222;border:1px solid #333;border-radius:20px;color:#fff;display:inline-block;font-size:12px;padding:6px 12px;text-decoration:none;transition:all .3s ease}.tag:hover{background:#ff1493;border-color:#ff1493;color:#000;transform:translateY(-1px)}.author-item{align-items:center;background:#111;border-radius:8px;color:#fff;display:flex;margin-bottom:16px;padding:12px;text-decoration:none;transition:all .3s ease}.author-item:hover{background:#1a1a1a;transform:translateX(4px)}.author-item:last-child{margin-bottom:0}.author-avatar{align-items:center;background:#ff1493;border-radius:50%;color:#000;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;margin-right:12px;width:40px}.author-info{flex-grow:1}.author-name{color:#fff;font-size:14px;font-weight:600;margin-bottom:2px}.author-posts{color:#888;font-size:12px}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#111}.sidebar::-webkit-scrollbar-thumb{background:#ff1493;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#e6117d}@media (max-width:768px){.sidebar{height:auto;width:100%}}