:root{--color-primary: #1e3c72;--color-primary-light: #2a5298;--color-primary-dark: #16294e;--color-secondary: #667eea;--color-secondary-light: #a29bfe;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--color-success: #16a34a;--color-success-light: #22c55e;--color-success-bg: #dcfce7;--color-warning: #ea580c;--color-warning-light: #fb923c;--color-warning-bg: #fed7aa;--color-error: #dc2626;--color-error-light: #ef4444;--color-error-bg: #fecaca;--color-info: #2563eb;--color-info-light: #3b82f6;--color-info-bg: #dbeafe;--color-channel-stable: #4CAF50;--color-channel-beta: #2196F3;--color-channel-dev: #9C27B0;--color-channel-canary: #FF9800;--color-channel-esr: #FF5722;--color-channel-esr-prev: #795548;--color-channel-stable-bg: rgba(76, 175, 80, .1);--color-channel-stable-bg-light: rgba(76, 175, 80, .05);--color-channel-stable-bg-lighter: rgba(76, 175, 80, .02);--color-channel-beta-bg: rgba(33, 150, 243, .1);--color-channel-beta-bg-light: rgba(33, 150, 243, .05);--color-channel-beta-bg-lighter: rgba(33, 150, 243, .02);--color-channel-canary-bg: rgba(255, 152, 0, .1);--color-channel-canary-bg-light: rgba(255, 152, 0, .05);--color-channel-canary-bg-lighter: rgba(255, 152, 0, .02);--color-channel-dev-bg: rgba(156, 39, 176, .1);--color-channel-dev-bg-light: rgba(156, 39, 176, .05);--color-channel-dev-bg-lighter: rgba(156, 39, 176, .02);--color-browser-chrome: #4285f4;--color-browser-firefox: #ff7139;--color-browser-edge: #0078d7;--color-browser-safari: #006cff;--color-browser-opera: #FF1B2D;--color-feature-1: #667eea;--color-feature-2: #f093fb;--color-feature-3: #fa709a;--color-feature-4: #4facfe;--color-accent-coral: #ff6b6b;--color-accent-orange: #ff9f43;--color-accent-green: #26de81;--color-accent-purple: #a29bfe;--color-sidebar-bg: #e8f4f8;--color-sidebar-border: #d0e8f2;--color-bg-main: #f8f9fa;--color-bg-page: #ffffff;--color-bg-card: #ffffff;--color-bg-section: #f8fafc;--color-bg-elevated: #ffffff;--color-bg-overlay: rgba(0, 0, 0, .5);--color-text-primary: #333333;--color-text-secondary: #666666;--color-text-tertiary: #94a3b8;--color-text-muted: #888888;--color-text-disabled: #cccccc;--color-text-inverse: #ffffff;--color-text-link: #1e3c72;--color-text-link-hover: #2a5298;--color-border-light: #f0f0f0;--color-border-default: #e1e4e8;--color-border-medium: #d0d4d8;--color-border-dark: #cbd5e1;--color-border-focus: #2563eb;--font-family-base: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "JetBrains Mono", "Monaco", "Consolas", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.875rem;--font-size-3xl: 2.25rem;--font-size-4xl: 3rem;--font-size-5xl: 3.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--spacing-0: 0rem;--spacing-3xs: .125rem;--spacing-2xs: .25rem;--spacing-xs: .375rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--spacing-3xl: 3rem;--spacing-4xl: 4rem;--spacing-5xl: 6rem;--breakpoint-xs: 380px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 900px;--breakpoint-xl: 1300px;--breakpoint-2xl: 1400px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1400px;--container-fluid: 100%;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .15);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .25);--shadow-focus: 0 0 0 3px rgba(37, 99, 235, .1);--shadow-focus-primary: 0 0 0 3px rgba(30, 60, 114, .2);--radius-none: 0;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 50px;--radius-circle: 50%;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--transition-slower: .4s ease;--transition-all: all .2s ease;--transition-colors: color .2s ease, background-color .2s ease, border-color .2s ease;--transition-transform: transform .2s ease;--transition-opacity: opacity .2s ease;--opacity-0: 0;--opacity-5: .05;--opacity-10: .1;--opacity-20: .2;--opacity-30: .3;--opacity-40: .4;--opacity-50: .5;--opacity-60: .6;--opacity-70: .7;--opacity-80: .8;--opacity-90: .9;--opacity-100: 1;--backdrop-blur-sm: blur(4px);--backdrop-blur-md: blur(8px);--backdrop-blur-lg: blur(10px);--backdrop-blur-xl: blur(16px);--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);--gradient-primary-active: linear-gradient(135deg, rgba(30, 60, 114, .05) 0%, rgba(42, 82, 152, .08) 100%);--color-overlay-primary-light: rgba(30, 60, 114, .03);--color-overlay-primary-medium: rgba(30, 60, 114, .05);--color-overlay-primary: rgba(30, 60, 114, .1);--color-overlay-primary-dark: rgba(30, 60, 114, .12);--color-overlay-primary-darker: rgba(30, 60, 114, .15);--color-text-inverse-high: rgba(255, 255, 255, .95);--color-shadow-primary: rgba(30, 60, 114, .2);--button-padding-sm: .5rem 1rem;--button-padding-md: .75rem 1.5rem;--button-padding-lg: 1rem 2rem;--button-height-sm: 32px;--button-height-md: 40px;--button-height-lg: 48px;--button-border-radius: var(--radius-full);--button-font-weight: var(--font-weight-semibold);--card-padding: 1.5rem;--card-padding-lg: 2rem;--card-border-radius: var(--radius-xl);--card-border-color: var(--color-border-default);--card-border-width: 1px;--card-shadow: var(--shadow-md);--card-shadow-hover: var(--shadow-lg);--form-input-padding: .75rem 1rem;--form-input-height: 44px;--form-input-border-radius: var(--radius-md);--form-input-border-color: var(--color-border-medium);--form-input-border-width: 2px;--form-input-focus-border-color: var(--color-border-focus);--form-input-disabled-bg: var(--color-gray-100);--form-textarea-min-height: 120px;--form-label-font-weight: var(--font-weight-medium);--form-label-margin-bottom: .5rem;--nav-height: 60px;--nav-link-padding: .5rem 1rem;--nav-link-border-radius: var(--radius-full);--nav-link-font-weight: var(--font-weight-medium);--badge-padding: .25rem .75rem;--badge-border-radius: var(--radius-lg);--badge-font-size: var(--font-size-xs);--badge-font-weight: var(--font-weight-semibold);--release-card-border-top-width: 4px;--release-card-padding: 1.5rem;--release-card-gap: 1rem;--footer-padding: 2rem;--footer-border-top: 1px solid var(--color-border-light);--header-padding: 2rem;--header-gradient-start: rgba(30, 60, 114, .6);--header-gradient-end: rgba(42, 82, 152, .6)}.releases-table-grid{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.grid-header,.grid-row{display:grid;grid-template-columns:150px repeat(4,1fr);gap:var(--spacing-sm);align-items:stretch}.grid-cell{padding:var(--spacing-sm);min-height:60px;display:flex;flex-direction:column}.grid-cell-header{text-align:center;border-radius:var(--radius-lg);padding:var(--spacing-md);font-weight:var(--font-weight-semibold);border-top:4px solid}.grid-cell-header.currentPublic{border-top-color:var(--color-channel-stable);background:linear-gradient(135deg,var(--color-channel-stable-bg-light) 0%,var(--color-channel-stable-bg) 100%)}.grid-cell-header.currentBeta{border-top-color:var(--color-channel-beta);background:linear-gradient(135deg,var(--color-channel-beta-bg-light) 0%,var(--color-channel-beta-bg) 100%)}.grid-cell-header.upcomingPublic{border-top-color:var(--color-channel-canary);background:linear-gradient(135deg,var(--color-channel-canary-bg-light) 0%,var(--color-channel-canary-bg) 100%)}.grid-cell-header.upcomingBeta{border-top-color:var(--color-channel-dev);background:linear-gradient(135deg,var(--color-channel-dev-bg-light) 0%,var(--color-channel-dev-bg) 100%)}.grid-cell-header h2{margin:0;font-size:var(--font-size-base);color:var(--color-text-primary)}.grid-cell-browser{display:flex;align-items:center;padding:var(--spacing-sm)}.browser-label{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font-weight:var(--font-weight-semibold);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--color-text-inverse);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);white-space:nowrap;width:100%;text-decoration:none;transition:all var(--transition-normal)}.browser-label:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026;filter:brightness(1.1);color:var(--color-text-inverse);text-decoration:none}.grid-cell-content{background:var(--color-bg-main);border-radius:var(--radius-md);padding:var(--spacing-sm);min-height:100px;flex:1;display:flex;flex-direction:column}.grid-cell-content.currentPublic{background:linear-gradient(135deg,var(--color-channel-stable-bg-lighter) 0%,var(--color-channel-stable-bg-light) 100%)}.grid-cell-content.currentBeta{background:linear-gradient(135deg,var(--color-channel-beta-bg-lighter) 0%,var(--color-channel-beta-bg-light) 100%)}.grid-cell-content.upcomingPublic{background:linear-gradient(135deg,var(--color-channel-canary-bg-lighter) 0%,var(--color-channel-canary-bg-light) 100%)}.grid-cell-content.upcomingBeta{background:linear-gradient(135deg,var(--color-channel-dev-bg-lighter) 0%,var(--color-channel-dev-bg-light) 100%)}.version-groups{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1}.browsers-grid{display:flex;flex-direction:column;gap:var(--spacing-lg);flex:1}.browser-section{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm)}.browser-section.browser-empty{opacity:.5}.browser-info{display:flex;justify-content:space-between;align-items:center;height:36px;margin-bottom:var(--spacing-sm)}.browser-icon{display:flex;align-items:center;font-size:var(--font-size-lg)}@media(max-width:1200px){.grid-header,.grid-row{grid-template-columns:120px repeat(4,1fr)}}@media(max-width:900px){.releases-table-grid{padding:var(--spacing-xs);border-radius:0}.grid-header{display:none}.grid-row{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);background:var(--color-bg-card);border-radius:var(--radius-md);padding:var(--spacing-sm);box-shadow:var(--shadow-sm)}.grid-cell{padding:var(--spacing-xs);min-height:auto}.grid-cell-browser{padding:var(--spacing-xs);border-bottom:2px solid var(--color-border-light);margin-bottom:var(--spacing-sm);justify-content:flex-start}.grid-cell-content{margin-bottom:var(--spacing-sm);position:relative;padding:var(--spacing-sm)}.grid-cell-content:before{content:attr(data-channel);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;margin-bottom:var(--spacing-xs);color:var(--color-text-secondary)}.grid-cell-content.currentPublic:before{content:"Current Stable";color:var(--color-channel-stable)}.grid-cell-content.currentBeta:before{content:"Current Beta";color:var(--color-channel-beta)}.grid-cell-content.upcomingPublic:before{content:"Upcoming Stable";color:var(--color-channel-canary)}.grid-cell-content.upcomingBeta:before{content:"Upcoming Beta";color:var(--color-channel-dev)}}@media(max-width:768px){.releases-table-grid{padding:0;margin-bottom:var(--spacing-md);box-shadow:none;background:var(--color-bg-main)}.grid-row{padding:var(--spacing-xs);margin:0 var(--spacing-xs) var(--spacing-md) var(--spacing-xs)}.browser-label{font-size:var(--font-size-base);padding:var(--spacing-xs) var(--spacing-md);gap:var(--spacing-xs);width:100%;justify-content:center}.browser-icon{font-size:1.4rem}}