:root{--bg: #0d0d0f;--bg-card: #141418;--bg-card-hover:#1a1a20;--bg-modal: #18181c;--bg-code: #111114;--bg-overlay: rgba(255, 255, 255, 0.05);--border: #2a2a32;--border-focus: #5b5bd6;--text: #e8e8f0;--text-muted: #8888a0;--text-dim: #55556a;--accent: #7c7cf8;--accent-hover: #9898fa;--accent-dim: rgba(124, 124, 248, 0.12);--accent-border:rgba(124, 124, 248, 0.25);--accent-border-hover: rgba(124, 124, 248, 0.45);--btn-hover-bg: rgba(255, 255, 255, 0.06);--code-color: #c9c9f8;--green: #4ade80;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", Consolas, monospace;--shadow-card: 0 1px 3px rgba(0,0,0,0.4), 0 0 0 1px var(--border);--shadow-modal: 0 24px 64px rgba(0,0,0,0.7), 0 0 0 1px var(--border);--transition: 150ms cubic-bezier(0.4, 0, 0.2, 1)}:root[data-theme="light"]{--bg: #f5f5f7;--bg-card: #ffffff;--bg-card-hover:#f0f0f5;--bg-modal: #ffffff;--bg-code: #f0f0f4;--bg-overlay: rgba(0, 0, 0, 0.04);--border: #dddde8;--border-focus: #5b5bd6;--text: #111118;--text-muted: #52526a;--text-dim: #88889a;--accent: #4a4ac8;--accent-hover: #3535b0;--accent-dim: rgba(74, 74, 200, 0.08);--accent-border:rgba(74, 74, 200, 0.22);--accent-border-hover: rgba(74, 74, 200, 0.42);--btn-hover-bg: rgba(0, 0, 0, 0.05);--code-color: #4040b0;--shadow-card: 0 1px 3px rgba(0,0,0,0.08), 0 0 0 1px var(--border);--shadow-modal: 0 24px 64px rgba(0,0,0,0.16), 0 0 0 1px var(--border);color-scheme:light}[data-theme="light"] .modal-backdrop{background:rgba(0,0,0,0.36)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark;font-size:16px;-webkit-text-size-adjust:100%;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:0.9375rem;line-height:1.6;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden}.site-header{background:var(--bg);border-bottom:1px solid var(--border);padding:3rem 1.5rem 2.5rem;position:relative;z-index:1}@media (max-width: 600px){.site-header{padding:2rem 1rem 1.75rem}}.header-inner{max-width:60rem;margin:0 auto;text-align:center}.header-brand{display:inline-flex;align-items:center;gap:0.625rem;margin-bottom:0.625rem}.header-logo{font-size:1.5rem}.header-title{font-family:"Silkscreen", cursive;font-size:2rem;font-weight:400}.header-sub{font-family:"Solitreo", cursive;color:var(--text-muted);font-size:1.5rem}.header-sub a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;transition:color var(--transition)}.header-sub a:hover{color:var(--accent-hover)}@media (max-width: 600px){.header-logo{font-size:1.1rem}.header-title{font-size:1.25rem}.header-sub{font-size:1.1rem}}.main{flex:1;padding:2.5rem 1.5rem;max-width:60rem;margin:0 auto;width:100%}@media (max-width: 600px){.main{padding:1.75rem 1rem}}.agent-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1.25rem;padding-top:0.625rem;padding-right:0.625rem}@media (max-width: 600px){.agent-grid{grid-template-columns:1fr}}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes border-spin{to{--border-angle: 360deg}}.agent-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:0.75rem;position:relative;z-index:0;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition),transform var(--transition);box-shadow:var(--shadow-card);color:inherit;font-family:inherit}.agent-card::before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:conic-gradient(from var(--border-angle), oklch(55% 0.22 270), oklch(72% 0.18 200), oklch(68% 0.17 175), oklch(72% 0.2 145), oklch(78% 0.19 80), oklch(65% 0.22 25), oklch(60% 0.24 315), oklch(55% 0.22 270));z-index:-1;opacity:0;transition:opacity var(--transition)}.agent-card::after{content:"";position:absolute;inset:1px;border-radius:calc(var(--radius-lg) - 1px);background:var(--bg-card);z-index:-1;transition:background var(--transition)}.agent-card:hover{background:var(--bg-card-hover);border-color:transparent;box-shadow:0 1px 3px rgba(0,0,0,0.4);transform:translateY(-2px)}.agent-card:hover::before{opacity:1;animation:border-spin 3s linear infinite}.agent-card:hover::after{background:var(--bg-card-hover)}.agent-card:hover .card-cta{opacity:1}.agent-card:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media (prefers-reduced-motion: reduce){.agent-card:hover::before{animation:none}}.card-score[data-tooltip]{position:absolute;top:-10px;right:-10px;padding:0.25rem 0.5rem;display:flex;align-items:center;justify-content:center;gap:0.25rem;border-radius:12px;background:var(--bg-card);border:1px solid var(--border);color:var(--accent);font-family:var(--font-mono);font-size:0.7rem;font-weight:600;line-height:1}.card-score[data-tooltip] .card-star{color:#f5b942}.card-score[data-tooltip] .card-star i{color:inherit}.card-score[data-tooltip] .card-wip{color:#f59e0b}.card-header{display:flex;align-items:center;gap:0.5rem}.card-name{font-family:var(--font-mono);font-size:0.9375rem;font-weight:600;color:var(--text);letter-spacing:-0.01em}.card-description{font-size:0.875rem;color:var(--text-muted);line-height:1.55;flex:1}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:0.5rem}.card-updated{font-size:0.75rem;font-family:var(--font-mono);color:var(--text-dim)}.card-cta{font-size:0.8125rem;color:var(--accent);opacity:0.7;transition:opacity var(--transition)}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding:2.5rem 1rem 1.5rem;z-index:100;opacity:0;pointer-events:none;transition:opacity var(--transition);overflow-y:auto}.modal-backdrop.is-open{opacity:1;pointer-events:auto}.modal-backdrop.is-open .modal{transform:translateY(0)}@media (max-width: 600px){.modal-backdrop{padding:0;align-items:flex-end}}.modal{background:var(--bg-modal);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);width:100%;max-width:47.5rem;display:flex;flex-direction:column;transform:translateY(12px);transition:transform var(--transition)}@media (max-width: 600px){.modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:92dvh}}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-modal);border-radius:var(--radius-lg) var(--radius-lg) 0 0;z-index:1}@media (max-width: 600px){.modal-header{gap:0.625rem;padding:1rem}}.modal-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:0.625rem;min-width:0}.modal-title{font-family:var(--font-mono);font-size:1rem;font-weight:600;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-updated{font-size:0.75rem;font-family:var(--font-mono);color:var(--text-dim);opacity:0.7;white-space:nowrap;flex-shrink:0}.modal-actions{display:flex;align-items:center;gap:0.5rem;flex-shrink:0}.btn-copy{display:flex;align-items:center;gap:0.375rem;background:var(--accent-dim);border:1px solid var(--accent-border);border-radius:var(--radius-sm);color:var(--accent);font-size:0.8125rem;font-family:var(--font-sans);font-weight:500;padding:0.375rem 0.75rem;cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition);white-space:nowrap}.btn-copy:hover{background:var(--accent-dim);border-color:var(--accent-border-hover);color:var(--accent-hover)}.btn-copy:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.btn-copy.is-copied{background:rgba(74,222,128,0.1);border-color:rgba(74,222,128,0.3);color:var(--green)}.btn-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition);flex-shrink:0}.btn-close:hover{background:var(--btn-hover-bg);border-color:var(--border);color:var(--text)}.btn-close:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.modal-body{padding:1.75rem 1.75rem 2rem;overflow-y:auto;max-height:calc(100dvh - 220px);font-size:0.9rem;line-height:1.7;color:var(--text-muted)}.modal-body h1,.modal-body h2,.modal-body h3,.modal-body h4{color:var(--text);font-weight:600;margin-top:1.75rem;margin-bottom:0.625rem;line-height:1.35}.modal-body h1{font-size:1.15rem;margin-top:0}.modal-body h2{font-size:1.05rem}.modal-body h3{font-size:0.95rem}.modal-body h4{font-size:0.9rem;color:var(--text-muted)}.modal-body p{margin-bottom:0.75rem}.modal-body ul,.modal-body ol{padding-left:1.25rem;margin-bottom:0.75rem}.modal-body li{margin-bottom:0.25rem}.modal-body li>ul,.modal-body li>ol{margin-top:0.25rem;margin-bottom:0.25rem}.modal-body strong{color:var(--text);font-weight:600}.modal-body em{color:var(--text)}.modal-body code{font-family:var(--font-mono);font-size:0.83em;background:var(--bg-overlay);border:1px solid var(--border);border-radius:4px;padding:1px 5px;color:var(--code-color)}.modal-body pre{background:var(--bg-code);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem 1.125rem;overflow-x:auto;margin-bottom:1rem;font-family:var(--font-mono);font-size:0.83rem;line-height:1.6}.modal-body pre code{background:transparent;border:none;padding:0;color:var(--text-muted);font-size:inherit}.modal-body blockquote{border-left:3px solid var(--border-focus);padding-left:1rem;margin-left:0;margin-bottom:0.75rem;color:var(--text-muted)}.modal-body hr{border:none;border-top:1px solid var(--border);margin:1.5rem 0}.modal-body a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.modal-body a:hover{color:var(--accent-hover)}@media (max-width: 600px){.modal-body{max-height:calc(92dvh - 80px)}}.site-footer{background:var(--bg);border-top:1px solid var(--border);padding:1.25rem 1.5rem;text-align:center;color:var(--text-dim);position:relative;z-index:1;font-size:0.8125rem}.site-footer code{font-family:var(--font-mono);font-size:0.8125rem;color:var(--text-muted);background:var(--bg-overlay);border:1px solid var(--border);border-radius:4px;padding:1px 5px}.four-oh-four{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 1.5rem;text-align:center}.four-oh-four h1{font-size:4rem;font-weight:700;color:var(--accent);font-family:var(--font-mono);line-height:1;margin-bottom:0.75rem}.four-oh-four p{color:var(--text-muted);font-size:1.1rem;margin-bottom:1.5rem}.four-oh-four a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.four-oh-four a:hover{color:var(--accent-hover)}.theme-toggle{position:fixed;top:1rem;right:1rem;z-index:200;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-card);border:1px solid var(--border);border-radius:50%;color:var(--text-muted);cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition)}.theme-toggle:hover{background:var(--bg-card-hover);border-color:var(--border);color:var(--text)}.theme-toggle:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.theme-toggle:focus:not(:focus-visible){outline:none}.bg-pattern{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.bg-pattern i{position:absolute;font-size:1.25rem;color:var(--text);opacity:0.01;transition:opacity 0.6s ease;pointer-events:auto}@media (prefers-reduced-motion: reduce){.bg-pattern i{transition:none !important}}[data-tooltip]{position:relative}[data-tooltip]::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 0.5rem);left:50%;transform:translateX(-50%);background:var(--bg-card);border:1px solid var(--border);color:var(--text);font-size:0.7rem;font-family:var(--font-sans);font-weight:500;line-height:1.4;white-space:nowrap;padding:0.25rem 0.5rem;border-radius:20px;box-shadow:0 4px 12px rgba(0,0,0,0.35);pointer-events:none;opacity:0;transition:opacity var(--transition);z-index:50}[data-tooltip]::before{content:"";position:absolute;bottom:calc(100% + 3px);left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--border);pointer-events:none;opacity:0;transition:opacity var(--transition);z-index:51}[data-tooltip]:hover::after,[data-tooltip]:hover::before,[data-tooltip]:focus-visible::after,[data-tooltip]:focus-visible::before{opacity:1}[data-tooltip]:has([data-tooltip]:hover)::after,[data-tooltip]:has([data-tooltip]:hover)::before{opacity:0}@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition:none !important}}