.optimized-image-wrapper{background:var(--bg-tertiary,#f5f5f5);display:block;position:relative;overflow:hidden;width:100%}[data-theme=dark] .optimized-image-wrapper{background:#ffffff0d}.optimized-image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff3 20%,#ffffff80 60%,#fff0);background-size:200% 100%;animation:shimmer 2s infinite;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}[data-theme=dark] .optimized-image-placeholder{background:linear-gradient(90deg,#fff0,#ffffff0d 20%,#ffffff1a 60%,#fff0);background-size:200% 100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.optimized-image{display:block;width:100%;height:auto;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.optimized-image.loading{opacity:0}.optimized-image.loaded{opacity:1}.optimized-image-error{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--text-tertiary,#999);font-size:.875rem;text-align:center;padding:1rem;min-height:200px}[data-theme=dark] .optimized-image-error{color:#ffffff4d}.optimized-image-error svg{opacity:.5}.optimized-image{will-change:opacity;transform:translateZ(0)}@media (prefers-reduced-motion:reduce){.optimized-image,.optimized-image-placeholder{animation:none;transition:none}}.article-sidebar{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px var(--card-shadow);transition:all .3s ease}[data-theme=dark] .article-sidebar{background:var(--card-bg-dark)}.sidebar-tabs{display:flex;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:4px;gap:4px}[data-theme=dark] .sidebar-tabs{background:#ffffff08}.sidebar-tab{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:.75rem .5rem;background:#0000;border:none;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border-radius:8px;position:relative}.sidebar-tab svg{opacity:.7;transition:transform .2s ease}.sidebar-tab span{display:block}.sidebar-tab:hover{color:var(--text-primary);background:#00000008}.sidebar-tab:hover svg{transform:translateY(-2px);opacity:1}[data-theme=dark] .sidebar-tab:hover{color:#fff;background:#ffffff0d}.sidebar-tab.active{color:var(--text-primary);background:var(--card-bg);box-shadow:0 2px 8px #00000014}[data-theme=dark] .sidebar-tab.active{color:#fff;background:#ffffff1a;box-shadow:0 4px 12px #0003}.sidebar-tab.active svg{opacity:1;color:var(--accent-primary,#3b82f6)}.sidebar-search{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--card-bg);border-bottom:1px solid var(--border-color)}.sidebar-search svg{color:var(--text-tertiary);opacity:.7}.sidebar-search input{flex:1 1;border:none;background:#0000;font-size:.85rem;color:var(--text-primary);outline:none;font-family:inherit}.sidebar-search input::placeholder{color:var(--text-tertiary);opacity:.6}.sidebar-articles{max-height:600px;overflow-y:auto;padding:.5rem}.sidebar-articles::-webkit-scrollbar{width:4px}.sidebar-articles::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.sidebar-article-item{display:flex;gap:1rem;padding:.75rem;cursor:pointer;transition:all .2s ease;border-radius:10px;border:1px solid #0000}.sidebar-article-item:hover{background:var(--bg-secondary);border-color:var(--border-color);transform:translateX(4px)}[data-theme=dark] .sidebar-article-item:hover{background:#ffffff08}.sidebar-article-item.current{background:#3b82f60d;border-color:#3b82f633}.sidebar-article-image{width:64px;height:64px;flex-shrink:0;border-radius:8px;overflow:hidden;position:relative;box-shadow:0 2px 8px #0000001a}.sidebar-article-image:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000000d;border-radius:8px}.sidebar-article-content{flex:1 1;min-width:0;display:flex;flex-direction:column;justify-content:center}.sidebar-article-title{font-size:.825rem;font-weight:600;line-height:1.4;color:var(--text-primary);margin:0 0 .4rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--font-primary,inherit)}.sidebar-article-meta{display:flex;align-items:center;font-size:.7rem;color:var(--text-tertiary);font-weight:500}.sidebar-article-date{text-transform:uppercase;letter-spacing:.03em}.sidebar-clear-recents,.sidebar-search-clear,.sidebar-unsave-btn{background:#0000;border:none;color:var(--text-tertiary);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.sidebar-clear-recents:hover,.sidebar-unsave-btn:hover{background:#dc26261a;color:#dc2626}.sidebar-empty{padding:3rem 1.5rem;text-align:center;color:var(--text-tertiary)}.sidebar-empty svg{margin-bottom:1rem;opacity:.2;color:var(--text-primary)}.sidebar-empty p{font-size:.85rem;font-weight:500}@media (max-width:1024px){.article-sidebar{margin-top:2rem;border-radius:0;border-left:none;border-right:none}}