.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.skills-col{background:var(--surface-panel);border:1px solid var(--line);border-radius:var(--radius-md);padding:20px 18px;position:relative;overflow:hidden}.skills-col::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--skill-color,var(--primary-color))}.skills-col-title{color:var(--light-text);font-size:1.5rem;font-weight:700;letter-spacing:.04em;margin-bottom:14px}.skills-col-items{display:flex;flex-wrap:wrap;gap:8px}.skill-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,2%);font-size:1.25rem;color:var(--body-text);transition:border-color .2s ease,color .2s ease}.skill-chip:hover{border-color:var(--skill-color,var(--primary-color));color:var(--light-text)}.skill-chip-dot{width:8px;height:8px;border-radius:50%;background:var(--skill-color,var(--primary-color));box-shadow:0 0 0 2px rgba(255,255,255,4%)}.skill-chip-name{color:inherit}.skill-chip-years{color:var(--muted-text);font-size:1.1rem;font-weight:700}.bar-container{width:100%;height:10px;background:#14161d;border-radius:999px;overflow:hidden}.bar{height:100%;width:0;border-radius:999px;transition:width .8s ease}