:root{--bg-color:#1a1a1a;--card-bg:#2d2d2d;--text-color:#ffffff;--text-secondary:#b3b3b3;--border-color:#404040;--accent-color:#ff4747;--sidebar-width:280px}body{background-color:var(--bg-color);color:var(--text-color);font-family:Inter,sans-serif;margin:0;padding:0}.changelog-wrapper{padding:120px 0 60px;min-height:100vh}.page-header{text-align:center;margin-bottom:60px}.page-title{font-size:3rem;font-weight:700;margin-bottom:15px;background:linear-gradient(135deg,#fff 0,#a5a5a5 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-description{color:var(--text-secondary);font-size:1.1rem;max-width:600px;margin:0 auto}.changelog-layout{display:flex;gap:40px;position:relative}.changelog-sidebar{width:var(--sidebar-width);flex-shrink:0}.sidebar-sticky{position:sticky;top:100px;background:var(--card-bg);border-radius:16px;padding:20px;border:1px solid var(--border-color)}.sidebar-title{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:15px;padding-left:10px}.scraper-nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;padding:12px 15px;border-radius:10px;color:var(--text-color);text-decoration:none;transition:.2s;cursor:pointer;border:1px solid transparent}.nav-item:hover{background-color:rgba(255,255,255,.05)}.nav-item.active{background-color:rgba(255,255,255,.1);border-color:var(--primary-color)}.nav-icon{width:24px;height:24px;margin-right:12px;border-radius:6px;object-fit:contain}.nav-text{font-size:.95rem;font-weight:500}.changelog-main{flex-grow:1;min-width:0}.scraper-section{background:var(--card-bg);border-radius:16px;padding:30px;margin-bottom:40px;border:1px solid var(--border-color);transition:transform .3s,box-shadow .3s;display:none}.scraper-section.active{display:block;animation:.4s fadeIn}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.scraper-header{display:flex;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.scraper-header-icon{width:48px;height:48px;margin-right:15px;border-radius:10px}.scraper-title{font-size:1.8rem;font-weight:700;color:var(--text-color);margin:0}.update-item{position:relative;padding-left:30px;margin-bottom:40px;border-left:2px solid var(--border-color)}.update-item:last-child{margin-bottom:0}.update-item::before{content:'';position:absolute;left:-6px;top:6px;width:10px;height:10px;border-radius:50%;background-color:var(--primary-color);box-shadow:0 0 10px var(--primary-color)}.update-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:15px;flex-wrap:wrap}.meta-left{display:flex;align-items:center;gap:15px}.version-badge{background-color:rgba(255,255,255,.1);padding:6px 12px;border-radius:8px;font-size:1rem;font-weight:700;color:var(--primary-color);border:1px solid rgba(255,255,255,.1)}.update-date{color:var(--text-secondary);font-size:.95rem}.download-btn{display:inline-flex;align-items:center;gap:8px;background-color:var(--btn-color);color:#000;padding:6px 16px;border-radius:8px;text-decoration:none;font-weight:600;font-size:.9rem;transition:transform .2s,opacity .2s}.download-btn:hover{transform:translateY(-2px);opacity:.9;color:#000}.changes-list{list-style:none;padding:0;margin:0}.changes-list li{position:relative;padding-left:25px;margin-bottom:12px;color:var(--text-secondary);line-height:1.6;font-size:1.05rem}.changes-list li::before{content:'→';position:absolute;left:0;color:var(--primary-color);font-weight:700}@media (max-width:992px){.changelog-layout{flex-direction:column;gap:30px}.changelog-sidebar{width:100%}.sidebar-sticky{position:static;padding:15px}.scraper-nav{flex-direction:row;overflow-x:auto;padding-bottom:5px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.scraper-nav::-webkit-scrollbar{display:none}.nav-item{flex-shrink:0;white-space:nowrap;padding:10px 15px}}@media (max-width:768px){.changelog-wrapper{padding-top:100px}.page-title{font-size:2.2rem}.scraper-section{padding:20px}.scraper-title{font-size:1.4rem}.scraper-header-icon{width:40px;height:40px}}