:root{--color-bg: #ffffff;--color-text: #111111;--color-muted: #666666;--color-border: #eaeaea;--color-accent: var(--color-primary);--color-primary: #2563eb;--color-primary-light: #eff6ff;--color-surface: #f9fafb;--color-surface-hover: #f3f4f6;--color-nature-framework: #d97706;--color-nature-framework-light: #ffedd5;--color-nature-cognition: #059669;--color-nature-cognition-light: #d1fae5;--color-nature-principle: #e11d48;--color-nature-principle-light: #ffe4e6;--max-width: 1100px;--max-width-text: 900px;--filter-panel-width: 300px;--layout-shift-x: 0px;--radius: 8px;--radius-lg: 12px;--radius-round: 999px;--space-xs: 8px;--space-sm: 16px;--space-md: 32px;--space-lg: 64px;--space-xl: 128px;--transition-base: .2s ease;--transition-smooth: .25s cubic-bezier(.4, 0, .2, 1);--icon-overview: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z'%3E%3C/path%3E%3Cpath d='M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z'%3E%3C/path%3E%3C/svg%3E");--icon-eval: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'%3E%3C/path%3E%3Cpath d='M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z'%3E%3C/path%3E%3C/svg%3E");--icon-question: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'%3E%3C/path%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'%3E%3C/line%3E%3C/svg%3E");--icon-steps: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 5h8'%3E%3C/path%3E%3Cpath d='M13 12h8'%3E%3C/path%3E%3Cpath d='M13 19h8'%3E%3C/path%3E%3Cpath d='m3 17 2 2 4-4'%3E%3C/path%3E%3Cpath d='m3 7 2 2 4-4'%3E%3C/path%3E%3C/svg%3E");--icon-output: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'%3E%3C/path%3E%3Cpolyline points='14 2 14 8 20 8'%3E%3C/polyline%3E%3Cline x1='16' y1='13' x2='8' y2='13'%3E%3C/line%3E%3Cline x1='16' y1='17' x2='8' y2='17'%3E%3C/line%3E%3Cline x1='10' y1='9' x2='8' y2='9'%3E%3C/line%3E%3C/svg%3E");--icon-case: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='7' width='20' height='14' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'%3E%3C/path%3E%3C/svg%3E");--icon-error: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'%3E%3C/line%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'%3E%3C/line%3E%3C/svg%3E");--icon-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'%3E%3C/path%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'%3E%3C/path%3E%3C/svg%3E")}body.filter-panel-open{--layout-shift-x: var(--filter-panel-width)}:root[data-theme=dark]{--color-bg: #0f1115;--color-text: #f3f4f6;--color-muted: #9ca3af;--color-border: #2a2f3a;--color-primary: #60a5fa;--color-primary-light: #1d4f91;--color-accent: var(--color-primary);--color-surface: #161b22;--color-surface-hover: #1f2630;--color-nature-framework: #b45309;--color-nature-framework-light: #3a2a12;--color-nature-cognition: #047857;--color-nature-cognition-light: #12372d;--color-nature-principle: #be123c;--color-nature-principle-light: #3f1a24}*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.8}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-sm)}h1,h2,h3{font-weight:600;line-height:1.4}section{margin:var(--space-lg) 0}.social-links{display:flex;gap:16px}.social-link{display:flex;align-items:center;justify-content:center;color:var(--color-text);transition:opacity var(--transition-base)}.social-link:hover{opacity:.6;color:var(--color-text)}.site-header{background:var(--color-bg);border-bottom:1px solid var(--color-border);position:fixed;top:0;left:0;right:0;z-index:1000;transition:transform .22s ease-in-out,box-shadow .22s ease-in-out;will-change:transform}.site-header--hidden{transform:translateY(-100%)}.site-header-inner{max-width:calc(var(--max-width) + 200px);width:100%;margin-inline:auto;box-sizing:border-box;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;min-height:64px}.container{padding-top:80px}.site-title{font-weight:700;font-size:1.5rem;text-decoration:none;color:var(--color-text)}.header-right{display:flex;align-items:center;gap:16px}.header-search-wrapper{display:flex;align-items:center;position:relative;border:1px solid var(--color-border);border-radius:var(--radius);padding:6px 12px;background:var(--color-bg);transition:border-color var(--transition-base)}.search-icon{color:var(--color-muted);margin-right:8px;flex-shrink:0;cursor:pointer;transition:color var(--transition-base),transform var(--transition-base)}.search-icon:hover{color:var(--color-primary);transform:scale(1.15)}.header-search{border:none;background:transparent;color:var(--color-text);font-size:.9rem;min-width:300px;padding:0;outline:none}.header-search::placeholder{color:var(--color-muted)}.header-search-wrapper:focus-within{border-color:var(--color-primary)}.header-nav{display:flex;align-items:center}.header-nav a{margin-left:12px;text-decoration:none;color:var(--color-muted);transition:color var(--transition-base)}.header-nav a:hover{color:var(--color-primary)}.header-divider{width:1px;height:20px;background:var(--color-border)}.language-switcher{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600}.language-switcher a{text-decoration:none;color:var(--color-muted);transition:color var(--transition-base);cursor:pointer}.language-switcher a:hover{color:var(--color-primary)}.language-switcher a.active{color:var(--color-text);font-weight:700}.language-switcher .separator{color:var(--color-border)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-muted);cursor:pointer;transition:color var(--transition-base),border-color var(--transition-base),background-color var(--transition-base)}.theme-toggle:hover{color:var(--color-primary);border-color:var(--color-primary)}.theme-icon{display:inline-flex;align-items:center;justify-content:center}:root[data-theme=light] .theme-icon-dark,:root:not([data-theme]) .theme-icon-dark{display:none}:root[data-theme=dark] .theme-icon-light{display:none}.filter-toggle{appearance:none;display:inline-flex;align-items:center;gap:2px;border:1px solid var(--color-primary);border-radius:var(--radius-round);background-color:var(--color-bg);color:var(--color-primary);cursor:pointer;font-size:.86rem;font-weight:650;letter-spacing:.02em;padding:15px 20px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.filter-toggle:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border));box-shadow:0 8px 18px #00000014}.filter-toggle[aria-expanded=true]{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg);box-shadow:0 8px 18px #00000024}.filter-toggle .filter-icon-close,.filter-toggle[aria-expanded=true] .filter-icon-open{display:none}.filter-toggle[aria-expanded=true] .filter-icon-close{display:inline-flex}.filter-toggle:focus-visible,.filter-link:focus-visible,.filter-reset:focus-visible,.filter-close:focus-visible{outline:3px solid color-mix(in srgb,var(--color-primary) 35%,white);outline-offset:2px}.filter-panel{position:fixed;top:0;left:0;width:min(300px,86vw);height:100vh;transform:translate(-104%);transition:var(--transition-smooth);z-index:1100;display:flex;flex-direction:column}.filter-panel.is-open{transform:translate(0)}.site-header-inner,.container,.site-footer-inner{margin-inline:auto;max-width:var(--max-width);width:calc(100% - var(--layout-shift-x));transform:translate(calc(var(--layout-shift-x) / 2));transition:transform .28s cubic-bezier(.2,.9,.25,1),width .28s cubic-bezier(.2,.9,.25,1);--side-gap: calc((100vw - var(--max-width)) / 2);--push-amount: max(0px, calc(var(--filter-panel-width) - var(--side-gap)))}body.filter-panel-open .site-header-inner,body.filter-panel-open .container,body.filter-panel-open .site-footer-inner{transform:translate(var(--push-amount))}.filter-panel-header{display:flex;align-items:center;justify-content:space-between;margin-top:70px;gap:10px;padding:16px 16px 12px}.filter-panel-actions{display:inline-flex;align-items:center;gap:6px}.filter-section-title{font-size:.96rem;font-weight:700;color:var(--color-muted);margin:0}.filter-reset{appearance:none;border:none;background:transparent;color:var(--color-primary);font-size:.78rem;font-weight:650;line-height:1;padding:8px 10px;border-radius:var(--radius-round);display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:background-color var(--transition-base),color var(--transition-base)}.filter-reset:hover{background-color:color-mix(in srgb,var(--color-primary) 14%,transparent)}.filter-reset-icon,.filter-close-icon{display:inline-flex}.filter-close{appearance:none;border:none;background:transparent;color:var(--color-muted);width:32px;height:32px;border-radius:var(--radius-round);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-base),color var(--transition-base)}.filter-close:hover{background-color:color-mix(in srgb,var(--color-muted) 16%,transparent)}.filter-container{display:flex;flex-direction:column;gap:14px;padding:14px 14px 18px;overflow-y:auto}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{display:flex;align-items:center;font-size:.68rem;font-weight:700;color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;padding-left:2px}.filter-options{display:flex;flex-wrap:wrap;gap:7px}.filter-link{appearance:none;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);cursor:pointer;font-size:.78rem;font-weight:600;letter-spacing:.02em;padding:7px 12px;transition:all var(--transition-smooth);position:relative}.filter-link:hover{background-color:var(--color-text);color:var(--color-bg);border-color:var(--color-text);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.filter-link.active{background-color:var(--color-text);color:var(--color-bg);border-color:var(--color-text);box-shadow:0 2px 8px #00000014}.filter-link[data-value=FRAMEWORK].active,.filter-link[data-value=FRAMEWORK]:hover{background-color:var(--color-nature-framework);border-color:var(--color-nature-framework);color:#fff}.filter-link[data-value=COGNITION].active,.filter-link[data-value=COGNITION]:hover{background-color:var(--color-nature-cognition);border-color:var(--color-nature-cognition);color:#fff}.filter-link[data-value=PRINCIPLE].active,.filter-link[data-value=PRINCIPLE]:hover{background-color:var(--color-nature-principle);border-color:var(--color-nature-principle);color:#fff}.hidden{display:none!important}@media(max-width:768px){body.filter-panel-open{--layout-shift-x: 0px;overflow-x:clip}body.filter-panel-open .site-header-inner,body.filter-panel-open .container,body.filter-panel-open .site-footer-inner{transform:translate(0)}#filter-panel{width:100%}.filter-toggle{width:100%;justify-content:center}.filter-panel{width:min(340px,92vw)}.filter-container{gap:10px;padding:10px 10px 14px}.filter-group{gap:5px}.filter-label{font-size:.64rem}.filter-options{gap:5px}.filter-link{font-size:.74rem;padding:6px 10px}.site-header-inner,.container,.site-footer-inner{transition-duration:.22s}}.model-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:var(--space-lg);min-width:0}.card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);box-shadow:0 4px 6px -1px #0000000d;transition:transform var(--transition-smooth),box-shadow var(--transition-smooth),border-color var(--transition-smooth);overflow:hidden;display:flex;cursor:pointer;min-width:0}.card:hover{transform:translateY(-6px);box-shadow:0 16px 24px -5px #00000026}.card-link{display:flex;flex-direction:column;width:100%;padding:2rem 1.5rem;position:relative;text-decoration:none;color:inherit;min-width:0}.card-nature-top{position:absolute;top:1rem;right:1rem}.card-icon{color:var(--color-primary);width:40px;height:40px;margin-bottom:1rem;flex-shrink:0;transition:transform var(--transition-smooth)}.card:hover .card-icon{transform:scale(1.15)}.card-title{font-size:1.6rem;line-height:1.4;letter-spacing:.02em}.card-description{font-size:1rem;color:var(--color-text);line-height:1.6;margin-bottom:1.5rem;flex-grow:1;transition:color var(--transition-smooth)}.card:hover .card-description{color:var(--color-text)}.card-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border-color:var(--color-border)}.badge{font-size:.75rem;font-weight:500;padding:2px 8px;background:var(--color-surface);color:var(--color-muted);border-radius:6px;border:1px solid var(--color-border)}.card[data-nature=FRAMEWORK] .badge.nature{background-color:var(--color-nature-framework-light);border:1px solid var(--color-nature-framework-light);color:var(--color-nature-framework)}.card[data-nature=COGNITION] .badge.nature{background-color:var(--color-nature-cognition-light);border:1px solid var(--color-nature-cognition-light);color:var(--color-nature-cognition)}.card[data-nature=PRINCIPLE] .badge.nature{background-color:var(--color-nature-principle-light);border:1px solid var(--color-nature-principle-light);color:var(--color-nature-principle)}.models-hero{padding:var(--space-sm) 0 var(--space-md);text-align:center;margin:var(--space-lg) 0 0 0}.models-hero-content{max-width:var(--max-width-text);margin:0 auto}.models-hero-title{font-size:2.5rem;font-weight:800;line-height:1.2;color:var(--color-text);margin:0 0 var(--space-sm) 0}.models-hero-desc{font-size:1.1rem;color:var(--color-muted);line-height:1.6;margin:0 0 var(--space-md) 0}.models-stats{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-sm);padding:8px 12px;background-color:transparent;border-radius:var(--radius);border:1px solid var(--color-border);opacity:.82}.stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-total{padding:0 4px}.stat-number{font-size:1.1rem;font-weight:700;line-height:1;color:var(--color-primary)}.stat-total .stat-number{font-size:1.2rem}.stat-label{font-size:.62rem;font-weight:500;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.stat-divider{width:1px;height:18px;background-color:var(--color-border)}.stat-nature[data-nature=FRAMEWORK] .stat-number{color:var(--color-nature-framework)}.stat-nature[data-nature=COGNITION] .stat-number{color:var(--color-nature-cognition)}.stat-nature[data-nature=PRINCIPLE] .stat-number{color:var(--color-nature-principle)}.filter-section{margin:var(--space-sm) 0}.filter-icon{width:16px;height:16px;margin-right:4px;vertical-align:middle}#search-fallback{display:flex;flex-direction:column;align-items:center;gap:10px;margin:var(--space-md) 0;padding:20px 16px;border:1px solid var(--color-border);border-radius:var(--radius);background:linear-gradient(180deg,#00000004,#00000008);text-align:center}#search-fallback.hidden{display:none}.search-fallback-message{margin:0;font-weight:600;color:var(--color-text)}.search-fallback-help{margin:0;color:var(--color-muted);line-height:1.6}.search-fallback-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--color-primary);color:var(--color-bg);background-color:var(--color-primary);font-weight:650;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.search-fallback-button:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0000001f;opacity:.95}.search-fallback-button:focus-visible{outline:3px solid color-mix(in srgb,var(--color-primary) 38%,white);outline-offset:2px}@media(max-width:768px){.models-hero-title{font-size:2rem}.models-hero-desc{font-size:1rem}.models-stats{gap:8px;padding:6px 10px;opacity:.75}.stat-total .stat-number{font-size:1rem}.stat-number{font-size:.95rem}.stat-label{font-size:.58rem}.stat-divider{display:none}.filter-section{margin:var(--space-sm) 0 10px 0}#search-fallback{margin:var(--space-sm) 0;padding:16px 12px;gap:8px}.search-fallback-help{font-size:.95rem}}.site-footer{background:var(--color-bg);border-top:1px solid var(--color-border);margin-top:var(--space-lg);padding:var(--space-lg) 0;position:relative;z-index:70}.site-footer-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-sm);display:flex;flex-direction:column;gap:var(--space-md)}.footer-top{width:100%;display:flex;align-items:center;justify-content:space-between}.footer-nav{display:flex;gap:var(--space-md)}.footer-nav a{text-decoration:none;color:var(--color-muted);transition:color var(--transition-base)}.footer-nav a:hover{color:var(--color-primary)}[data-icon]{color:currentColor;vertical-align:middle}.footer-copyright{font-size:.9rem;color:var(--color-muted);text-align:center}