.header{z-index:1000;border-radius:35px;justify-content:space-between;align-items:center;height:70px;padding:0 24px;display:flex;position:absolute;top:20px;left:20px;right:20px}.logo-container{align-items:center;gap:12px;display:flex}.icon-wrapper{background:linear-gradient(135deg, var(--accent-gold), var(--accent-red));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 2px 10px #e11d4866}.logo-text{letter-spacing:.02em;margin:0;font-size:1.5rem;font-weight:700}.highlight{color:var(--accent-gold);background:-webkit-linear-gradient(0deg, var(--accent-gold), var(--accent-red));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.nav{align-items:center;display:flex}.subtitle{color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;font-size:.9rem;font-weight:500}@media (max-width:600px){.header{border-radius:20px;padding:0 16px}.subtitle{display:none}}
.sidebar-container{z-index:1000;flex-direction:column;width:400px;max-width:calc(100vw - 40px);display:flex;position:absolute;top:80px;bottom:20px;right:20px;overflow:hidden;box-shadow:-5px 0 30px #00000080}.animate-slide-in{animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards slideInRight}@keyframes slideInRight{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}.close-btn{color:#fff;cursor:pointer;z-index:10;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:15px;right:15px}.close-btn:hover{background:var(--accent-red);transform:rotate(90deg)}.sidebar-content{height:100%;overflow-y:auto}.image-container{width:100%;height:250px;position:relative}.art-image{object-fit:cover;width:100%;height:100%}.image-overlay{background:linear-gradient(to top, var(--glass-bg), transparent);height:100px;position:absolute;bottom:0;left:0;right:0}.details-container{padding:24px}.tags{gap:10px;margin-bottom:12px;display:flex}.tag{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600}.style-tag{color:var(--accent-gold);background:#f59e0b33;border:1px solid #f59e0b66}.era-tag{color:var(--accent-red);background:#e11d4833;border:1px solid #e11d4866}.title{color:var(--text-primary);margin-bottom:20px;font-size:2rem;line-height:1.2}.section{margin-bottom:24px}.section-title{color:var(--accent-gold);letter-spacing:.02em;margin-bottom:8px;font-size:1.1rem;font-weight:600}.description{color:var(--text-secondary);font-size:.95rem;line-height:1.6}@media (max-width:768px){.sidebar-container{border-radius:24px 24px 0 0;width:100%;max-width:100%;height:60vh;inset:auto 0 0}@keyframes slideInRight{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}