.tech-stack-section{width:100%}.tech-stack-list{grid-template-columns:repeat(9,minmax(72px,1fr));gap:10px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.tech-card{min-width:0;min-height:84px;padding:var(--space-3) var(--space-2);justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-panel-translucent);color:var(--text-secondary);scroll-snap-align:start;transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);flex-direction:column;display:flex}.tech-card:hover{border-color:var(--border-strong);background:var(--primary-500-alpha-08);transform:translateY(-3px)}.tech-card-icon{flex:none;width:30px;height:30px}.tech-card>span{max-width:100%;color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;line-height:1.3;overflow:hidden}.tech-react{color:#61dafb}.tech-typescript{color:#3178c6}.tech-javascript{color:#f7df1e}.tech-mui{color:#007fff}.tech-cypress{color:#69d3a7}.tech-jotai{color:#c59aff}.tech-query{color:#ff4154}.tech-visx{color:#ff9b60}.tech-leaflet{color:#199900}@media (max-width:1180px){.tech-stack-list{scroll-behavior:smooth;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:var(--primary-400-alpha-45) var(--surface-panel-translucent);min-width:0;padding-bottom:8px;display:flex;overflow:auto hidden}.tech-card{flex:0 0 96px;width:96px;min-width:96px}.tech-stack-list::-webkit-scrollbar{height:6px}.tech-stack-list::-webkit-scrollbar-track{border-radius:var(--radius-round);background:var(--surface-panel-translucent)}.tech-stack-list::-webkit-scrollbar-thumb{border-radius:var(--radius-round);background:var(--primary-400-alpha-45)}.tech-stack-list::-webkit-scrollbar-thumb:hover{background:#2f8fffb3}}@media (max-width:820px){.tech-card{flex-basis:92px;width:92px;min-width:92px}}@media (max-width:520px){.tech-stack-list{gap:var(--space-2);padding-bottom:7px}.tech-card{flex-basis:84px;width:84px;min-width:84px;min-height:76px;padding:10px 6px}.tech-card-icon{width:27px;height:27px}.tech-card>span{font-size:12px}}@media (prefers-reduced-motion:reduce){.tech-stack-list{scroll-behavior:auto}.tech-card{transition:none}.tech-card:hover{transform:none}}