:root{--color-primary-50: oklch(98.2% .018 155.826);--color-primary-100: oklch(96.2% .044 156.743);--color-primary-200: oklch(92.5% .084 155.995);--color-primary-300: oklch(87.1% .15 154.449);--color-primary-400: oklch(79.2% .209 151.711);--color-primary-500: oklch(72.3% .219 149.579);--color-primary-600: oklch(62.7% .194 149.214);--color-primary-700: oklch(52.7% .154 150.069);--color-primary-800: oklch(44.8% .119 151.328);--color-primary-900: oklch(39.3% .095 152.535);--color-secondary-400: oklch(70.7% .165 254.624);--color-secondary-500: oklch(62.3% .214 259.815);--color-secondary-600: oklch(54.6% .245 262.881);--color-fuchsia-400: oklch(66.7% .295 322.15);--color-fuchsia-500: oklch(66.7% .295 322.15);--color-fuchsia-600: oklch(59.1% .293 322.896);--color-neutral-50: oklch(98.4% .003 247.858);--color-neutral-100: oklch(96.8% .007 247.896);--color-neutral-200: oklch(92.9% .013 255.508);--color-neutral-300: oklch(86.9% .022 252.894);--color-neutral-400: oklch(70.4% .04 256.788);--color-neutral-500: oklch(55.4% .046 257.417);--color-neutral-600: oklch(44.6% .043 257.281);--color-neutral-700: oklch(37.2% .044 257.287);--color-neutral-800: oklch(27.9% .041 260.031);--color-neutral-900: oklch(20.8% .042 265.755);--color-success: var(--color-primary-500);--color-warning: oklch(79.5% .184 86.047);--color-error: oklch(63.7% .237 25.331);--text-primary: var(--color-neutral-700);--text-secondary: var(--color-neutral-600);--text-muted: var(--color-neutral-500);--text-inverse: #fff;--bg-primary: #fff;--bg-secondary: var(--color-neutral-50);--bg-elevated: var(--color-neutral-100);--bg-dark: var(--color-neutral-900);--border-color: var(--color-neutral-200);--border-accent: var(--color-neutral-300);--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--hd-gradient: linear-gradient(90.27deg, #f926e1 .22%, #2ab5fb 99.76%)}@media(prefers-color-scheme:dark){:root{--text-primary: var(--color-neutral-200);--text-secondary: var(--color-neutral-300);--text-muted: var(--color-neutral-400);--text-inverse: var(--color-neutral-900);--bg-primary: var(--color-neutral-900);--bg-secondary: var(--color-neutral-800);--bg-elevated: var(--color-neutral-800);--border-color: var(--color-neutral-800);--border-accent: var(--color-neutral-700)}}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-size:16px;line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;color:var(--text-primary);margin-bottom:var(--spacing-md)}h1{font-size:2.25rem;font-weight:700}h2{font-size:1.875rem;font-weight:600}h3{font-size:1.5rem;font-weight:600}p{margin-bottom:var(--spacing-md);color:var(--text-primary)}a{color:var(--color-fuchsia-500);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-fuchsia-600);text-decoration:underline}a:visited,a:link{color:var(--color-fuchsia-500)}.no-underline-hover:hover,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,.card a:hover{text-decoration:none}nav a:hover{text-decoration:none}button{font-family:inherit;font-size:.875rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid transparent;background:var(--color-primary-500);color:#fff;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:var(--spacing-xs)}button:hover{background:var(--color-primary-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}button:active{transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}.button-secondary{background:transparent;color:var(--text-primary);border-color:var(--border-color)}.button-secondary:hover{background:var(--bg-elevated);border-color:var(--border-accent)}.button-danger{background:var(--color-error);color:#fff}.button-danger:hover{background:#e40014;background:oklch(57.7% .245 27.325deg)}nav{background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:var(--spacing-md) 0}nav ul{list-style:none;display:flex;gap:var(--spacing-lg);align-items:center}nav a{color:var(--text-secondary);font-weight:500;transition:color .2s ease}nav a:hover,nav a.active{color:var(--text-primary)}footer{background:var(--bg-dark);color:var(--text-inverse);padding:var(--spacing-2xl) 0;margin-top:auto}footer a{color:var(--color-fuchsia-400)}footer a:hover{color:var(--color-fuchsia-500)}table{width:100%;border-collapse:collapse;background:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color)}thead{background:var(--bg-elevated);position:sticky;top:0;z-index:10}th{padding:var(--spacing-md);text-align:left;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-color)}td{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);color:var(--text-primary)}tbody tr:hover{background:var(--bg-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-md{gap:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-lg{margin-bottom:var(--spacing-lg)}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-8{width:2rem}.h-8{height:2rem}.h-5{height:1.25rem}.h-16{height:4rem}.mb-6{margin-bottom:1.5rem}.mt-6{margin-top:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.text-xs{font-size:.75rem;line-height:1rem}.rounded-md{border-radius:.375rem}.border-0{border-width:0px}.block{display:block}.text-primary-600{color:var(--color-primary-600)}.bg-primary-500{background-color:var(--color-primary-500)}.bg-primary-600{background-color:var(--color-primary-600)}.bg-fuchsia-500{background-color:var(--color-fuchsia-500)}.bg-fuchsia-600{background-color:var(--color-fuchsia-600)}.text-fuchsia-500{color:var(--color-fuchsia-500)}.text-white,a.text-white{color:#fff}.border-fuchsia-500{border-color:var(--color-fuchsia-500)}.border-2{border-width:2px}.hover\:bg-primary-600:hover{background-color:var(--color-primary-600)}.hover\:bg-fuchsia-500:hover{background-color:var(--color-fuchsia-500)}.hover\:bg-fuchsia-600:hover{background-color:var(--color-fuchsia-600)}.hover\:text-white:hover{color:#fff}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg,.hover\:shadow-lg:hover{box-shadow:var(--shadow-lg)}.opacity-80,.hover\:opacity-80:hover{opacity:.8}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.inline-block{display:inline-block}.status-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.status-current{background:var(--color-success);color:#fff}.status-eol{background:var(--color-error);color:#fff}.status-deprecated{background:var(--color-warning);color:var(--color-neutral-900)}.herodevs-logo{height:20px;width:auto;transition:transform .2s ease}.herodevs-logo:hover{transform:scale(1.1)}.card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}.card:hover{box-shadow:var(--shadow-md)}input[type=search],input[type=text]{font-family:inherit;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;transition:border-color .2s ease,box-shadow .2s ease}input[type=search]:focus,input[type=text]:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #48bb781a}.bg-orange-100 a,.bg-orange-500 a,.bg-yellow-100 a,.bg-yellow-500 a{color:var(--color-neutral-700)!important;text-decoration:underline}.bg-orange-100 a:hover,.bg-orange-500 a:hover,.bg-yellow-100 a:hover,.bg-yellow-500 a:hover{color:var(--color-neutral-900)!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.popup-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.popup-content{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:500px;width:100%;box-shadow:var(--shadow-lg);max-height:90vh;overflow-y:auto}.popup-header,.popup-body{margin-bottom:var(--spacing-lg)}.popup-footer{display:flex;gap:var(--spacing-md);justify-content:flex-end}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:600;color:var(--text-primary)}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #48bb781a}.form-group textarea{resize:vertical;min-height:80px}.request-support-link{color:var(--color-fuchsia-500);text-decoration:underline;cursor:pointer;font-size:.75rem;transition:color .2s ease}.request-support-link:hover{color:var(--color-fuchsia-600)}