.te-skills{grid-template-columns:repeat(2,1fr);gap:1.2rem;width:100%;margin-bottom:2rem;display:grid}.te-skill{background:var(--white-2);border:1px solid var(--white-5);border-radius:var(--radius-lg);opacity:0;padding:1rem 1.2rem;transition:all .3s}.te-skill:hover{border-color:var(--pink-border-light);background:var(--pink-10)}.te-skill-top{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.te-skill-info{align-items:center;gap:.5rem;display:flex}.te-skill-icon{font-size:var(--text-base)}.te-skill-name{font-size:var(--text-xs);color:var(--white);text-transform:uppercase;letter-spacing:var(--tracking-normal);font-weight:600}.te-skill-delta{font-size:var(--text-xs);color:var(--green);font-family:JetBrains Mono,monospace;font-weight:600}.te-bars{flex-direction:column;gap:.4rem;display:flex}.te-bar-row{align-items:center;gap:.5rem;display:flex}.te-bar-label{width:44px;font-size:var(--text-xs);color:var(--white-50);text-transform:uppercase;letter-spacing:var(--tracking-normal);text-align:right;flex-shrink:0;font-family:JetBrains Mono,monospace}.te-bar-track{background:var(--white-3);border:1px solid var(--white-5);border-radius:var(--radius-sm);flex:1;height:18px;position:relative;overflow:hidden}.te-bar-fill{width:0;height:100%;position:absolute;top:0;left:0}.te-bar-fill--before{background:var(--white-8)}.te-bar-fill--after{background:linear-gradient(90deg, var(--pink-60), var(--pink))}.te-bar-fill--after:after{content:"";background:var(--pink);width:2px;height:100%;box-shadow:var(--glow-pink-sm);position:absolute;top:0;right:0}.te-bar-val{width:30px;font-size:var(--text-xs);color:var(--white-50);opacity:0;flex-shrink:0;font-family:JetBrains Mono,monospace;font-weight:600}.te-bar-val--after{color:var(--white)}.te-toggle-wrap{opacity:0;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.te-toggle-label{font-size:var(--text-xs);color:var(--white-50);text-transform:uppercase;letter-spacing:var(--tracking-normal);font-family:JetBrains Mono,monospace}.te-toggle-label--active{color:var(--pink)}@media (width<=768px){.te-skills{grid-template-columns:1fr}}