.changelog-search-container{display:flex;align-items:center;gap:var(--space-3);max-width:400px}.changelog-search-input-wrapper{position:relative;flex:1 1}.changelog-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:var(--changelog-text-muted);pointer-events:none}.changelog-search-input{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) 2.5rem;border:1px solid color-mix(in srgb,var(--changelog-border) 65%,var(--changelog-surface) 35%);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--changelog-surface) 92%,var(--changelog-border) 8%);color:var(--changelog-text-primary);font-size:var(--text-sm);font-family:var(--changelog-font-family);transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.changelog-search-input:focus{outline:none;border-color:color-mix(in srgb,var(--changelog-accent) 65%,var(--changelog-surface) 35%);box-shadow:0 0 0 2px color-mix(in srgb,var(--changelog-accent) 12%,transparent);background:color-mix(in srgb,var(--changelog-surface) 96%,var(--changelog-accent) 4%)}.changelog-search-input::placeholder{color:var(--changelog-text-muted)}.changelog-search-clear{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);width:1rem;height:1rem;border:none;background:none;color:var(--changelog-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.changelog-search-clear:hover{color:var(--changelog-text-primary)}.changelog-search-shortcut{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid var(--changelog-border);border-radius:var(--radius-sm);background:var(--changelog-surface);font-size:var(--text-xs);color:var(--changelog-text-muted);font-family:var(--changelog-font-mono)}.changelog-search-shortcut-key{font-weight:var(--weight-semibold)}.changelog-filters{display:flex;flex-wrap:wrap;gap:var(--space-8);align-items:flex-start}.changelog-filter-group{display:flex;flex-direction:column;gap:var(--space-3)}.changelog-filter-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--changelog-text-secondary)}.changelog-filter-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.changelog-filter-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--changelog-border);border-radius:var(--radius-md);background:var(--changelog-surface);color:var(--changelog-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);font-family:var(--changelog-font-family);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none}.changelog-filter-button:hover{border-color:color-mix(in srgb,var(--changelog-accent) 50%,transparent);background:color-mix(in srgb,var(--changelog-accent) 5%,transparent);color:var(--changelog-text-primary)}.changelog-filter-button--active{border-color:var(--changelog-accent);background:color-mix(in srgb,var(--changelog-accent) 10%,transparent);color:var(--changelog-accent)}.changelog-filter-icon{width:1rem;height:1rem;flex-shrink:0}.changelog-filter-select-wrapper{position:relative}.changelog-filter-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);border:1px solid var(--changelog-border);border-radius:var(--radius-md);background:var(--changelog-surface);color:var(--changelog-text-primary);font-size:var(--text-sm);font-family:var(--changelog-font-family);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:140px}.changelog-filter-select:focus{outline:none;border-color:var(--changelog-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--changelog-accent) 10%,transparent)}.changelog-filter-select-icon{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:var(--changelog-text-muted);pointer-events:none}.changelog-entry-title-wrapper{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.changelog-entry-actions{display:flex;gap:var(--space-2);opacity:0;transform:translateX(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.changelog-entry:hover .changelog-entry-actions{opacity:1;transform:translateX(0)}.changelog-entry-date{cursor:help}.changelog-entry-separator{margin:0 var(--space-2);color:var(--changelog-text-muted)}.changelog-entry-author,.changelog-expand-toggle{color:var(--changelog-text-secondary);font-size:var(--text-sm)}.changelog-expand-toggle{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-2) var(--space-3);border:1px solid var(--changelog-border);border-radius:var(--radius-md);background:var(--changelog-surface);font-weight:var(--weight-medium);font-family:var(--changelog-font-family);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.changelog-expand-toggle:hover{border-color:color-mix(in srgb,var(--changelog-accent) 50%,transparent);color:var(--changelog-text-primary)}.changelog-expand-icon{width:1rem;height:1rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.changelog-expand-icon--expanded{transform:rotate(180deg)}.changelog-entry-details{margin-top:var(--space-6);padding:var(--space-6);border:1px solid var(--changelog-border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--changelog-bg) 50%,transparent)}.changelog-entry-preview-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--changelog-text-primary);margin-bottom:var(--space-3)}.changelog-entry-preview-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.changelog-entry-preview-list li{font-size:var(--text-sm);color:var(--changelog-text-secondary);display:flex;align-items:center;gap:var(--space-2)}.changelog-copy-url,.changelog-share-trigger{width:2.5rem;height:2.5rem;border:1px solid var(--changelog-border);border-radius:var(--radius-md);background:var(--changelog-surface);color:var(--changelog-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.changelog-share-trigger svg{width:18px;height:18px}.changelog-copy-url:hover,.changelog-share-trigger:hover{border-color:var(--changelog-accent);background:color-mix(in srgb,var(--changelog-accent) 8%,transparent);color:var(--changelog-accent);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.08)}.changelog-copy-url--copied{border-color:#10b981;color:#10b981;background:color-mix(in srgb,#10b981 10%,transparent)}.changelog-share-container{position:relative}.changelog-share-menu{position:absolute;top:calc(100% + .5rem);right:0;z-index:1000}.changelog-share-menu-content{display:flex;flex-direction:column;min-width:180px;padding:.5rem;gap:.25rem;background:var(--changelog-surface);border:1px solid var(--changelog-border);border-radius:var(--radius-lg);box-shadow:0 10px 40px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08);animation:fadeInScale .2s ease-out}.dark .changelog-share-menu-content{background:hsl(240 6% 10%);border-color:hsl(240 4% 20%);box-shadow:0 10px 40px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.3)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.changelog-share-option{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border:none;border-radius:var(--radius-md);background:transparent;color:var(--changelog-text-primary);font-size:.875rem;font-weight:500;font-family:var(--changelog-font-family);cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);text-align:left;white-space:nowrap}.changelog-share-option svg{width:18px;height:18px;flex-shrink:0}.changelog-share-option:hover{background:color-mix(in srgb,var(--changelog-accent) 12%,transparent);color:var(--changelog-accent);transform:translateX(2px)}.changelog-share-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.changelog-version-nav{background:var(--changelog-surface);border:1px solid var(--changelog-border);border-radius:var(--radius-lg);padding:var(--space-6);position:-webkit-sticky;position:sticky;top:var(--space-8)}.changelog-version-nav-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.changelog-version-nav-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--changelog-text-primary);margin:0}.changelog-version-nav-toggle{width:1.5rem;height:1.5rem;border:none;background:transparent;color:var(--changelog-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.changelog-version-nav-toggle:hover{color:var(--changelog-text-primary)}.changelog-version-nav-toggle-icon{width:1rem;height:1rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.changelog-version-nav-toggle-icon--collapsed{transform:rotate(-90deg)}.changelog-version-nav-content{max-height:400px;overflow-y:auto;transition:all .3s cubic-bezier(.4,0,.2,1)}.changelog-version-nav-content--collapsed{max-height:0;overflow:hidden}.changelog-version-nav-item{margin-bottom:var(--space-2)}.changelog-version-nav-item--all{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--changelog-border)}.changelog-version-nav-link{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);text-decoration:none;color:var(--changelog-text-secondary);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.changelog-version-nav-link:hover{background:color-mix(in srgb,var(--changelog-accent) 5%,transparent);color:var(--changelog-text-primary)}.changelog-version-nav-link--active{background:color-mix(in srgb,var(--changelog-accent) 10%,transparent);color:var(--changelog-accent)}.changelog-version-nav-link-content{flex:1 1}.changelog-version-nav-link-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.changelog-version-nav-link-title,.changelog-version-nav-link-version{font-weight:var(--weight-semibold);font-size:var(--text-sm)}.changelog-version-nav-breaking-badge{width:1rem;height:1rem;background:#ef4444;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--weight-bold)}.changelog-version-nav-link-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs)}.changelog-version-nav-link-count,.changelog-version-nav-link-date{color:var(--changelog-text-muted)}.changelog-version-nav-link-indicator{display:flex;align-items:center;margin-left:var(--space-2)}.changelog-version-nav-indicator-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--changelog-border);transition:background-color .2s ease}.changelog-version-nav-indicator-dot--latest{background:var(--changelog-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--changelog-accent) 20%,transparent)}.changelog-version-nav-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--changelog-border)}.changelog-version-nav-quick-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);text-decoration:none;color:var(--changelog-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);font-family:var(--changelog-font-family);transition:all .2s cubic-bezier(.4,0,.2,1)}.changelog-version-nav-quick-link:hover{background:color-mix(in srgb,var(--changelog-accent) 5%,transparent);color:var(--changelog-accent)}.changelog-back-to-top{position:fixed;bottom:var(--space-8);right:var(--space-8);width:3rem;height:3rem;background:var(--changelog-accent);color:white;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(20px);pointer-events:none;z-index:100}.changelog-back-to-top--visible{opacity:1;transform:translateY(0);pointer-events:auto}.changelog-back-to-top:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.changelog-version-link{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--changelog-accent) 10%,transparent);color:var(--changelog-accent);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.changelog-version-link:hover{background:color-mix(in srgb,var(--changelog-accent) 20%,transparent)}.changelog-shortcuts-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.changelog-shortcuts-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.changelog-shortcuts-content{position:relative;background:var(--changelog-surface);border:1px solid var(--changelog-border);border-radius:var(--radius-xl);padding:var(--space-8);max-width:600px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.changelog-shortcuts-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.changelog-shortcuts-header h3{margin:0;font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--changelog-text-primary)}.changelog-shortcuts-close{width:2rem;height:2rem;border:none;background:transparent;color:var(--changelog-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s cubic-bezier(.4,0,.2,1)}.changelog-shortcuts-close:hover{background:color-mix(in srgb,var(--changelog-border) 50%,transparent);color:var(--changelog-text-primary)}.changelog-shortcuts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--space-8);gap:var(--space-8)}.changelog-shortcuts-section h4{margin:0 0 var(--space-4) 0;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--changelog-text-secondary);text-transform:uppercase;letter-spacing:.05em}.changelog-shortcuts-list{display:flex;flex-direction:column;gap:var(--space-3)}.changelog-shortcut{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.changelog-shortcut span{font-size:var(--text-sm);color:var(--changelog-text-primary)}.changelog-shortcut-key{padding:var(--space-1) var(--space-2);background:var(--changelog-bg);border:1px solid var(--changelog-border);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold);font-family:var(--changelog-font-mono);color:var(--changelog-text-primary)}.changelog-entry--focused{box-shadow:var(--shadow-md),0 0 0 2px color-mix(in srgb,var(--changelog-accent) 50%,transparent);transform:translateY(-2px)}.changelog-entry--focused:before{transform:scaleX(1)}.changelog-back-to-top:focus,.changelog-copy-url:focus,.changelog-expand-toggle:focus,.changelog-filter-button:focus,.changelog-filter-select:focus,.changelog-search-input:focus,.changelog-share-trigger:focus,.changelog-version-nav-link:focus{outline:2px solid var(--changelog-accent);outline-offset:2px}@media (max-width:768px){.changelog-controls{gap:var(--space-4)}.changelog-search-container{max-width:none}.changelog-filters{gap:var(--space-4)}.changelog-filter-buttons{gap:var(--space-1)}.changelog-filter-button{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.changelog-content{padding:0 var(--space-4)}.changelog-entry-title-wrapper{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.changelog-entry-actions{opacity:1;transform:none}.changelog-entry-footer{flex-direction:column;gap:var(--space-4);align-items:flex-start}.changelog-version-nav{position:static}.changelog-back-to-top{bottom:var(--space-4);right:var(--space-4);width:2.5rem;height:2.5rem}.changelog-shortcuts-content{margin:var(--space-4);padding:var(--space-6)}.changelog-shortcuts-grid{grid-template-columns:1fr;gap:var(--space-6)}.changelog-share-menu-content{right:auto;left:0}}@media (max-width:480px){.changelog-header-content,.changelog-stats{gap:var(--space-4)}.changelog-entry-details{padding:var(--space-4);margin-top:var(--space-4)}.changelog-search-shortcut{display:none}}