*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-light)}img{max-width:100%;display:block}ul,ol{list-style:none}:root{--color-bg: #0a0a1a;--color-bg-secondary: #0f0f23;--color-card: #1a1a2e;--color-card-hover: #222240;--color-surface: #16162b;--color-text: #e0e0f0;--color-text-secondary: #9090b0;--color-text-muted: #606080;--color-accent: #4f8cff;--color-accent-light: #7aadff;--color-accent-dark: #3a6fd8;--color-accent-glow: rgba(79, 140, 255, .15);--color-border: #2a2a4a;--color-border-light: #3a3a5a;--color-stable: #22c55e;--color-beta: #3b82f6;--color-experimental: #f59e0b;--color-unknown: #6b7280;--color-confidence-high: #22c55e;--color-confidence-medium: #3b82f6;--color-confidence-low: #f59e0b;--color-confidence-unknown: #6b7280;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(79, 140, 255, .1);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--container-max: 1200px;--header-height: 64px}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--spacing-xl)}.section{padding:var(--spacing-3xl) 0}.section-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--color-text),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-2xl);max-width:640px}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);z-index:1000;background:#0a0a1ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);transition:background var(--transition-normal)}.header-inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--spacing-xl);height:100%;display:flex;align-items:center;justify-content:space-between}.header-logo{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);letter-spacing:.02em}.header-logo span{color:var(--color-accent)}.header-nav{display:flex;align-items:center;gap:var(--spacing-xl)}.header-nav a{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;transition:color var(--transition-fast);white-space:nowrap}.header-nav a:hover{color:var(--color-accent)}.header-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:28px;height:28px;background:none;border:none;cursor:pointer;padding:0}.header-hamburger span{display:block;width:100%;height:2px;background:var(--color-text);border-radius:2px;transition:all var(--transition-fast)}.header-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.header-hamburger.open span:nth-child(2){opacity:0}.header-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.header-mobile-nav{display:none;position:fixed;top:var(--header-height);left:0;right:0;background:#0a0a1af7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);padding:var(--spacing-lg) var(--spacing-xl);flex-direction:column;gap:var(--spacing-md);z-index:999}.header-mobile-nav.open{display:flex}.header-mobile-nav a{color:var(--color-text-secondary);font-size:var(--font-size-base);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border);transition:color var(--transition-fast)}.header-mobile-nav a:hover{color:var(--color-accent)}.hero{min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:calc(var(--header-height) + var(--spacing-3xl)) var(--spacing-xl) var(--spacing-3xl);background:linear-gradient(135deg,#0a0a1a,#0f1a3a,#0a0a1a);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(79,140,255,.03) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(79,140,255,.02) 0%,transparent 50%);pointer-events:none}.hero-content{position:relative;z-index:1;max-width:800px}.hero h1{font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,var(--color-text) 0%,var(--color-accent) 50%,#a78bfa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.hero p{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--spacing-xl);line-height:1.7}.hero-sync-time{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-xl)}.hero-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.hero-actions .btn{padding:.75rem 1.75rem;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:none;font-family:inherit}.hero-actions .btn-primary{background:var(--color-accent);color:#fff;box-shadow:0 0 20px #4f8cff4d}.hero-actions .btn-primary:hover{background:var(--color-accent-light);box-shadow:0 0 30px #4f8cff66;transform:translateY(-1px)}.hero-actions .btn-secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border-light)}.hero-actions .btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-glow)}.status-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.status-badge--stable{background:#22c55e26;color:var(--color-stable);border:1px solid rgba(34,197,94,.3)}.status-badge--beta{background:#3b82f626;color:var(--color-beta);border:1px solid rgba(59,130,246,.3)}.status-badge--experimental{background:#f59e0b26;color:var(--color-experimental);border:1px solid rgba(245,158,11,.3)}.status-badge--unknown{background:#6b728026;color:var(--color-unknown);border:1px solid rgba(107,114,128,.3)}.source-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;white-space:nowrap}.source-badge--official{background:#4f8cff26;color:var(--color-accent);border:1px solid rgba(79,140,255,.3)}.source-badge--github{background:#ffffff1a;color:#c9d1d9;border:1px solid rgba(255,255,255,.15)}.source-badge--npm{background:#cb383726;color:#cb3837;border:1px solid rgba(203,56,55,.3)}.source-badge--community{background:#8b5cf626;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.source-badge--manual{background:#6b728026;color:var(--color-unknown);border:1px solid rgba(107,114,128,.3)}.tool-grid-section{background:var(--color-bg-secondary)}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl)}.tool-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-normal);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-md)}.tool-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-glow);transform:translateY(-2px);background:var(--color-card-hover)}.tool-card-header{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.tool-card-name{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text)}.tool-card-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.7}.tool-card-section-title{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--spacing-xs)}.tool-card-categories{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tool-card-tag{display:inline-flex;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);background:var(--color-surface);color:var(--color-accent);border:1px solid rgba(79,140,255,.2)}.tool-card-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.tool-card-list-item{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding-left:var(--spacing-md);position:relative;line-height:1.6}.tool-card-list-item:before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:var(--color-accent);opacity:.5}.tool-card-links{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:auto;padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.tool-card-link{display:inline-flex;align-items:center;padding:6px 14px;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:500;background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);transition:all var(--transition-fast);text-decoration:none}.tool-card-link:hover{background:var(--color-accent-glow);border-color:var(--color-accent);color:var(--color-accent)}.tool-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs);color:var(--color-text-muted)}.comparison-section{background:var(--color-bg)}.comparison-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.comparison-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);min-width:700px}.comparison-table thead{position:sticky;top:0;z-index:2}.comparison-table th{background:var(--color-card);padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-weight:600;color:var(--color-text);border-bottom:2px solid var(--color-border);white-space:nowrap}.comparison-table th:first-child{position:sticky;left:0;z-index:3;background:var(--color-card)}.comparison-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary)}.comparison-table tr:hover td{background:#4f8cff08}.comparison-table td:first-child{font-weight:600;color:var(--color-text);position:sticky;left:0;background:var(--color-bg);z-index:1}.comparison-table tr:hover td:first-child{background:#4f8cff08}.support-level--yes{color:var(--color-stable);font-weight:600}.support-level--no{color:var(--color-unknown)}.support-level--partial{color:var(--color-experimental);font-weight:600}.support-level--unknown{color:var(--color-text-muted);font-style:italic}.support-note{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px;font-style:italic}.timeline-section{background:var(--color-bg-secondary)}.timeline{position:relative;padding-left:var(--spacing-xl)}.timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:var(--color-border)}.timeline-empty{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);color:var(--color-text-muted);font-size:var(--font-size-lg)}.timeline-error{text-align:center;padding:var(--spacing-xl);color:var(--color-experimental);font-size:var(--font-size-sm);background:#f59e0b14;border-radius:var(--radius-md);border:1px solid rgba(245,158,11,.2);margin-bottom:var(--spacing-xl)}.timeline-item{position:relative;padding:0 0 var(--spacing-xl) var(--spacing-xl)}.timeline-item:last-child{padding-bottom:0}.timeline-marker{position:absolute;left:calc(-1 * var(--spacing-xl) + 4px);top:6px;width:10px;height:10px;border-radius:50%;background:var(--color-accent);border:2px solid var(--color-bg-secondary);box-shadow:0 0 0 2px var(--color-accent)}.timeline-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-fast)}.timeline-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.timeline-card-header{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-sm)}.timeline-card-tool{font-size:var(--font-size-base);font-weight:700;color:var(--color-accent)}.timeline-card-version{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:500}.timeline-card-date{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-left:auto}.timeline-card-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-sm)}.timeline-card-highlights{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.timeline-card-highlights li{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding-left:var(--spacing-md);position:relative;line-height:1.6}.timeline-card-highlights li:before{content:"";position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:50%;background:var(--color-accent);opacity:.4}.timeline-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.timeline-card-impact{display:flex;flex-wrap:wrap;gap:4px}.impact-tag{display:inline-flex;padding:1px 8px;border-radius:var(--radius-sm);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.impact-tag--feature{background:#3b82f626;color:#3b82f6}.impact-tag--fix{background:#22c55e26;color:#22c55e}.impact-tag--performance{background:#8b5cf626;color:#8b5cf6}.impact-tag--security{background:#ef444426;color:#ef4444}.impact-tag--docs{background:#6b728026;color:#6b7280}.impact-tag--breaking{background:#ef444433;color:#ef4444;font-weight:700}.impact-tag--workflow{background:#f59e0b26;color:#f59e0b}.impact-tag--unknown{background:#6b72801a;color:#6b7280}.upgrade-recommendation{display:inline-flex;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.upgrade-recommendation--recommended{background:#22c55e26;color:var(--color-stable);border:1px solid rgba(34,197,94,.3)}.upgrade-recommendation--optional{background:#3b82f626;color:var(--color-beta);border:1px solid rgba(59,130,246,.3)}.upgrade-recommendation--watch{background:#f59e0b26;color:var(--color-experimental);border:1px solid rgba(245,158,11,.3)}.upgrade-recommendation--unknown{background:#6b728026;color:var(--color-unknown);border:1px solid rgba(107,114,128,.3)}.timeline-card-source{margin-left:auto}.radar-section{background:var(--color-bg-secondary)}.filter-bar{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.filter-bar-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.filter-bar-summary{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.filter-bar-count{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.filter-bar-count strong{color:var(--color-accent);font-weight:700}.filter-bar-active-count{display:inline-flex;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;background:#4f8cff26;color:var(--color-accent);border:1px solid rgba(79,140,255,.3)}.filter-bar-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.sort-selector{padding:6px 12px;border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);font-size:var(--font-size-sm);font-family:inherit;cursor:pointer;transition:border-color var(--transition-fast)}.sort-selector:focus-visible{outline:none;border-color:var(--color-accent)}.filter-clear{padding:6px 14px;border-radius:var(--radius-md);background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.25);font-size:var(--font-size-xs);font-weight:500;font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}.filter-clear:hover{background:#ef444433;border-color:#ef444466}.filter-groups{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.filter-group{min-width:150px}.filter-group-title{display:flex;align-items:center;gap:var(--spacing-xs);width:100%;padding:6px 0;background:none;border:none;color:var(--color-text);font-size:var(--font-size-sm);font-weight:600;font-family:inherit;cursor:pointer;transition:color var(--transition-fast)}.filter-group-title:hover{color:var(--color-accent)}.filter-group-arrow{font-size:.7rem;color:var(--color-text-muted);transition:transform var(--transition-fast)}.filter-group-arrow.open{transform:rotate(180deg)}.filter-group-options{display:flex;flex-direction:column;gap:4px;padding:var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-sm)}.filter-select-all{font-size:var(--font-size-xs);color:var(--color-accent);background:none;border:none;cursor:pointer;text-align:left;padding:2px 0;margin-bottom:2px;font-family:inherit}.filter-select-all:hover{color:var(--color-accent-light)}.filter-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;padding:2px 0;transition:color var(--transition-fast)}.filter-checkbox:hover{color:var(--color-text)}.filter-checkbox input[type=checkbox]{display:none}.filter-checkbox:has(input:checked){color:var(--color-text)}.tool-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tool-dot--claude-code{background:#4f8cff}.tool-dot--codex{background:#22c55e}.tool-dot--openclaw{background:#f59e0b}.tool-dot--hermes{background:#8b5cf6}.impact-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.impact-dot--feature{background:#3b82f6}.impact-dot--fix{background:#22c55e}.impact-dot--performance{background:#8b5cf6}.impact-dot--security{background:#ef4444}.impact-dot--docs{background:#6b7280}.impact-dot--breaking{background:#ef4444}.impact-dot--workflow{background:#f59e0b}.impact-dot--unknown{background:#6b7280}.confidence-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.confidence-dot--high{background:#22c55e}.confidence-dot--medium{background:#3b82f6}.confidence-dot--low{background:#f59e0b}.confidence-dot--unknown{background:#6b7280}.filter-checkbox input[type=checkbox]:not(:checked)~.tool-dot,.filter-checkbox input[type=checkbox]:not(:checked)~.impact-dot,.filter-checkbox input[type=checkbox]:not(:checked)~.confidence-dot{opacity:.3}.timeline-card-tool-badge{display:inline-flex;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.02em}.timeline-card-tool-badge--claude-code{background:#4f8cff26;color:#4f8cff;border:1px solid rgba(79,140,255,.3)}.timeline-card-tool-badge--codex{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.timeline-card-tool-badge--openclaw{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.timeline-card-tool-badge--hermes{background:#8b5cf626;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.timeline-card-tool-badge--default{background:#6b728026;color:#6b7280;border:1px solid rgba(107,114,128,.3)}.relative-date{font-weight:600;color:var(--color-text-secondary)}.absolute-date{display:none;color:var(--color-text-muted);margin-left:4px}.timeline-card-date:hover .absolute-date{display:inline}.radar-stats{margin-top:var(--spacing-2xl);padding:var(--spacing-lg);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.radar-stats strong{color:var(--color-accent)}.radar-stats-tags{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.quickstart-section{background:var(--color-bg)}.quickstart-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl)}.quickstart-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-fast)}.quickstart-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.quickstart-card-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-accent);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.quickstart-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.8}.faq-section{background:var(--color-bg-secondary)}.faq-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.faq-item{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast)}.faq-item:hover{border-color:var(--color-border-light)}.faq-item--open{border-color:var(--color-accent)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:var(--color-card);border:none;color:var(--color-text);font-size:var(--font-size-base);font-weight:500;cursor:pointer;font-family:inherit;text-align:left;transition:background var(--transition-fast);gap:var(--spacing-md)}.faq-question:hover{background:var(--color-card-hover)}.faq-question-icon{flex-shrink:0;font-size:var(--font-size-sm);color:var(--color-text-muted);transition:transform var(--transition-fast)}.faq-item--open .faq-question-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-normal),padding var(--transition-normal)}.faq-answer--open{max-height:500px}.faq-answer-inner{padding:0 var(--spacing-lg) var(--spacing-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.8}.faq-answer-inner a{color:var(--color-accent)}.footer{background:var(--color-bg);border-top:1px solid var(--color-border);padding:var(--spacing-2xl) 0;text-align:center}.footer-inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--spacing-xl)}.footer-links{display:flex;justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);flex-wrap:wrap}.footer-links a{font-size:var(--font-size-sm);color:var(--color-text-muted);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-accent)}.footer-copyright{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.footer-disclaimer{font-size:var(--font-size-xs);color:var(--color-text-muted);opacity:.7}.article-preview-section{background:var(--color-bg)}.article-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.article-preview-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-normal);text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:var(--spacing-sm);position:relative}.article-preview-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.article-preview-meta{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-muted)}.article-preview-category{color:var(--color-accent);font-weight:500}.article-preview-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text);line-height:1.3}.article-preview-summary{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;flex:1}.article-preview-footer{text-align:center;margin-top:var(--spacing-2xl)}.article-preview-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:auto}.article-tag{display:inline-flex;padding:2px 8px;border-radius:var(--radius-full);font-size:.65rem;font-weight:500;background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border)}.article-pin-badge{display:inline-flex;align-items:center;padding:1px 8px;border-radius:var(--radius-sm);font-size:.6rem;font-weight:700;background:#f59e0b26;color:var(--color-experimental);border:1px solid rgba(245,158,11,.3);text-transform:uppercase;letter-spacing:.04em}.articles-page-header{padding:calc(var(--header-height) + var(--spacing-3xl)) 0 var(--spacing-2xl);background:linear-gradient(135deg,var(--color-bg) 0%,#0f1a3a 50%,var(--color-bg) 100%);border-bottom:1px solid var(--color-border)}.articles-page-title{font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--spacing-sm)}.articles-page-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg);max-width:600px}.articles-list-section{background:var(--color-bg-secondary);min-height:50vh}.articles-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.article-card{display:block;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-normal);text-decoration:none;color:inherit}.article-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-glow);transform:translate(4px)}.article-card-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);font-size:var(--font-size-xs)}.article-card-category{color:var(--color-accent);font-weight:500}.article-card-date{color:var(--color-text-muted)}.article-card-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-sm)}.article-card-summary{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--spacing-md)}.article-card-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.articles-empty{text-align:center;padding:var(--spacing-3xl);color:var(--color-text-muted);font-size:var(--font-size-lg)}.article-page{padding-top:calc(var(--header-height) + var(--spacing-3xl));padding-bottom:var(--spacing-3xl);background:var(--color-bg);min-height:100vh}.article-page-header{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-2xl);border-bottom:1px solid var(--color-border)}.article-back-link{display:inline-block;color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);transition:color var(--transition-fast)}.article-back-link:hover{color:var(--color-accent)}.article-page-meta{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}.article-page-category{color:var(--color-accent);font-weight:500}.article-page-date{color:var(--color-text-muted)}.article-page-title{font-size:var(--font-size-3xl);font-weight:800;color:var(--color-text);margin-bottom:var(--spacing-md);line-height:1.2}.article-page-summary{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.7;max-width:720px;margin-bottom:var(--spacing-md)}.article-page-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.article-content{max-width:800px;color:var(--color-text);font-size:var(--font-size-base);line-height:1.8}.article-content h1,.article-content h2,.article-content h3,.article-content h4{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md);font-weight:700;line-height:1.3;color:var(--color-text)}.article-content h1{font-size:var(--font-size-2xl)}.article-content h2{font-size:var(--font-size-xl);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm)}.article-content h3{font-size:var(--font-size-lg)}.article-content h4{font-size:var(--font-size-base)}.article-content p{margin-bottom:var(--spacing-lg);color:var(--color-text-secondary)}.article-content ul,.article-content ol{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-xl)}.article-content ul{list-style:disc}.article-content ol{list-style:decimal}.article-content li{margin-bottom:var(--spacing-xs);color:var(--color-text-secondary)}.article-content a{color:var(--color-accent);text-decoration:none}.article-content a:hover{text-decoration:underline}.article-content blockquote{border-left:3px solid var(--color-accent);padding:var(--spacing-md) var(--spacing-lg);margin:var(--spacing-lg) 0;background:var(--color-accent-glow);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text-secondary);font-style:italic}.article-content pre{background:#0d0d1f;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);margin:var(--spacing-lg) 0;overflow-x:auto;font-size:var(--font-size-sm);line-height:1.6}.article-content code{font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:.9em}.article-content :not(pre)>code{background:var(--color-surface);color:var(--color-accent-light);padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.article-content table{width:100%;border-collapse:collapse;margin:var(--spacing-lg) 0;font-size:var(--font-size-sm)}.article-content th,.article-content td{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);text-align:left}.article-content th{background:var(--color-card);font-weight:600;color:var(--color-text)}.article-content td{color:var(--color-text-secondary)}.article-content tr:nth-child(2n) td{background:#ffffff05}.article-content hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-2xl) 0}.article-content img{border-radius:var(--radius-md);border:1px solid var(--color-border);margin:var(--spacing-lg) 0}.article-content strong{color:var(--color-text);font-weight:700}.verify-marker{background:#f59e0b26;color:var(--color-experimental);padding:1px 6px;border-radius:var(--radius-sm);font-weight:600;font-size:.85em}.article-not-found{text-align:center;padding:var(--spacing-3xl) 0}.article-not-found h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md);color:var(--color-text)}.article-not-found p{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.nav-active{color:var(--color-accent)!important}@media(max-width:900px){.article-preview-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.article-preview-grid{grid-template-columns:1fr}.article-page-title{font-size:var(--font-size-2xl)}.article-content pre{padding:var(--spacing-md);font-size:var(--font-size-xs)}.article-content table{font-size:var(--font-size-xs)}}@media(max-width:768px){:root{--font-size-4xl: 2rem;--font-size-3xl: 1.75rem;--font-size-2xl: 1.35rem}.section{padding:var(--spacing-2xl) 0}.container{padding:0 var(--spacing-lg)}.header-nav{display:none}.header-hamburger{display:flex}.hero{min-height:60vh;padding:calc(var(--header-height) + var(--spacing-2xl)) var(--spacing-lg) var(--spacing-2xl)}.hero h1{font-size:var(--font-size-3xl)}.hero p{font-size:var(--font-size-base)}.hero-actions{flex-direction:column;align-items:center}.hero-actions .btn{width:100%;max-width:300px}.tool-grid,.quickstart-grid{grid-template-columns:1fr}.comparison-table{font-size:var(--font-size-xs);min-width:600px}.comparison-table th,.comparison-table td{padding:var(--spacing-sm) var(--spacing-md)}.timeline{padding-left:var(--spacing-lg)}.timeline-item{padding-left:var(--spacing-md)}.timeline-marker{left:calc(-1 * var(--spacing-lg) + 4px)}}@media(max-width:480px){:root{--font-size-4xl: 1.75rem;--font-size-3xl: 1.5rem;--font-size-2xl: 1.2rem;--header-height: 56px}.section{padding:var(--spacing-xl) 0}.container,.header-inner{padding:0 var(--spacing-md)}.hero{min-height:50vh;padding:calc(var(--header-height) + var(--spacing-xl)) var(--spacing-md) var(--spacing-xl)}.hero h1{font-size:1.5rem}.tool-card{padding:var(--spacing-md)}.tool-card-header{flex-direction:column;align-items:flex-start}.comparison-table{font-size:.7rem;min-width:500px}.comparison-table th,.comparison-table td{padding:var(--spacing-xs) var(--spacing-sm)}.quickstart-card{padding:var(--spacing-md)}.faq-question{padding:var(--spacing-md);font-size:var(--font-size-sm)}.faq-answer-inner{padding:0 var(--spacing-md) var(--spacing-md)}.timeline-card{padding:var(--spacing-md)}.timeline-card-header{flex-direction:column;align-items:flex-start}.timeline-card-date{margin-left:0}.footer-links{gap:var(--spacing-md);flex-direction:column}}.models-page{padding-top:var(--header-height);min-height:100vh}.models-page-header{padding:calc(var(--spacing-3xl)) 0 var(--spacing-2xl);background:linear-gradient(135deg,#0a0a1a,#0f1a3a,#0a0a1a);border-bottom:1px solid var(--color-border)}.models-page-title{font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--color-text) 0%,var(--color-accent) 50%,#a78bfa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.models-page-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base);max-width:720px;line-height:1.7;margin-bottom:var(--spacing-sm)}.models-page-updated{font-size:var(--font-size-sm);color:var(--color-text-muted)}.models-sections{background:var(--color-bg-secondary);padding:var(--spacing-2xl) 0}.model-section{margin-bottom:var(--spacing-3xl)}.model-section:last-child{margin-bottom:0}.model-section-header{margin-bottom:var(--spacing-xl)}.model-section-title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-xs);color:var(--color-text)}.model-section-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.model-section-count{font-size:var(--font-size-xs);color:var(--color-text-muted)}.model-section-empty{padding:var(--spacing-2xl);text-align:center;color:var(--color-text-muted);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.model-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.model-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-fast);display:flex;flex-direction:column;gap:var(--spacing-sm)}.model-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.model-card-header{margin-bottom:var(--spacing-xs)}.model-card-name-row{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.model-card-name{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text);margin:0}.model-card-provider{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:2px}.model-pin-badge{display:inline-flex;padding:1px 8px;border-radius:var(--radius-sm);font-size:.6rem;font-weight:700;background:#f59e0b26;color:var(--color-experimental);border:1px solid rgba(245,158,11,.3);text-transform:uppercase;letter-spacing:.04em}.model-source-badge{display:inline-flex;padding:1px 6px;border-radius:var(--radius-sm);font-size:.6rem;font-weight:700;letter-spacing:.04em}.model-source-badge--manual{background:#6b728033;color:#aaa;border:1px solid rgba(107,114,128,.3)}.model-source-badge--or{background:#4f8cff26;color:var(--color-accent);border:1px solid rgba(79,140,255,.3)}.model-source-badge--hf{background:#ffa50026;color:orange;border:1px solid rgba(255,165,0,.3)}.model-card-metrics{display:flex;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.model-metric{display:flex;flex-direction:column;gap:1px}.model-metric-label{font-size:.6rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.model-metric-value{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.model-card-oneline{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.model-card-section{font-size:var(--font-size-sm)}.model-card-section-label{display:block;font-size:.65rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.model-card-section p{color:var(--color-text-secondary);line-height:1.6}.model-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-top:auto;padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.model-card-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.model-tag{display:inline-flex;padding:1px 8px;border-radius:var(--radius-full);font-size:.65rem;font-weight:500;background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border)}.model-card-link{font-size:var(--font-size-xs);font-weight:500;color:var(--color-accent);white-space:nowrap}.model-card-link:hover{color:var(--color-accent-light)}.models-footer-note{margin-top:var(--spacing-3xl);padding:var(--spacing-xl);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.models-footer-note p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.models-footer-note ul{list-style:disc;padding-left:var(--spacing-xl)}.models-footer-note li{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.models-loading,.models-error,.models-empty{text-align:center;padding:var(--spacing-3xl);color:var(--color-text-muted);font-size:var(--font-size-lg)}.models-error{color:var(--color-experimental)}.models-empty-hint{font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}@media(max-width:768px){.model-grid{grid-template-columns:1fr}.models-page-title{font-size:var(--font-size-3xl)}}@media(max-width:480px){.model-card-metrics{gap:var(--spacing-sm)}.models-page-header{padding:var(--spacing-2xl) 0 var(--spacing-xl)}}