@layer features{.skills{width:100%;max-width:var(--max-width);margin:0 auto;padding:var(--space-xl)}.skills__header{margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:2px dashed var(--color-border-light)}.skills__title{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-wood-dark);letter-spacing:3px;margin-bottom:var(--space-sm)}.skills__subtitle{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.skills__view{display:none;width:100%;max-width:100%}.skills__view--active{display:block;overflow-x:hidden}[data-skills-markdown-container]{width:100%;max-width:100%}.skills__back{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);background:var(--color-cream);border:var(--border-width) solid var(--color-border-light);border-radius:var(--border-radius);cursor:pointer;padding:var(--space-xs) var(--space-sm);margin-bottom:var(--space-md);box-shadow:2px 2px 0 var(--color-border-light);transition:background var(--duration-fast) var(--ease-out-expo),color var(--duration-fast) var(--ease-out-expo),transform var(--duration-fast) var(--ease-out-expo),box-shadow var(--duration-fast) var(--ease-out-expo);-webkit-tap-highlight-color:transparent}.skills__back:hover{background:var(--color-btn-hover);color:var(--color-text);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--color-border)}.skills__back:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--color-border-light)}.skills__back-arrow{display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-xs);line-height:1;transition:transform var(--duration-fast) var(--ease-out-expo)}.skills__back:hover .skills__back-arrow{transform:translate(-2px)}.skills__category-name{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text);margin-bottom:var(--space-xs)}.skills__category-desc{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5;margin-bottom:var(--space-lg)}.skills__grid{display:flex;flex-direction:column;border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);overflow:hidden}.skills__card{display:block;background:var(--color-cream);border:none;border-radius:0;box-shadow:none;cursor:pointer;padding:0;border-bottom:var(--border-width) solid var(--color-border-light);transition:background-color var(--duration-fast) var(--ease-out-expo);font:inherit;text-align:left;width:100%}.skills__card:last-child{border-bottom:none}.skills__card:hover{background:var(--color-bg);transform:none;box-shadow:none}.skills__card:active{transform:none;box-shadow:none}.skills__card-grid{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2xs) var(--space-md);padding:var(--space-sm) var(--space-md);align-items:baseline}.skills__card-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;padding-right:var(--space-sm)}.skills__card-value{min-width:0}.skills__card-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text);margin-bottom:0}.skills__card-summary{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);letter-spacing:1px;text-transform:uppercase;margin-bottom:0}.skills__card-desc{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;margin-bottom:0}.skills__card-meta{margin-bottom:0}.skills__card-count{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-2xs) var(--space-sm);border-radius:var(--border-width);border:var(--border-width) solid var(--color-border-light);background:var(--color-bg);color:var(--color-text-muted);letter-spacing:1px;text-transform:uppercase}.skills__tags{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-top:0}.skills__tag{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-2xs) var(--space-sm);border-radius:var(--border-width);border:var(--border-width) solid var(--color-border-light);background:var(--color-bg);color:var(--color-text-muted)}.skills__detail{background:var(--color-cream);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow-card);padding:var(--space-xl)}.skills__detail-title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text);margin-bottom:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:2px dashed var(--color-border-light)}.skills__detail-section{margin-top:var(--space-lg)}.skills__detail-heading{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px dashed var(--color-border-light)}.skills__detail-text{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);line-height:1.7;white-space:pre-wrap}.skills__empty{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;padding:var(--space-2xl);border:2px dashed var(--color-border-light);border-radius:var(--border-radius)}.skills__markdown{background:var(--color-cream);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow-card);padding:var(--space-xl);width:100%;max-width:100%;transition:background-color var(--duration-normal) var(--ease-out-expo),border-color var(--duration-normal) var(--ease-out-expo),box-shadow var(--duration-normal) var(--ease-out-expo)}.skills__markdown-loading{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;padding:var(--space-2xl)}.skills__markdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.skills__dark-toggle{background:none;border:none;cursor:pointer;font-size:var(--text-lg);line-height:1;padding:var(--space-xs);border-radius:var(--border-radius);transition:opacity var(--duration-fast) var(--ease-out-expo);flex-shrink:0}.skills__dark-toggle:hover{opacity:.7}.skills__markdown-title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text);padding-bottom:var(--space-sm);border-bottom:2px dashed var(--color-border-light);flex:1;margin:0}.skills__markdown-content{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);line-height:1.8;width:100%;max-width:100%;margin-top:var(--space-lg);transition:color var(--duration-normal) var(--ease-out-expo);overflow-x:hidden}.skills__markdown-content h1,.skills__markdown-content h2,.skills__markdown-content h3,.skills__markdown-content h4{font-family:var(--font-display);color:var(--color-text);margin-top:var(--space-xl);margin-bottom:var(--space-sm);line-height:1.3}.skills__markdown-content h1{font-size:var(--text-2xl);border-bottom:2px dashed var(--color-border-light);padding-bottom:var(--space-sm)}.skills__markdown-content h2{font-size:var(--text-xl);border-bottom:1px dashed var(--color-border-light);padding-bottom:var(--space-xs)}.skills__markdown-content h3{font-size:var(--text-lg)}.skills__markdown-content h4{font-size:var(--text-base)}.skills__markdown-content p{margin-bottom:var(--space-md)}.skills__markdown-content a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.skills__markdown-content a:hover{color:var(--color-wood-dark)}.skills__markdown-content strong{font-weight:700;color:var(--color-wood-dark)}.skills__markdown-content em{font-style:italic}.skills__markdown-content code{font-family:var(--font-mono);font-size:.9em;background:var(--color-bg);padding:2px 6px;border-radius:var(--border-width);border:1px solid var(--color-border-light);transition:background-color var(--duration-normal) var(--ease-out-expo),border-color var(--duration-normal) var(--ease-out-expo)}.skills__markdown-content pre{background:var(--color-bg);border:var(--border-width) solid var(--color-border-light);border-radius:var(--border-radius);padding:var(--space-md);overflow-x:auto;margin-bottom:var(--space-md);transition:background-color var(--duration-normal) var(--ease-out-expo),border-color var(--duration-normal) var(--ease-out-expo)}.skills__markdown-content pre code{background:none;border:none;padding:0;font-size:.85em;line-height:1.6}.skills__markdown-content ul,.skills__markdown-content ol{padding-left:var(--space-xl);margin-bottom:var(--space-md)}.skills__markdown-content li{margin-bottom:var(--space-xs)}.skills__markdown-content blockquote{border-left:3px solid var(--color-accent);padding-left:var(--space-md);margin:var(--space-md) 0;color:var(--color-text-muted);font-style:italic}.skills__markdown-content hr{border:none;border-top:2px dashed var(--color-border-light);margin:var(--space-xl) 0}.skills__markdown-content img{max-width:100%;height:auto;border-radius:var(--border-radius)}.skills__markdown-content table{width:100%;border-collapse:collapse;margin-bottom:var(--space-md);font-size:var(--text-xs)}.skills__table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;max-width:100%;margin-bottom:var(--space-md)}.skills__table-wrapper table{width:max-content;min-width:100%;margin-bottom:0}.skills__table-wrapper table th,.skills__table-wrapper table td{white-space:nowrap;word-break:normal;overflow-wrap:normal}.skills__markdown-content th,.skills__markdown-content td{border:var(--border-width) solid var(--color-border-light);padding:var(--space-xs) var(--space-sm);text-align:left}.skills__markdown-content th{background:var(--color-bg-panel);font-family:var(--font-display);font-weight:700;transition:background-color var(--duration-normal) var(--ease-out-expo)}.skills__markdown-error{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);text-align:center;padding:var(--space-2xl)}.skills__view-agent-btn{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);background:var(--color-btn-bg);border:var(--border-width) solid var(--color-btn-border);border-radius:var(--border-radius);padding:var(--space-xs) var(--space-sm);cursor:pointer;box-shadow:2px 2px 0 var(--color-border-light);transition:background var(--duration-fast) var(--ease-out-expo),transform var(--duration-fast) var(--ease-out-expo),box-shadow var(--duration-fast) var(--ease-out-expo);-webkit-tap-highlight-color:transparent}.skills__view-agent-btn:hover{background:var(--color-btn-hover);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--color-border)}.skills__view-agent-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--color-border-light)}.skills__view-agent-btn:after{content:"→";display:inline-block;font-size:var(--text-xs);line-height:1;margin-left:var(--space-2xs);transition:transform var(--duration-fast) var(--ease-out-expo)}.skills__view-agent-btn:hover:after{transform:translate(2px)}.skills__markdown--dark{background-color:#1e1e1e;border-color:#3c3c3c;box-shadow:3px 3px #3c3c3c}.skills__markdown--dark .skills__markdown-title{color:#e0e0e0;border-bottom-color:#3c3c3c}.skills__markdown--dark .skills__markdown-content{color:#d4d4d4}.skills__markdown--dark .skills__markdown-content h1,.skills__markdown--dark .skills__markdown-content h2,.skills__markdown--dark .skills__markdown-content h3,.skills__markdown--dark .skills__markdown-content h4{color:#e0e0e0;border-bottom-color:#3c3c3c}.skills__markdown--dark .skills__markdown-content a{color:#569cd6}.skills__markdown--dark .skills__markdown-content a:hover{color:#7ec0f0}.skills__markdown--dark .skills__markdown-content strong{color:#e0e0e0}.skills__markdown--dark .skills__markdown-content code{background:#2d2d2d;border-color:#3c3c3c;color:#d4d4d4}.skills__markdown--dark .skills__markdown-content pre{background:#252526;border-color:#3c3c3c}.skills__markdown--dark .skills__markdown-content pre code{background:none;border:none}.skills__markdown--dark .skills__markdown-content blockquote{border-left-color:#666;color:#888}.skills__markdown--dark .skills__markdown-content hr{border-top-color:#3c3c3c}.skills__markdown--dark .skills__markdown-content th,.skills__markdown--dark .skills__markdown-content td{border-color:#3c3c3c}.skills__markdown--dark .skills__markdown-content th{background:#2d2d2d}.skills__markdown--dark .skills__markdown-loading{color:#888}.skills__markdown--dark .skills__markdown-error{color:#f48771}@media(max-width:768px){.skills{padding:var(--space-md)}.skills__title{font-size:var(--text-2xl)}.skills__grid{display:grid;grid-template-columns:1fr;gap:var(--space-md);border:none;border-radius:0;overflow:visible}.skills__card{display:flex;flex-direction:column;background:var(--color-cream);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow-card);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out-expo),box-shadow var(--duration-fast) var(--ease-out-expo);border-bottom:var(--border-width) solid var(--color-border);padding:initial}.skills__card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-card-hover);background:var(--color-cream)}.skills__card:active{transform:translate(1px,1px);box-shadow:var(--shadow-card-active)}.skills__card-grid{display:block;padding:var(--space-sm) var(--space-md)}.skills__card-label{display:none}.skills__card-title,.skills__card-summary{margin-bottom:var(--space-xs)}.skills__card-desc,.skills__card-meta{margin-bottom:var(--space-sm)}.skills__tags{margin-top:var(--space-sm)}.skills__detail{padding:var(--space-md)}.skills__markdown{padding:var(--space-md);width:100%}.skills__markdown-content h1{font-size:var(--text-xl)}.skills__markdown-content h2{font-size:var(--text-lg)}.skills__markdown-content h3{font-size:var(--text-base)}.skills__markdown-content pre{padding:var(--space-sm);font-size:var(--text-xs)}.skills__markdown-content{word-break:break-word;overflow-wrap:break-word}.skills__markdown-title{font-size:var(--text-lg)}.skills__markdown-content blockquote{padding-left:var(--space-sm);margin:var(--space-sm) 0}.skills__markdown-content ul,.skills__markdown-content ol{padding-left:var(--space-md)}.skills__markdown-content table{width:100%}.skills__table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;margin-bottom:var(--space-md)}.skills__table-wrapper table{width:max-content;min-width:100%;margin-bottom:0}.skills__table-wrapper table th,.skills__table-wrapper table td{white-space:nowrap;word-break:normal;overflow-wrap:normal}.skills__markdown-content pre{word-break:normal}.skills__markdown-header{gap:var(--space-sm)}}@media(max-width:480px){.skills__markdown{padding:var(--space-sm);width:100%}.skills__markdown-title{font-size:var(--text-base)}.skills__markdown-content{font-size:var(--text-xs)}.skills__markdown-content h1{font-size:var(--text-base)}.skills__markdown-content h2,.skills__markdown-content h3{font-size:var(--text-sm)}.skills__markdown-content pre{padding:var(--space-xs) var(--space-sm)}.skills__markdown-content img{height:auto;max-width:100%}.skills__markdown-content table{font-size:var(--text-xs)}.skills__table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;margin-bottom:var(--space-md)}.skills__table-wrapper table{width:max-content;min-width:100%;margin-bottom:0}.skills__table-wrapper table th,.skills__table-wrapper table td{white-space:nowrap;word-break:normal;overflow-wrap:normal}}}