:root{--panel-open-dur:.4s;--panel-close-dur:.35s;--panel-blur:2px;--panel-ease:cubic-bezier(.22, 1, .36, 1)}.skills-page.svelte-1g4s34r{max-width:1100px;margin:0 auto;padding:2rem 1.5rem}.page-header.svelte-1g4s34r{margin-bottom:1.5rem}.page-header.svelte-1g4s34r h1:where(.svelte-1g4s34r){color:var(--color-text-dark);letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.5rem;font-weight:600}.subtitle.svelte-1g4s34r{color:var(--color-text-light);margin:0;font-size:.875rem}.search-bar.svelte-1g4s34r{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.search-input.svelte-1g4s34r{border:.5px solid var(--color-border);max-width:320px;height:36px;color:var(--color-text-dark);background:#fff;border-radius:4px;flex:1;padding:0 .75rem;font-size:.875rem;transition:border-color .15s}.search-input.svelte-1g4s34r::placeholder{color:var(--color-text-light)}.search-input.svelte-1g4s34r:focus{border-color:var(--color-primary);outline:none}.skill-count.svelte-1g4s34r{color:var(--color-text-light);font-size:.8rem}.loading-grid.svelte-1g4s34r{grid-template-columns:repeat(1,1fr);gap:16px;display:grid}@media (width>=640px){.loading-grid.svelte-1g4s34r{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.loading-grid.svelte-1g4s34r{grid-template-columns:repeat(3,1fr)}}.skeleton-card.svelte-1g4s34r{border:.5px solid var(--color-border);background:var(--color-bg-light);border-radius:4px;min-height:168px;animation:1.5s ease-in-out infinite svelte-1g4s34r-pulse}@keyframes svelte-1g4s34r-pulse{0%,to{opacity:1}50%{opacity:.5}}.empty-state.svelte-1g4s34r{text-align:center;border:.5px solid var(--color-border);background:var(--color-bg-light);border-radius:4px;padding:4rem 2rem}.empty-state.svelte-1g4s34r h3:where(.svelte-1g4s34r){color:var(--color-text-dark);margin:0 0 .5rem;font-size:.9rem;font-weight:500}.empty-state.svelte-1g4s34r p:where(.svelte-1g4s34r){color:var(--color-text-light);margin:0;font-size:.8rem}.skills-grid.svelte-1g4s34r{grid-template-columns:repeat(1,1fr);gap:16px;display:grid}@media (width>=640px){.skills-grid.svelte-1g4s34r{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.skills-grid.svelte-1g4s34r{grid-template-columns:repeat(3,1fr)}}.skill-card.svelte-1g4s34r{cursor:pointer;border:.5px solid var(--color-border);text-align:left;min-height:168px;font:inherit;isolation:isolate;background:#fff;border-radius:4px;flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.skill-card.svelte-1g4s34r:before{content:"";background:conic-gradient(from var(--metal-angle), #ff6b6b, #feca57, #48dbfb, #ff9ff3, #54a0ff, #5f27cd, #01a3a4, #ff6b6b);opacity:0;z-index:-1;border-radius:6px;transition:opacity .3s;animation:3s linear infinite svelte-1g4s34r-metal-rotate;position:absolute;inset:-2px}.skill-card.svelte-1g4s34r:after{content:"";z-index:-1;background:#fff;border-radius:3px;position:absolute;inset:1px}.skill-card.svelte-1g4s34r:hover:before{opacity:1}.skill-card.svelte-1g4s34r:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #ff6b6b1a,0 4px 16px #48dbfb1f,0 8px 32px #ff9ff314}.skill-card.svelte-1g4s34r:active{transform:translateY(0)}@keyframes svelte-1g4s34r-metal-rotate{0%{--metal-angle:0deg}to{--metal-angle:360deg}}@property --metal-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.card-top.svelte-1g4s34r{padding:14px 14px 8px}.card-title-row.svelte-1g4s34r{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:4px;display:flex}.card-title.svelte-1g4s34r{color:var(--color-text-dark);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:.875rem;font-weight:500;line-height:1.4;overflow:hidden}.status-chip.svelte-1g4s34r{color:var(--color-text-dark);background:var(--color-bg-light);white-space:nowrap;border-radius:4px;flex-shrink:0;align-items:center;gap:5px;padding:2px 8px;font-size:.65rem;font-weight:500;display:inline-flex}.status-chip--tiny.svelte-1g4s34r{padding:1px 6px;font-size:.6rem}.card-description.svelte-1g4s34r{color:var(--color-text-light);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.8rem;line-height:1.5;display:-webkit-box;overflow:hidden}.card-description--empty.svelte-1g4s34r{opacity:.5;font-style:italic}.card-content.svelte-1g4s34r{flex:1;padding:0 14px;overflow:hidden}.card-content.svelte-1g4s34r pre:where(.svelte-1g4s34r){background:var(--color-bg-light);border-radius:3px;max-height:52px;margin:0;padding:6px 8px;font-size:.7rem;line-height:1.5;overflow:hidden}.card-content.svelte-1g4s34r code:where(.svelte-1g4s34r){color:var(--color-text-light);white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace}.card-footer.svelte-1g4s34r{border-top:.5px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:8px;padding:8px 14px;display:flex}.footer-meta.svelte-1g4s34r{color:var(--color-text-light);opacity:.7;text-transform:uppercase;align-items:center;gap:4px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.65rem;display:flex}.footer-sep.svelte-1g4s34r{opacity:.4}.footer-arrow.svelte-1g4s34r{color:var(--color-text-light);opacity:0;font-size:.8rem;transition:opacity .15s,transform .15s;transform:translate(-4px)}.skill-card.svelte-1g4s34r:hover .footer-arrow:where(.svelte-1g4s34r){opacity:.6;transform:translate(0)}.btn-bookmark.svelte-1g4s34r{width:24px;height:24px;color:var(--color-text-light);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}.skill-card.svelte-1g4s34r:hover .btn-bookmark:where(.svelte-1g4s34r){opacity:1}.btn-bookmark.svelte-1g4s34r:hover{color:var(--color-primary);background:var(--color-bg-light,#f9f9f9)}.btn-bookmark--active.svelte-1g4s34r{opacity:1;color:var(--color-primary)}.footer-right.svelte-1g4s34r{align-items:center;gap:8px;display:flex}.source-link.svelte-1g4s34r{color:var(--color-text-light);opacity:0;align-items:center;gap:4px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.65rem;text-decoration:none;transition:opacity .15s,color .15s;display:inline-flex}.source-link.svelte-1g4s34r:hover{color:var(--color-primary)}.skill-card.svelte-1g4s34r:hover .source-link:where(.svelte-1g4s34r){opacity:.7}.panel-backdrop.svelte-1g4s34r{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .3s var(--panel-ease);pointer-events:none;background:#0000004d;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.panel-backdrop.svelte-1g4s34r:has(.panel--open:where(.svelte-1g4s34r)){opacity:1;pointer-events:auto}.panel.svelte-1g4s34r{opacity:0;width:100%;max-width:720px;max-height:85vh;filter:blur(var(--panel-blur));pointer-events:none;transition:transform var(--panel-close-dur) var(--panel-ease), opacity var(--panel-close-dur) var(--panel-ease), filter var(--panel-close-dur) var(--panel-ease);will-change:transform, opacity, filter;background:#fff;border-radius:8px 8px 0 0;flex-direction:column;display:flex;overflow:hidden;transform:translateY(100%)}.panel--open.svelte-1g4s34r{opacity:1;filter:blur();pointer-events:auto;transition:transform var(--panel-open-dur) var(--panel-ease), opacity var(--panel-open-dur) var(--panel-ease), filter var(--panel-open-dur) var(--panel-ease);transform:translateY(0)}@media (prefers-reduced-motion:reduce){.panel.svelte-1g4s34r,.panel--open.svelte-1g4s34r,.panel-backdrop.svelte-1g4s34r{transition:none!important}}.panel-header.svelte-1g4s34r{border-bottom:.5px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:16px 20px;display:flex}.panel-header-left.svelte-1g4s34r{align-items:center;gap:.75rem;min-width:0;display:flex}.panel-title.svelte-1g4s34r{color:var(--color-text-dark);letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:600}.panel-header-right.svelte-1g4s34r{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.btn-icon.svelte-1g4s34r{width:32px;height:32px;color:var(--color-text-light);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:flex}.btn-icon.svelte-1g4s34r:hover{background:var(--color-bg-light);color:var(--color-text-dark)}.btn-sm.svelte-1g4s34r{height:30px;padding:0 12px;font-size:.75rem}.btn-outline.svelte-1g4s34r{border:.5px solid var(--color-border);color:var(--color-text-dark);cursor:pointer;background:#fff;border-radius:4px;align-items:center;font-weight:500;text-decoration:none;transition:background-color .15s;display:inline-flex}.btn-outline.svelte-1g4s34r:hover{background:var(--color-bg-light)}.btn-outline.svelte-1g4s34r:disabled{opacity:.5;cursor:not-allowed}.btn-primary.svelte-1g4s34r{border:1px solid var(--color-primary);background:var(--color-primary);color:#fff;cursor:pointer;border-radius:4px;font-weight:500;transition:opacity .15s}.btn-primary.svelte-1g4s34r:hover{opacity:.9}.btn-primary.svelte-1g4s34r:disabled{opacity:.5;cursor:not-allowed}.panel-body.svelte-1g4s34r{flex:1;padding:20px;overflow-y:auto}.panel-loading.svelte-1g4s34r{text-align:center;color:var(--color-text-light);padding:3rem;font-size:.85rem}.panel-meta.svelte-1g4s34r{border:.5px solid var(--color-border);background:var(--color-bg-light);border-radius:4px;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;padding:12px 14px;display:grid}.meta-row.svelte-1g4s34r{flex-direction:column;gap:2px;display:flex}.meta-label.svelte-1g4s34r{color:var(--color-text-light);text-transform:uppercase;letter-spacing:.04em;font-size:.65rem;font-weight:500}.meta-value.svelte-1g4s34r{color:var(--color-text-dark);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.8rem}.panel-section.svelte-1g4s34r{margin-bottom:20px}.section-title.svelte-1g4s34r{color:var(--color-text-dark);text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-size:.75rem;font-weight:600}.versions-list.svelte-1g4s34r{border:.5px solid var(--color-border);border-radius:4px;overflow:hidden}.version-row.svelte-1g4s34r{border-bottom:.5px solid var(--color-border);align-items:center;gap:8px;padding:8px 12px;font-size:.75rem;display:flex}.version-row.svelte-1g4s34r:last-child{border-bottom:none}.version-num.svelte-1g4s34r{color:var(--color-text-dark);min-width:28px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-weight:500}.version-author.svelte-1g4s34r{color:var(--color-text-light);margin-left:auto}.version-date.svelte-1g4s34r{color:var(--color-text-light);opacity:.7;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.65rem}.content-display.svelte-1g4s34r{border:.5px solid var(--color-border);border-radius:4px;overflow:hidden}.content-display.svelte-1g4s34r pre:where(.svelte-1g4s34r){max-height:50vh;margin:0;padding:14px;overflow:auto}.content-display.svelte-1g4s34r code:where(.svelte-1g4s34r){color:var(--color-text-dark);white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.8rem;line-height:1.6}.content-editor.svelte-1g4s34r{border:.5px solid var(--color-border);width:100%;min-height:300px;max-height:50vh;color:var(--color-text-dark);resize:vertical;tab-size:2;background:#fff;border-radius:4px;padding:14px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.8rem;line-height:1.6;transition:border-color .15s}.content-editor.svelte-1g4s34r:focus{border-color:var(--color-primary);outline:none}.editor-hint.svelte-1g4s34r{color:var(--color-text-light);margin:6px 0 0;font-size:.7rem}@media (width<=639px){.skills-page.svelte-1g4s34r{padding:1.5rem 1rem}.search-input.svelte-1g4s34r{max-width:none}.panel.svelte-1g4s34r{max-height:90vh}.panel-header.svelte-1g4s34r{flex-direction:column;align-items:stretch;gap:.5rem;padding:12px 16px}.panel-header-right.svelte-1g4s34r{flex-wrap:wrap;justify-content:flex-end}.panel-body.svelte-1g4s34r{padding:16px}.panel-meta.svelte-1g4s34r{grid-template-columns:1fr}}