.code-cards{display:flex;flex-direction:column;gap:var(--space-md)}.code-card{border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-md);background:var(--color-bg);transition:box-shadow .2s}.code-card:hover{box-shadow:0 2px 8px #0000001a}.code-card-header{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.code-card-code{font-size:1.1rem;word-break:break-all}.code-card-type{color:var(--color-text-secondary);font-size:.9rem}.code-card-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-sm);margin-bottom:var(--space-md)}.code-card-stat{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.75rem;color:var(--color-text-muted);font-weight:600;text-transform:uppercase}.stat-value{font-size:.9rem;color:var(--color-text)}.code-card-actions{display:flex;gap:var(--space-xs);flex-wrap:wrap}.code-card-actions .btn{flex:1;min-width:80px}.mypage-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.mypage-header .card-title{margin:0}.category-filter{width:auto;min-width:150px;padding:4px 8px;border:1px solid #ddd;border-radius:4px}.code-display{font-weight:600;font-size:1.1rem}@media(min-width:768px){.code-card{padding:var(--space-lg)}.code-card-header{flex-direction:row;justify-content:space-between;align-items:center}.code-card-stats{grid-template-columns:repeat(3,1fr)}.code-card-actions .btn{flex:0 1 auto}}