.cat-row{display:flex;gap:12px;overflow-x:auto;padding:8px 2px 10px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cat-row::-webkit-scrollbar{display:none}.cat-card{position:relative;flex:0 0 auto;width:132px;height:118px;padding:14px 14px 13px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;border-radius:20px;background:#fff;border:1px solid #e7e4ee;box-shadow:0 1px 2px rgba(28,24,38,.05);text-decoration:none;color:#1c1826;overflow:hidden;scroll-snap-align:start;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease-out,border-color .22s ease-out;will-change:transform}.cat-card:before{content:"";position:absolute;left:-20%;right:-20%;bottom:-60%;height:120%;background:radial-gradient(60% 60% at 50% 100%,var(--cat,#80a) 0,transparent 70%);opacity:0;transform:translateY(20%);transition:opacity .26s ease-out,transform .26s cubic-bezier(.22,1,.36,1);pointer-events:none}.cat-card:hover{transform:translateY(-4px);border-color:var(--cat,#80a);box-shadow:0 14px 28px rgba(28,24,38,.12)}.cat-card:hover:before{opacity:.16;transform:translateY(0)}.cat-card:active{transform:translateY(-1px) scale(.98);transition-duration:.1s}.cat-card:focus-visible{outline:2px solid var(--cat,#80a);outline-offset:3px}.cat-card.is-active{border-color:var(--cat,#80a);border-width:2px}.cat-card.is-active,.cat-icon{background:var(--cat-soft,#f3e9f7)}.cat-icon{position:relative;width:46px;height:46px;border-radius:15px;display:flex;align-items:center;justify-content:center;transition:transform .26s cubic-bezier(.22,1,.36,1),border-radius .26s ease-out}.cat-card:hover .cat-icon{transform:translateY(-2px) scale(1.06);border-radius:999px}.cat-name{position:relative;font-size:14px;font-weight:500;line-height:1.25;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pos-line{display:flex;align-items:center;gap:20px;overflow-x:auto;padding:2px 2px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.pos-line::-webkit-scrollbar{display:none}.pos-link{position:relative;flex:0 0 auto;font-size:14.5px;line-height:1.2;color:#6b6478;text-decoration:none;white-space:nowrap;padding:6px 0;transition:color .16s ease-out}.pos-link:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--cat,#80a);transform:scaleX(0);transform-origin:left;transition:transform .2s cubic-bezier(.22,1,.36,1)}.pos-link:hover{color:#1c1826}.pos-link:hover:after{transform:scaleX(1)}.pos-link.is-active{color:#1c1826;font-weight:600}.pos-link.is-active:after{transform:scaleX(1)}.pos-link:focus-visible{outline:2px solid var(--cat,#80a);outline-offset:3px;border-radius:4px}@media (max-width:1023px){.cat-card{width:118px;height:108px;padding:12px}.cat-icon{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){.cat-card,.cat-card:before,.cat-icon,.pos-chip{transition:border-color .12s ease-out,background-color .12s ease-out}.cat-card:active,.cat-card:hover,.cat-card:hover .cat-icon,.pos-chip:active,.pos-chip:hover{transform:none}}